h34v3ns3nt

Hi Carl, Thanks for your reply. Ill have a look at your code and see what I come up with. In the meantime I stuck to the traditional methods of flash animation as I had deadlines to meet (yes, slap me!). http://www.shoot-the-moon.co.uk/2010/testimonials.php The link above shows the final animation in situ. Im itching to extend upon my timelineMax version of the animation, use your new code, and start adding in the underlying images as seen on the animation. As it happens I need to do a new showreel for the creative page as well yet and I plan on using my new founded knowledge and create this completely in TweenMax and TimelineMax. Like you say the only way to learn new things is apply it to projects and this is how I have learnt everything I know, XHTML, CSS, Javascript, Flash, ActionScript. Simply by diving in and doing it. I think after I re-read the latter part of my message it didnt make sense to me either so just ignore me there. Anyway, thanks for your help. Keep the tutorial videos coming. You are a fan of mine on facebook now. I look forward to seeing the next videos. Jamie

Hi Carl, Thanks for your help. Can I just say, I notice this issue with the way timelineMax works. You have on your site a tutorial and some example fla's to get started where 4 coloured boxes move up, spin, move to the right and then up off the stage. Well yes I understand the logic behind the code, its how I got my first swf attachment to work from your excellent video. Well lets change things around a little, say you wanted the boxes to start their animation in a different order rather than starting left to right, you have then a similar problem as me. I suppose using the append method you would just change the order of the actionscript, but once they are in an array (for the sakes of keeping the code clean and only having to change the values once) therein lies the problem. I look forward to your solution Thanks Jamie

Hello, im new to this board! My name is Jamie, and I have recently discovered the Greensock tools. I understand TweenMax for basic animation and am just getting to grips with TimelineMax for advanced animation. I have a question regarding arrays and the staggered start time for 2 arrays I have setup. *im assuming I need 2 arrays in this case as there are 2 animation sequences, right to left and left to right. If you view the first animation attached you will see the animation I am trying to accomplish with an array (why not!) The code I have used is from Carl Schooff at Snorkle.tv http://www.snorkl.tv/2010/08/a-quick-lo ... ax-tweens/ Towards the end he says you can tween the array, I tried it and it works but only on one side naturally. Referring to the first file attached I would like the animation to read right to left first, then left to right and so on indefinately. here is what I tried; import com.greensock.*; import com.greensock.easing.*; var rightleft_arr:Array = new Array(testimonialone_mc, testimonialthree_mc, testimonialfive_mc); var leftright_arr:Array = new Array(testimonialtwo_mc, testimonialfour_mc, testimonialsix_mc); var timeline:TimelineMax = new TimelineMax({repeat:-1}); for(var key:String in rightleft_arr){ var mc:MovieClip = MovieClip(rightleft_arr[key]); timeline.append(TweenMax.from(mc, .5, {x:903, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(mc, 5, {x:13, ease:Linear.easeNone})); timeline.append(TweenMax.to(mc, .5, {x:-357, blurFilter:{blurX:20}})); } /*for(var key:String in leftright_arr){ var mc:MovieClip = MovieClip(leftright_arr[key]); timeline.append(TweenMax.from(mc, .5, {x:-279, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(mc, 5, {x:613, ease:Linear.easeNone})); timeline.append(TweenMax.to(mc, .5, {x:983, blurFilter:{blurX:20}})); }*/ You can see I commented out the second array, this is where I get stuck. I need a way of telling TimelineMax to run the first array, and then the second, back to the first and so on. If I can get this right then this opens up huge possibilities for future tweening with this engine. Here is the code from the first file import com.greensock.*; import com.greensock.easing.*; var timeline:TimelineMax = new TimelineMax(); timeline.append(TweenMax.from(testimonialone_mc, .5, {x:903, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialone_mc, 5, {x:13, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialone_mc, .5, {x:-357, blurFilter:{blurX:20}})); timeline.append(TweenMax.from(testimonialtwo_mc, .5, {x:-279, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialtwo_mc, 5, {x:613, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialtwo_mc, .5, {x:983, blurFilter:{blurX:20}})); timeline.append(TweenMax.from(testimonialthree_mc, .5, {x:903, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialthree_mc, 5, {x:13, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialthree_mc, .5, {x:-357, blurFilter:{blurX:20}})); timeline.append(TweenMax.from(testimonialfour_mc, .5, {x:-279, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialfour_mc, 5, {x:613, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialfour_mc, .5, {x:983, blurFilter:{blurX:20}})); timeline.append(TweenMax.from(testimonialfive_mc, .5, {x:903, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialfive_mc, 5, {x:13, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialfive_mc, .5, {x:-357, blurFilter:{blurX:20}})); timeline.append(TweenMax.from(testimonialsix_mc, .5, {x:-279, blurFilter:{blurX:20}})); timeline.append(TweenMax.to(testimonialsix_mc, 5, {x:613, ease:Linear.easeNone})); timeline.append(TweenMax.to(testimonialsix_mc, .5, {x:983, blurFilter:{blurX:20}})); It works yes, but it would be nice to cut down on the amount of code and control the parameters of perhaps an entire array rather than each line individually which is the purpose of my post. Can anyone help me? Thanks Jamie