As usual, I'm running a little behind with the blog entries. I've been busy in the past month(s), but it was well worth it; on April 21st the site I've been working on for Puma has won the FWA SOTD award. For this project firstborn teamed up with droga5 and created an interactive video experience in which the user can weigh the new Puma shoe against everyday objects. Our goal was simply to show (not tell) in a funny and interesting way how light the shoe is. I was the Lead Developer for this project, but was also involved in the video shoot (for example experimenting with different shooting and "stitching" styles in the very beginning of the project). Next to the main site I also developed the teaser site and the "Pullback" banner execution - you can see both in the case study in firstborn's portfolio.
Related Links:
http://lift.puma.com
http://www.firstbornmultimedia.com/#/our-portfolio/1056/case-study/
Apr 29, 2009

April 30th, 2009 at 6:49 pm
Very nice site! Where you the lead developer on this site or was there someone else overseeing your work?
April 30th, 2009 at 11:26 pm
Yes, I was the lead (and sole) developer on this project. Glad you like it. Thanks.
May 2nd, 2009 at 11:40 am
hey jens! wollte mich mal melden! bin nun auch fertig mit dem studium. echt krasses zeug machst du. bin ja schwer beeindruckt.
also!
alles liebe
markus
January 11th, 2010 at 12:50 pm
Hi - any chance you would release the class you are using. Or could you give some pointers on how you know when to change the image. Are you checking on the top left/top right ypos??
I found http://www.rubenswieringa.com/code/as3/flex/DistortImage/source/ distort class which works almost the same way.
Good blog by the way - any new stuff on the way ??
/Dennis
January 11th, 2010 at 3:15 pm
Hey Dennis, first of all thanks for the comment. I’ve been pretty busy lately, but I’m working hard on reviving this blog… New stuff should be one the way soonish…
I think your question is about the teaser site, where the girl flips over the card she’s holding? In that case, I track the edges of the card in After Effects, from where you can export an XML with the x/y position of the tracked markers. I map the points from that XML to the points of the distorted image and that’s basically it… I think I’ll write a little tutorial entry about this, when I find some time…