What I love even more than creating animation: creating challenging code-driven animation.
This banner actually won some awards apparently, including NMA Campaign of the Month and was shortlisted for Cannes Lions.The line dynamics itself is just Hooke’s law stuff – basic physics. It took some experimentation to get a smooth curve drawn from end to end. Basically, it is a bezier curve and the ‘control points’ of the previous and next points need to be in line.
The cars follow one of the line’s points with differing elasticity and damping, but the real pain in the backside was drawing the dashed line via code, in crummy early ActionScript, which had no API for programmatic dashed stroke drawing at the time. Luckily, I’m super persistent :)Read more from Bannerblog…
I created this microsite for Dare Digital back in 2005, to promote a competition running alongside BBH‘s Vodafone ‘Mayfly’ TV campaign. Users can create a mayfly with a personal message attached, which lives for just 24 hours and wanders around the environment. The best life-affirming message won a drive around Monza with Michael Schumacher in his Ferrari – the power of NOW!The client was very happy with the site – it picked up a couple of awards, even an award for my little preloader animation. You can see the site here, but note that you can’t create your own mayflies any more and the competition is long since over.