Animating width in Animate CC

[Matt Severin]

I'm having a hard time finding the solution to this online. How does one tween width in Animate CC using GSAP? I can get scaleX to work, but I want something more precise.

[OSUblake]

I'm not familiar with Animate CC, but I can take a pretty good guess. Some objects might not have a width or height property that you can change. For example, you can't change the actual dimensions of an image. To change its size, you would have to transform it i.e. scale it.

 

If you know the initial dimensions of the object, then it's very easy to calculate.

 

scaleX = desiredWidth / initialWidth;
scaleY = desiredHeight / initialHeight;

 

 

[Matt Severin]

Yeah I realize I could do this but it seems like a lot for something that should be easy. Also in my case, it's a vector rectangle.

[OSUblake]

1 hour ago, Matthew Severin said:

Yeah I realize I could do this but it seems like a lot for something that should be easy. Also in my case, it's a vector rectangle.

 

I see. That does sound simple... but then I looked at the docs. It's rather confusing. You have to animate the graphics command that drew the rectangle.

 

See the Pen WPEGPr by osublake (@osublake) on CodePen

 

 

[Carl]

a little more info on the subject: