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!
I used filmed action of Beckham himself and the video alpha channel support of Flash 8, which was rather new at the time. I was consulted on all aspects of filming and production. After we agreed game concepts, I met with the film crew at ‘Off The Radar’; I drew up the shot-list and we decided to shoot on HD at 50p, to get the cleanest possible key.
I 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 between 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 was included and the 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 still remains a one-of-a-kind.
I thought I’d give a quick insight into how the animation effects in one of my projects were acheived.
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. The site won two DMA awards, but I’m most proud of the crumbs animation and the code-generated interactive steam effect – similar to the one you’ll see on my homepage.
I’d recently been playing around with packaging AIR for iOS, to run on my iPad. While the performance has been improved massively since CS5 Packager, it’s still not great in AIR 2.6. It seems that AIR 2.7 brings with it some great performance enhancements – though I’ll reserve judgement until I’ve tried it myself – check out the article and video here.
So, in my first steps in tablet development, I cracked out a simple app for the new Blackberry Playbook and got a free Playbook! It’s a very nice piece of hardware. You can see my app (a very simple doodling application, called ScratchPad) here.
At the risk of getting sucked into the Apple vs Adobe shitstorm, my own response to Apple chosing to block Flash content from their mobile devices is to at least tell users why – because Apple left it at the rather obscure blue lego block, with no explanation (great experiential design guys). Simply include this code in your page/s to redirect mobile safari users to a page of your chosing …I direct them here.
How to allow SWFs to display at 100% width/height in your browser – but enforce a minimum width and height, in case of a smaller browser window size than you’ve designed for.
With my simple FlashSize script, all you need do is call: