This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Joe Lifrieri
Posted Feb 23 - Read on Facebook

Is there a good way to translate and scale an object simultaneously? I'm trying to move an object across the screen but the scale animation screws up the coordinates. Is there a good way to compensate for this?

8 Comments

Joe Lifrieri

Figured it out:
• Don't ever translate and scale the same object. It's not worth trying to compensate the translate animation.
• Instead, put the scaled object in a parent group. Translate the parent, scale the child. Use originX and originY to move the scaled object to a particular corner of the parent.

Joe Lifrieri

I can't, unfortunately. :(

Joe Lifrieri
Joe Lifrieri

(y) (y) (y)

Jordan Robert Dobson

You should be able to do both. Perhaps the transform origin is what you needed to manipulate.

Joe Lifrieri

Jordan when I tried, I was getting really unexpected results. The translated element was ending up in the middle of my screen or going straight past the intended area. There might be a way to do it, but this was the easiest/quickest fix I could find in the 11 minutes between when I created this post and when I commented.

Jordan Robert Dobson

Joe - Here you go... I hope this helps : http://cl.ly/ZuOB

Jordan Robert Dobson

Essentially... I used the minX and minY to set the position which is the top edge and the left edge... and since you scaled it to .25 that means it's only 50px large and should animate to 350 for both values.

Read the entire post on Facebook