Presuming Ed

Thanks everyone for your help, it's been really helpful. Coding in Animate is such a steep learning curve, but i do think using the code makes such a more refined animation than the timeline. To be honest, i could have done the button in 10 minutes on the timeline, but I wanted to push things a bit using GSAP! Thanks again

Thanks for this. For some reason the color change isn't happening. I've written the code exactly so maybe it's something to do with animateCC? The background box is a movieclip and the shape nested within that is a drawing object so everything looks fine. Here's the code: TweenMax.to (this.Button_MC, 0.75, { backgroundColor: "#000000", scaleX:1.04, scaleY:1.04, repeat:-1, ease:Power0.easeOut, yoyoEase:Power0.easeOut }); The animation is running perfectly, but the colour change isn't working! Any ideas? Thanks in advance

Of course! Yoyo, I knew there was perhaps an easier way. Thanks for your help, this seems to work a treat! How about changing the colour as it pulses, is this something I can do without a Club Greensock plugin?

Thanks Sahil Unfortunately it's not working. Does custom Ease work in Animate CC 2017? Here's the code I used var myBounce = CustomBounce.create("myBounce", {strength: .5, endAtStart: true}); TweenMax.from(this.Button_MC, 1, {scale: 1.1, repeat: -1, ease: myBounce}); I've also loaded in the following to Animate CC https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/utils/Draggable.min.js https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase.min.js Any ideas what I'm doing wrong? I'm a beginner in GSAP! Thanks

Hi all I'm trying to create a 'pulsing' button where the button starts at 100% scale, increased to 110% scale and then decreases again back to 100% on an infinite loop. The code I have is: var tl=new TimelineMax({repeat:-1, repeatDelay:2}) tl.from(this.Button_MC, 2, {scaleX:1, scaleY:1, ease:Back.easeOut.config( 30, 1)}) but I realise this might be a crude way of doing this it's not very smooth. I realise it's such a simple thing to achieve but i can;t get my head around it. I kind of want to add some sort of ease to the enlargement so the animation is really refined. Could somebody suggest a better way? i'd also like to make the button darker as it enlarges. PS. I'm using Animate CC Thanks

Got it! Thanks for your help. At first it was doing the same as before and then i realised it was all to do with the x values not being correct! Doh! I always tend to look for more complicated solutions and forget the obvious!! Thanks again for your time

Thanks man thats works fine. I think i'm getting confused with this property though. What I'm trying to do is cycle so that some items fly in from the left and some from the right, alternately. Am I setting this up correctly? Thanks in advance!

Hey I'm getting to grips with using GSAP in Animate cc, and I've come across the cycle property and am trying to cycle through an array, as follows: var items = [this.item1,this.item2,this.item3] var tl = new TimelineMax(); tl.staggerFrom(items, 2, {autoAlpha: 1,scaleX: 0,scaleY: 0, ease:Bounce.easeOut, cycle:[-100,100]}, delay:2}, 0.1) but it seems to ignore the cycle request. I've noticed people use list items within HTML, so is this the reason it won't work? (Sorry no codepen) Thanks!

Doh! Of course, makes perfect sense now Yeh its just in case I ever want to upload animations to YouTube for example

Many thanks for your help. Are you saying that I could output in Quicktime from Animate CC and Greensock export ok? How do I export as QT?

Thinking about it, a workaround might be to export an SWF and then use some sort of third party convertor to create an MP4?

Thats such a shame, Greensock makes it so much easier than using big bloated timeline animations! Thanks for your help

Thanks for this, I'll give it a try. Incidentally, is there any way to create .Mp4/.MOV files from HTML5/Greensock, or would I need to create an Actionscript document and export from that?

Thanks for this, this was one area we were going to explore! The problem is, ideally we want the animation to play when the graphic comes into view (when the user scrolls down). It's kind of tells a story so if it started automatically when the page loads the user might not see the beginning and it wouldn't make sense.

Hi all I've created a very basic banner in HTML5 using TimelineLite in Animate CC. We want the banner to run on a standard webpage, because of this we wanted to add the animation using our existing CMS, so basically didn't want to hardcode the Animate CC HTML5 code within the existing website HTML5. So what is the best way to export for this purpose? SWFs are off the table. Originally I tried exporting as a movie, but it didn't export any Greensock code so the whole thing was a disaster. I am a newbie who hasn't touched any of this since the days of AS2, so any help would be appreciated!