IDEA

The banner needs to have the same look and feel as the TV ad with small circular animation overlaid over it.

CHALLENGES

The animation can't be created with just javascript alone as the speed an number of circles to be animated is in the hundreds. The circles also need to change color and spin as there animating.

SOLUTION

Create the spinning circular animation in Flash and export the animation as a sprite sheet to be used in canvas. Then use EaselJS to control the speed and playback of the animation overlaid over standard HTML elements.

TECHNOLOGIES USED

Flash, Photoshop, Javascript, GSAP, EaselJS, HTML, CSS

CLICK HERE to view live version of this project