typofonic

I'm happy to report that adding: myTimeline.gotoAndPlay(this.currentFrame); to both of the actions actually did it! Now it works perfectly! Thanks a lot for your help and patience Jack! I'll write up a tutorial as soon as we've finished this project. On the 27th of September you'll be able to see a project using TweenLite. Maybe it could be added to the showcase.

Since I never managed to make the code above work I've tried tried making a seperate FadeIn and FadeOut function. Using frame actions first it fades the existing subtitle out — fadeTekstOut(); — and then later on the timeline it fades a new subtitle in — fadeTekstIn("john-is"). This is the code: function fadeTekstIn(undertekst) { myTimeline.insert( new TweenLite(undertekster,1 ,{alpha:1, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:[undertekst]}), this.currentFrame); } function fadeTekstOut() { myTimeline.insert( new TweenLite(undertekster, 1, {alpha:0, ease:Back.easeOut}), this.currentFrame); } In the first frame the TimelineLite is defined like this: var myTimeline:TimelineLite = new TimelineLite({useFrames:true}); so that it counts in frames. However nothing happens whenever the actions run. I just simply can't wrap my head around this problem — anyone who can see what I'm doing wrong? I'll be posting a tutorial on my blog, if I get this to work. There are no ressources on the web about making subtitles for Flash animation, so I think it would help a lot of people. All help is greatly appreciated.

Yes! That this seems exactly like the way to do it: but how can the code myTimeline.insertMultiple( [TweenLite.to(undertekster,2 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,2 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['tre']})], TweenAlign.SEQUENCE); be changed so that it begins the tween sequence at the currentframe and then after it has made its first fadeOut ( myTimeline.insert( new TweenLite(mc, 1, {autoAlpha:0}), this.currentFrame) ), it runs this: TweenLite.to(undertekster,1 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['tre']}) I assume I have to use insertMultiple instead of insert in my case? I have tried constructing it, but the following code throws out an error: myTimeline.insertMultiple( [new TweenLite(underskrifter, 1, {alpha:0, ease:Back.easeOut}), this.currentFrame), TweenLite.to(undertekster,1 ,{alpha:1, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:[undertekst]})], TweenAlign.SEQUENCE)] and does this: myTimeline.insertMultiple( [new TweenLite(underskrifter, 1, {alpha:0, ease:Back.easeOut}), this.currentFrame), new TweenLite(undertekster,1 ,{alpha:1, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:[undertekst]})], TweenAlign.SEQUENCE)] Can't figure out what's wrong with it? The tween should just begin fadingOut at the currentframe, and then just after it has faded out, run the skiftUndertekst() function followed by the fadeIn.

Actually that was what I did in the beginning, but it was just _extremely_ time consuming. Some of the reasons why I'm not doing this are: 1. It's very time consuming manually setting up tweens with fadeIn, fadeOut and EaseOut for each subtitle (the Motion Presets in Flash CS4 don't really help) 2. It's very difficult moving the timeline around and putting it in submovieclips and scaling it up and down (I have to use the Select Multiple frames tool a lot) 3. It's very timeconsuming changing the fade times for the clip (it could be nice to set it one place) 4. And more In total I have around 500 subtitles in this project (in 10 movies) which is why it could be nice to be able to script it. No problem man. I really appreciate that you're taking your time helping me with this, and I can imagine you have lots of other Flash projects to work on yourself (AND coding the TweenLite and TweenMax etc must take a significant amount of your time)! Anyway, it seems like the solution is near. That seems like it is the way to solve the problem combined with _currentframe.

.

That would help, but one would still have to change most of the actionscript if the animation is moved around. That's why it could be great to have the tweens initiate using frame actions instead of actionscript. Thanks a lot man — I really appreciate it! I have sent you a file with only the most necessary content.

Thanks for all your examples! As far as I can see all of the examples above insert code at specific times in the timeline using Actionscript. However specifying in ActionScript where to insert the tweens would make it very difficult to put it in the right frame of the timeline, since its frame based animation where things are moved around all the time. So whenever part of an animation is moved, all the animations after this point have to be pushed forward or backward on the timeline which means that all the actionscript would have to be modified because the time has changed. If the tweens could just be moved with the animation (as they can with frame based actions) they could much more easily be moved around. Can't the code simply just begin tweening whenever it reaches a tween action on the timeline like this: myTimeline.insertMultiple( [TweenLite.to(undertekster,2 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,2 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['tre']})], TweenAlign.SEQUENCE); Then do its thing, and then only start the next tween when it reaches the next tween action on the timeline? The only thing missing in the code you've helped me with already, is that it doesn't work unless the tweens run just after each other (if the tweens overlap). I don't think I'm explaining it very well, so I'm wondering if I can quickly send you part of the animation file off-forum (can't post it since its actually confidential, until the product is released), so you can see how it's setup and what I mean? It seems like its just a small fix/bug.

Thanks! This actually fixed the problem — kind of. Now the subtitles fadeOut, change their text and Fade in. Unfortunately this only happens if the fades/frame actions are close enough — that is if the tween of frame-action 2 is in the progress when the playhead gets to frame-action 3 and begins the next tween. Which means that the script works only if the subtitles should begin fading out, just after they have faded in — not very useful for subtitles unfortunately. If the fades/frame actions aren't close enough nothing happens. So to say it in another way, currently it only works like this: — which means you don't have any time to read the subtitles before they disappear again. But it should work like this: <-------------------------- text remains faded in --------------------------> <------------- text remains faded in -------------> The time the subtitle remain faded in depends on the duration of each part of the animation — it varies. But it is controlled by the timeline: whenever the playhead hits a new frame action it should begin its fadeOut>Change_text>fadeIn action. So how can the actions be changed so that it still works, when the text remains faded in for some time before fading out again. Thanks for all of you help — I know I have many questions I am a novice when it comes to both actionscript and TweenLite. I imagine the script just needs a minor tweak?

Hmmm...I'm not sure if I understand. I tried to replace insertMultiple with appendMultiple but that gave me errors:

Hi, Thanks a lot Jack! It worked perfectly! Now the fadeIn doesn't start before the previous fadeOut has completed. And to make it more easy to use I changed the framenumber to a label, which works just as well. However a new problem has occured — it seems the tweens get overwritten. The fade from the 1st subtitle to the 2nd (frame 'tre') works great, however the fade from the 2nd to the 3rd (frame 'fire') subtitle doesn't work. The text just get replaced instantly without any fade. I've tried using all the possible values of the the OverwriteManager (putting it in the first frame), using the syntax below but it still doesn't fix it: OverwriteManager.init(OverwriteManager.NONE); I've attached a screenshot of my timeline with the scripts. The movieclip in the timeline is 'undertekster', and the scripts you see are the ones below: 1st subtitle: TweenLite.to(undertekster,1 ,{alpha:1, ease:Back.easeOut}); 2nd subtitle: var myTimeline:TimelineLite = new TimelineLite(); myTimeline.insertMultiple( [TweenLite.to(undertekster,2 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,2 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['tre']})], 0, TweenAlign.SEQUENCE); 3rd subtitle: myTimeline.insertMultiple( [TweenLite.to(undertekster,2 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,2 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['fire']})], 0, TweenAlign.SEQUENCE); 4rth subtitle: myTimeline.insertMultiple( [TweenLite.to(undertekster,2 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,2 ,{alpha:2, ease:Back.easeOut, onStart:skiftUndertekst, onStartParams:['fem']})], 0, TweenAlign.SEQUENCE); I'd really appreciate any ideas you might have. I'm sure it would help a lot of people wanting to make subtitles with flash. Also if this is can be fixed , it can be used for all the 10 animations I've made.

Hi, I'm working on a flash animation that I want to add subtitles to. The subtitles should fade in over 2 seconds with an easeOut and before being replaced with a new subtitles they should again fade out for 2 seconds with an easeOut. I have attached a picture of how it works in the timeline. Pretty simple: 1. An actionscript changes the subtitle text 2. The text fades in with an EaseOut 3. The text fades out with an EaseOut 4. This gets repeated over and over. I'm no actionscript wizard, but doing this manually in the timeline is extremely timeconsuming so it could be great to use TweenLite instead. I have tried to use v10 of TweenLite and their onComplete and onStart functions, but they keep on getting executed BEFORE the previous tween has finished. Probably a problem with the tweens getting overwritten or something like that. Unfortunately I wasn't able to fix it with neither the OverwriteManager or any other workarounds, so I switched to v11 to be able to use the TimelineLite function — but I can't make that work either I have imported all the necesary files in the first frame and then whenever I need to fade in a new subtitle I have the following code: var myTimeline:TimelineLite = new TimelineLite(); myTimeline.insertMultiple( [TweenLite.to(undertekster,1 ,{alpha:0, ease:Back.easeOut}), TweenLite.to(undertekster,1 ,{alpha:1, ease:Back.easeOut, onStart:skiftUndertekst(10)})], 0, TweenAlign.SEQUENCE); The function skiftUndertekst(10) simple changes the text of the subtitle. As far as I understand TweenAlign.SEQUENCE should make the tweens play in sequence (so that when one tween has finished, the next one starts etc.) That's exactly what I want to accomplish but it just doesn't work. TweenLite seems a perfect choice for creating subtitles, so it could be nice to make it work. Any ideas, tips, suggestions or anything are greatly appreciated.