I've been building web animations since last century.
As a huge fan of Flash for banner ads, it was interesting watching the ad agencies switch from
My students quickly noticed the trend and demanded that we cut back on Flash and focus on
Letting the browser be the animation engine, instead of a third party plug-in (Flash)
seemed like a no brainer.
Each of the animations you see running here (on a big monitor) have their own script engines, but they are quite similar.
I developed these after watching a number of tutorials on the greensock website.
He explains the general principals, and you can find his actual banner on github,
but he does not explain it in a step by step tutorial.
My students and I did a lot of reverse engineering to put them back together to
what you see here. This is a copy of his horizontal banner, or as close
as I could come, but modified to be both horizontal, and in a sidebar. I've also modified most
of his timing to suit my needs.
The links below will not work on Android or IOS devices.