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

What is Framer? Join the Community
Return to index
Sabitov Farid
Posted Apr 29 - Read on Facebook

Dear Framer team!

Could you please create a module for «gooey» effect. I’ve spent a lot of time to figure it out and the maximum that I could get is:
http://share.framerjs.com/ji4h0pfwsev1/

Thanks Marc Krenn for assistance, based on his solution I have been creating my project. Here’s his work:
http://share.framerjs.com/czmlytck1zzd/

Later on I realized that creating such effects via CSS filters is not a good idea. Here’s the article that describes how to reach that «gooey» effect via SVG filters, that are more flexible and work everywhere
http://bl.ocks.org/nbremer/a3684c52fb527c8fa415

Unfortunately, my programming knowledge is not very deep and I had to spend a lot of time on learning and in the end I couldn’t create anything cool :(

I’d happily use that effect in my projects, since it enriches the UI. It would be really cool if there was a simple method of using it as a properly.

For example:
layerA = new Layer
y: 396
x: 22
gooey: true

I’m sure it will give a huge push for creativity! And it would be absolutely awesome to have physics in Framer that could be integrated via module.

Below are more articles on the topic:
http://www.tutorialspoint.com/svg/src/gooey/send.html
http://codepen.io/chrisgannon/pen/GZNgLw
http://codepen.io/chrisgannon/pen/BoXLOJ
http://codepen.io/chrisgannon/pen/MwMpBQ

3 Comments

Sabitov Farid
Sergey Voronov

http://share.framerjs.com/65z5agjz4crc/ by Marc Krenn as i remember

Jordan Robert Dobson
Read the entire post on Facebook