Tag Archives: physics

Speccy – Spectrum Analyser

I just created an Audio Spectrum Analyser app and it’s proved very popular. Turn your Android device into an audio spectrum analysis tool and break into safes – um, please don’t use it for that ๐Ÿ˜‰ The app uses a Fast Fourier Transform (FFT) algorithm to analyse sound and has some features not found in similar apps (such as exporting audio snapshot data). Check it out!For those interested in helping me correct or add more translations, see the github repo here.

InterServer Web Hosting and VPS
 

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! (requires Flash)


 

If you’re on mobile, or don’t have Flash enabled on your browser, you can see the banner in action below:

Lurpak Breakfast – Behind the screens

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

I worked with Scott Bedford on this site for Carlson Marketing, 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 screens

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 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. 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).

If you can’t see the demo above because you’re on mobile, or don’t have Flash enabled on your browser, you can see the banner in action below:

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 ActionScript. Luckily, I’m a persistent bastard ๐Ÿ™‚ Read more about it on Bannerblog.