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

What is Framer? Join the Community
Return to index
Thomas Veit
Posted Jun 19 - Read on Facebook

I want to do something like pinterest's pin-animation. tab somewhere to show icons, and then touchmove to scale and move them a little.
This is what I have so far: http://share.framerjs.com/ocafz1653766/ (tab in the circle) but I can't think of a good way to scale/move them on touchmove... any ideas?

5 Comments

Ola Laurin

Do you have a link to what you are refering to? Can't find it in the Pinterest app.

Jordan Robert Dobson

You detect if the point is inside each circle...

Jordan Robert Dobson

http://jrdn.io/image/3w1C3A1U1C1e

This should give you what you want... on your
myLayer.on Events.TouchMove, (event, layer) -> ... Call Position.isPointInsideCircle(cartButton, event, layer) for each button you want to check... most likely with a for loop... and see if it returns true or false to react to the point inside the circle. :)

Thomas Veit

awesome, thank you very much Jordan! I'll try it!

Read the entire post on Facebook