Tag Archives: Flash

Vodafone ‘Mayfly’ website

How do you make the most of now?

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. Continue reading Vodafone ‘Mayfly’ website

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!

Beckham Academy Games

FWA winner, Adobe Site of the Day winner and Creative Showcase runner-up.

I was asked by Tribal / DDB London to create a web based games site, for a joint campaign between The David Beckham Academy and Volkswagen.

Note that you’ll need Flash Player in your browser to play the games. There’s no mobile support, since the games pre-date most smartphones 🙂

Play the games

We decided to use filmed action of Beckham himself in-game, with the ‘video alpha channel’ support of Flash 8, which was very new at the time. I came up with the game concepts and shot list, then met with the film crew at ‘Off The Radar’ to organise the shoot with Beckham – we had less than an hour of his time to everything done, but he was a complete pro, completing most of the action in one take!

Tech used

  • Green screen at Flash Studio Norte, Madrid
  • Panasonic VariCam (1080p @ 50fps)
  • Adobe After Effects
  • Adobe Photoshop
  • Adobe Flash
  • A football

dba-green1dba20I went to Madrid for the green screen shoot with Beckham as visual effects supervisor and was responsible for treating and editing the footage for game production and related media.

I stitched some of the sequences together with morphs to create almost seamless blends dba-kick01between shots and added real-time lighting filters to the footage to help with the in-game compositing.

I coded a 3-D projection system in Flash and perspective-matched each scene, so that objects move around the screen convincingly. I worked with the designers at DDB, who created the backgrounds and UI elements. I included ‘Express Install’ capability for those users without Flash Player 8, so 95% users could upgrade painlessly from Flash Player 6 or 7. All the games are mouse-controlled and were user tested with children for usability and game balancing.

A high-score table and ‘challenge a friend’ feature was included – users with the highest scores were entered into a prize draw to win a training day at the academy with David Beckham. While modern video games only ever motion-capture players and recreate them as 3-D models, the DBA games site, while it’s dated a little over the years, still remains a one-of-a-kind that I’m rather proud of.

By the way, there are a few ‘Easter eggs’ in the game, only one of which I can remember at the moment: in the ‘Shot Stopper’ game, type ‘safehands‘ to get some big gloves to make savings goals easier.

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