Jameson Dry and Lime

,
Jameson Dry and Lime

I built this HTML5 execution at Mobile Embrace for Jameson New Zealand. he client wanted the user to go though the process of pouring a Jameson Dry and Lime which was easier said than done without being able to use video and keeping it all down to a small file size.

I created it with a combination of some clever Photoshoping, some 3D ice cubes built in Cinema 4D (we were only supplied a picture of a full glass), some  hand coded CSS3 animation and some JavaScript with a bit of jQuery. I had to write the code to detect tilting the phone to pour the drink as I could find any libraries that worked on Android and iPhone.

Try it on your phone or tablet.

Jameson-01

Jameson-02

Jameson-03

Jameson-04

Jameson-05

Jameson-06

Skills

, , , , ,

Posted on

03/31/2014