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?
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.
I can't, unfortunately. :(
Example faked! http://share.framerjs.com/sag1pccowthb/
(y) (y) (y)
You should be able to do both. Perhaps the transform origin is what you needed to manipulate.
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.
Joe - Here you go... I hope this helps : http://cl.ly/ZuOB
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.