Lipton Exclusive Collection

Lipton Exclusive Collection

We created a site for the Lipton Exclusive Collection. The idea was to create a infinitely repeating animation that gave the user a sense of travelling through space. Each of the 6 ‘worlds’ in the site represented one of the tea blends in the product range.

I was lead developer and worked with the creative team closely. The animators did an incredible job bringing the worlds to life and it was my role to make sure that the looping worked correctly and that the mouse wheel interaction was consistent across different hard ware. I also created components for the animators to use to give their movieclips interactive behaviours.

http://www.lipton.com/en_en/exclusivecollection/index.html

The site went on to win an FWA site of the day award.

http://thefwa.com/site/lipton-exclusive-collection/

The amazing animators at B-Reel created a non-interactive version which is quite beautiful!

Aviva – You are the big picture

Aviva – You are the big picture
I worked on the Flash front end of this project with one other developer. We made a website to support Aviva’s ‘You are the big pitcure’ campaign. The site performed a number of functions including: image capture (web cam), gallery, dynamic time-lapse generation, video interview display.

We worked closely with a backend developer to create a system that allowed the user to upload their picture (or use a webcam image or facebook picture) and schedule their photo for projection onto the side of a building. At a predetermined time the photo was projected, this moment was captured by a webcam which then fed the captured image back into the system. After the event users could browse all the images using an interactive timelapse animation. They could browse the timelapse freely or jump to their own or their friend’s images.

AS3 UI Components

AS3 UI Components

I’ve been using these user interface components for a few years now, tweaking them as projects come and go. Click on the image above or here to see a working example of my ToggleButtonBase, ButtonBase, SliderBase, ToolTipBase and ScrollBase AS3 classes.

ButtonBase is a multistate button that works by extending a MovieClip in the Flash library with ButtonBase.as as the base class. It means the various visual states are controlled on the IDE timeline (see the gratuitous green button).

ToggleButtonBase uses two instances of ButtonBase and dispatches ToggleEvents when the user changes it’s state.

SliderBase dispatches SliderEvents which contain a ‘value’ property that changes from 0-1 as the user drags the slider from left to right.

ScrollBase takes various display objects (background sprites, content display object, and 2 or 3 ButtonBase instances) to create a vertical content scroller. See ComponentTestDoc.as for examples of how to do this.

The source files are zipped here if you want to have