Tinder "you have a match" animation

I've created a tinder-like app using the proto.io Tinder tutorial. I want to create an additional animation where something happens to an icon on the top right hand of the screen after swiping right. I've been practicing with rotating a heart.

I'm having a hard time accomplishing this. I've tried creating a variable called "spin" using the custom value ({position} > 220)?360:30 on drag end. I've also tried ({exit}==1 && {exitto}==1000)?360:0 on drag end. After creating the variable, I create a callback that changes the rotation property of the heart and reads the value of spin. Both of these different options do not work consistently.

Any ideas for how I could get this to work?

1 comment

Please sign in to leave a comment.