barrowman

let til = gsap.timeline () //-------------------- let nested = gsap.timeline(); nested.to(this.Light, {duration: 1, x: 235}); til.add(nested, "+=3"); //add nested timeline after a 3-second gap //--------------------- til.add("one", 0.0) .add("two", 3.5) .add("three", 4.0) .add("four", 7.5) .add("five", 8.0) .add("six", 11.5) .add("seven", 12.0) .add("eight", 15.5) .add("nine", 16.0) //--------------------- .to(this.Sparkle, {duration:15.5, rotation:-720, ease:Linear.easeIn}, "one") //--------------------- .to(this.one, {duration:3.5, x:160, ease:Linear.easeIn}, "one") .to(this.one, {duration:

Thanks for the help! Updated the code to the new version of CreateJS and it now works, which is huge relief if I have to change any of the existing files. Thanks again - phew.

Hi, thanks. it's virtually just an old file that worked fine before GSAP3/AnimateCC2020 came out. I haven't changed anything. I can play things fine that were exported back in October, but now if I open any of those files and export they just do nothing... <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.5_23b0de6da0ee295131e32a500470610c_min.js"></script> There is this error in the console, which is NOT there on the same file that was exported back in October (before Animate 2020) Uncaught TypeError: this._renderFirstFrame is not a function

Hi, I've just opened a file I had on a new computer with a fresh install on Animate 2020, used to run fine last time I opened it (and animate) two months ago (based off a longer running export profile from a tutorial here years ago). But new version and I don't know if new GSAP change but I'm just getting a blank window. Can anyone shed any light on if there has been changes and things I'll need to do to my files now to get them to run? I'm pretty much lost on what to do. Kind regards William

replayBtn.onclick = function() { til.invalidate().restart(); } //----------------------- til = new TimelineMax({repeat:3, yoyo:true}); //----------------------- til.add("one", 0.1) .add("two", 2.5) .to(root.Image01, 10, {scaleX:1.10, scaleY:1.10, ease:Sine.easeInOut, overwrite: false}, "one") .to(root.Image02, 10, {scaleX:1.10, scaleY:1.10, ease:Sine.easeInOut, overwrite: false}, "one") .from(root.Byline, 1, {alpha:0, ease:Sine.easeInOut, overwrite: false}, "two") .from(root.CTA, 1, {alpha:0, ease:Sine.easeInOut, overwrite: false}, "two+=0.5") When I click on the button nothing h

Thanks, that's kinda of what I was thinking, I don't want to overkill code for the sake of it (as I'm too dumb for that! ) and replace 5 lines of code with some 15 line function. Thanks.

That's awesome, thank you so much!!!

til = new TimelineMax({repeat:0, repeatDelay:0.1}); //----------------------- var GlowingBalls = [root.Lights.GlowBall1, root.Lights.GlowBall2, root.Lights.GlowBall3, root.Lights.GlowBall4, root.Lights.GlowBall5, root.Lights.GlowBall6, root.Lights.GlowBall7, root.Lights.GlowBall8, root.Lights.GlowBall9, root.Lights.GlowBall10, root.Lights.GlowBall11, root.Lights.GlowBall12, root.Lights.GlowBall13, root.Lights.GlowBall14, root.Lights.GlowBall15, root.Lights.GlowBall16, root.Lights.GlowBall17, root.Lights.GlowBall18, root.Lights.GlowBall19, root.Lights.GlowBall20]; //----------------------- til.

.to(root.Bokeh5, 3.70, {x:-300, ease:Sine.easeInOut, overwrite: false}, "one+=0.9") .to(root.Bokeh4, 4.80, {x:-270, ease:Sine.easeInOut, overwrite: false}, "one+=0.7") .to(root.Bokeh3, 6.70, {x:-290, ease:Sine.easeInOut, overwrite: false}, "one+=0.8") .to(root.Bokeh2, 5.50, {x:-330, ease:Sine.easeInOut, overwrite: false}, "one+=0.9") .to(root.Bokeh1, 5.20, {x:-290, ease:Sine.easeInOut, overwrite: false}, "one+=0.5") This is some of my code in Animate. I'm not sure whether there is a better way to do this, where I have five MCs that I want to pan across a screen at more or

How do you create a codepen for an Adobe Animate file?

Okay, my ignorance again is a stumbling block and buzzkill. I can't see what I'm doing wrong here but it's just looping from the start each time. til = new TimelineMax({repeat:3, repeatDelay:0.0, onComplete:playAfterBuild}); //----------------------- til.add("one", 3.5) .add("two", 6.0) .add("three", 8.5) .from(root.Image_01, 2.00, {y:550, ease:Sine.easeOut, overwrite: false}, 0.0) -- THIS IS THE ONE OFF ANIMATION THAT I DONT WANT TO REPEAT .to(root.Brand_01, 0.06, {alpha:0, ease:Sine.easeOut, overwrite: false}, "one") .to(root.Tag_01, 0.06, {alpha:0, ease:Sine.easeOut, overwrite

Now you're just showing off - Thanks that's really cool.

Oh wow, awesome thanks, this is really helpful.

Hi, Is there a way to loop a Timeline but only say from after a certain point in the original timeline. I'd like to loop an animation, but only after the initial build, so ie after the timeline is finished, restart it again at 3 seconds. I suppose I could just make two separate timelines at worst but wondered if there was a way to do this within one timeline. Thanks. //----------------------- //til = new TimelineMax(); til = new TimelineMax({repeat:3, repeatDelay:0.1}); //----------------------- til.from(root.Image_01, 2.00, {y:550, ease:

I'm looking to create what seems like areasonably simple animation. I have a timeline with a few animations, but what I want to do is have some simple looping/yoyo of a number of mcs (mimicing lights on a Christmas tree) going on, whilst this is all happening. Is this all possible within a simple TL, as I'm stuck on how to have thirty odd, throbbing animations running (at different time offsets) whilst the rest of the TL is running. Thanks in advance.