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

What is Framer? Join the Community
Return to index
Nicholas Sheriff Jr
Posted Jun 11 - Read on Facebook

I love Framer 3.0 ...I'm trying to recreate this effect seen in Paper by facebook...

12 Comments

Andreas Wahlström

here's something to get you started: http://codepen.io/aw2/pen/kjHAt

Nicholas Sheriff Jr

omg you are the man Andreas!

Rob Jones

Very cool... Looking at the code:

utils.modulate(e.clientY, [c.maxY, cover.y], [0, 180], true)

I don't see where c.maxY is defined... where does that come from?

Rob Jones

Ah, I see it's a layer property. never mind :)

Johannes Eckert

this is genius! speedY and speedX to 0 is a clever idea! where does utils.modulate come from — I don't see it in the framer source. and what does it do?

Rob Jones

It's a framer function - its like the maprange function, but a "cleaner" syntax https://github.com/koenbok/Framer/blob/master/framer/Utils.coffee

Johannes Eckert

ah, Koen Bok needs to update the link to the utils source in the documentation, it points to the Framer3 tree, not Master branch. it's too new, I haven't seen it.

Andreas Wahlström

yeah - I like the syntax better. easier to read :) I'll add some comments to the code to clear things up

Koen Bok

Haha my secret functions are being discovered. I need to document this.

David Puerto

forked! Andreas Wahlström

Johannes Eckert

hey Andreas Wahlström I forked your example, wanted it to make it work so the »speed« is relative to where you started your gesture, I am storing the init during dragStart. it's not really perfect, but feels a bit better: http://codepen.io/frischmilch/pen/rcbif

Rob Jones

Man, the shadows on Andreas Wahlström's pen are just so awesome

Read the entire post on Facebook