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

What is Framer? Join the Community
Return to index
Andrew Nalband
Posted Feb 10 - Read on Facebook

I've been experimenting with some of the liquid techniques I've seen from Jun-Hyuk Jang, Marc Krenn and others, and came up with a little liquid button interaction. The bounciness on release is achieved by slightly offsetting a scaleX spring animation from a scaleY spring animation.

16 Comments

Marc Krenn

Awesome Andrew! :D

Know what would could be cool? Modulating the offset (/splatter) radius to forceTouch pressure ...

Andrew Nalband

Marc Krenn - totally! If only I had an iPhone 6s! :)

Javier Eduardo Treviño

looks awesome, is this possible with the actual native code?

Andrew Nalband

Javier Eduardo Treviño yes, nothing but Framer used here.

Javier Eduardo Treviño

no, I mean once you're writing a native app, can you do this kind of interactions, say, within the iOS SDK?

Andrew Nalband

Javier Eduardo Treviño anything you can do in Framer you can do on iOS.

Javier Eduardo Treviño

oh is that so? .. wow , amazing

Andrew Nalband

In order to achieve this effect natively on iOS you'd use shaders or CIFilters. (the liquid effect that is)

Josh Ackerman

Do you plan on releasing the source? If not could you explain in more detail how you made it?

Baibin Sun

Wow this dome is very cool

Jordan Robert Dobson

Sell this to Nickelodeon. :)

Jordan Robert Dobson

Reminds me a lot of this I did back in September: http://jrdn.io/3J2p1m2w0R21

Nice animations! I like the randomness. :D

Jeongmin Kim

Now we can make a prototype about KILL BILL! cool

Joseph Martz

bad blood.

Junhyuk Jang

Andrew Nalband I love it. and I made this. please check my design. http://share.framerjs.com/kaho6ykens9v/

Stan Dézaid

Hey Andrew, superb job !
Quick one: is there any way to set up the background color as whatever color you want ?
Meaning avoiding the fact that the contrast effect f*cks up any background color here

Read the entire post on Facebook