Brudenell 100 // Pool Refinement

The pool animation was a problem because it was the only one of the set that didn't loop. While I really liked the animation of the break, unless it is shown first, the user will reach it after it has already finished. Animations that repeat on a loop or reverse on a loop are proving to be way more effective for this reason. It also lets the site users revisit sections and still see the content as it was the first time they visited. 

This is the animation paths I was using for pool. As this scenario cannot looop, I had to think of a more interesting technical solution.

Having learnt this technique from experimenting with the dart board, I knew that I could have the balls follow a number of paths across the full width of the screen. This created a really effective solution that was much more visually engaging and simple. 

Screencaps of the balls passing each other. The repeated paths give the illusion of a more random travel and disguises the loop.