Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Matthew Severin

Animating width in Animate CC

Recommended Posts

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.

Link to comment
Share on other sites

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;

 

 

  • Like 1
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

 

 

  • Like 3
Link to comment
Share on other sites

a little more info on the subject:

 

 

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×