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

What is Framer? Join the Community
Return to index
JinJu Jang
Posted May 03 - Read on Facebook

Hi guys! I'm new to FramerJS, spending this weekend to figure out how to create nice animation. :) Below is my WIP project.
http://share.framerjs.com/g1zpawje6nr8/

As you can see, the scaling isn't quite alright, it should be anchored to the top-centre of the screen, not (0,0).
I was digging documentation to find way to change this, but nothing seemed to work :/ (i.e: CentreX the super layer, etc)

Any recommendations in this case? I'd really appreciate tips and helps!

4 Comments

Jeongmin Kim

How about use 'OriginX' and OriginY? In this case originX,Y will be 0.5 both

JinJu Jang

Y__Y Doesn't seem to work as well... hmmmm

Shane Brown

Hi JinJu, I've had a look at it here http://share.framerjs.com/c43f5srk5pgs/

I've changed it to use the scale on the layers, rather than adjusting their height manually, and this allows use of the originX and originY values to control where the scale begins.

JinJu Jang

Shane Brown That's so cool! Thanks a lot Shane! *Thumbs up*! Actually, in the meanwhile I also figured out different approaches by using Utils.modulate. (+ add some more details)
http://share.framerjs.com/qa6bzo6gmdmo/

Read the entire post on Facebook