I hope someone could lend me a hand here.
I’m basicly trying to achieve the same effect as Chris Jordan does in his Running the numbers series:
My aim is to build a little web app, where the user can choose how many cigarettes they’ve smoked a day for x years, and then the scene will zoom out from one pack of smokes to the amount the person has smoked his/hers entire life. With some additional text and scale animations at the end of each end point (scene).
My logic is that I have to use different photos with different pixel sizes, so that the file won’t be too big to play for the users, so I’ve made this dummy where the first 4 of many images lap over each other and zoom at the same pace.
BUT - even though I’ve chosen the linear animation type, it seems that there’s still some ease in/out effect to the animation. It doesn’t run smoothly, as I want it to. And also, the images jump around a bit when the animation is carried out.
Can anyone spot what I’m doing wrong?
The idea is to cut out the middle part of each image i photoshop when I make the real animations to minimise size, so that it’s kind of like frames on top of frames zooming out one at a time.
But maybe this is not really the right way to achieve what I’m going for here. Maybe one of you wizards out there would suggest a different approach to making the 19 scenes necessary for this little piece of zoom out ‘art’…
I’m open to all suggestions but I use hype and have used it a lot in my storytelling here at the paper because I can’t really code. I’m just a data journalist with a big heart for interactive stuff in my digital pieces for the paper.
Hope someone can straighten me out.
Best from Denmark
Peterdummy-zoom-out-of-multiple-photos-with-linear-animation.hype.zip (941.3 KB)