Resize object with Adobe Animate and GreenSock

[xassagfd 1 Likes (Newbie)]

I have imported a png into my Adobe Animate project and converted to symbol. I'd like animate the resize of it, but it doesn't work (I tried width and height). Other things like rotation and move work.

[xassagfd 1 Likes (Newbie)]

It works with scaleX and scaleY.

[Dipscom 3,365 Likes (Superhero)]

Cool, happy to hear you worked it out.

[Carl 11,094 Likes (Superhero)]

Welcome to the Forums,

 

Just so you know the reason it didn't work is because everything you create in Animate is ultimately rendered to canvas using the open-source EaselJS library.

http://www.createjs.com/easeljs

 

EaselJS provides a quite convenient API which allows you to use code to manipulate / control these objects. When you integrate GSAP into Animate projects you end up tweening properties of EaselJS objects.

 

However, EaselJS DisplayObjects do not have width and height properties which is why you can not animate them with GSAP.

 

http://www.createjs.com/docs/easeljs/classes/DisplayObject.html

 

And yes, this can be frustrating, but it is explained here: http://blog.createjs.com/width-height-in-easeljs/

 

and an update here: http://blog.createjs.com/update-width-height-in-easeljs/