remi

Ok next question, tried to find the answer to this but couldn't find it. But I'm looking for a way to clean up this bit of code: var bScene1 = new TimelineMax() bScene1 .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=2') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') .set('#flex-head', {backgroundPositionY:'-=210px'}, '+=0.05') ... and this goes on for another 80 something times. Surely there is a more effecient way to write this.

Wow thanks for all the feedback, going to dig into this and let you guys know how it works out. [edit] Ok got it all figured out now and it works. This really gave me the little push in the back to really understand the basics of GSAP and shows the potential it has! Keep up the good work [/edit]

So I'm just starting out with GSAP and love it so far. But I'm sort of stuck on this issue. I have 2 timelines controlling separate parts of an animation. One timeline controls the sprite and the other the movement of the element. Here is a very rough example of what I'm trying to do: (sidenote: the real version has a man on top of the bicycle in isometric perspective, so I have to use a sprite) http://codepen.io/remischouten/pen/faJlE Maybe I'm doing it all wrong, but hoping someone can at least point me in the right direction.