Tag Archives: physics

A literally ‘gripping’ banner

Just looking through some old work and found a banner I had created years ago. I know, I know, a banner – but, as banners go, it’s rather awesome 🙂


 

I created this for the BBC, to advertise a game related to one of their TV shows. It employs some pretty clever maths to animate some creepy vines which actually reach out to ‘grab’ your mouse cursor – have a play!

Lurpak Breakfast – Behind the scenes

Winning two DMA awards, I thought I’d give a quick insight into how the animation effects in this piece were achieved.

Scott Bedford, former Creative Director at Carlson Marketing, posted this video of a project we worked on a while back, for the Lurpak Breakfast campaign. I created all the animation prototypes for the various effects used throughout the site, some of which can be seen here. I’m most proud of the crumbs animation and the code-generated interactive steam effect – as you’ll see in the video below.


 

Continue reading Lurpak Breakfast – Behind the scenes

Mercedes Bend – Physics based banner animation

What I love even more than doing animation, is doing challenging code-driven animation.

This banner actually won some awards appparently, including NMA Capmaign of the Month.

The line dynamics itself is just Hooke’s law stuff – basic physics. Took some experimentation to get a smooth curve drawn through a series of points (basicaly, the control points of your 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.


 

Luckily there were some tutorials about this and I found by moving the first drawing point up-screen it creates the animated effect – job done! Check it out on Bannerblog.