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

What is Framer? Join the Community
Return to index
Vladimir Shlygin
Posted Mar 17 - Read on Facebook

First of all, thanks to Danny and Noah from Ustwo for organising Framer Sessions in NYC this night. It was pretty cool to go through all the new features and hear some interesting insights.

I have a question. Recently, I've come up with an idea that implies the usage of lines and curves with animated points. Did anyone try something likes this?

I've managed to attach animated layer x and y positions to html canvas. I wonder is there some other ways to do that?

8 Comments

Jordan Robert Dobson

So with SVG there is a way to animate the points but you have to do a bit of the work on your own... I'll see if I can dig up the tool if you still want it.

Vladimir Shlygin

Thank you very much! Yeah, it's similar to what I'm looking for, but I'm also thinking about animating curves. Something like this: http://share.framerjs.com/d7m5j48qbnge/

Vladimir Shlygin

That one is also made with canvas, but for the unknown reason, it lags from time to time. I should try to rebuild it with SVG!

Vladimir Shlygin

The idea in the first place is make a link between data array and points animations of curves.

Jordan Robert Dobson
Jordan Robert Dobson

Also, follow the code examples here to do the same. Basically you store the various path points somewhere and apply them like states to the SVG and then toggle them on and off.

http://tympanus.net/codrops/2014/12/15/elastic-svg-elements/

You're kinda getting outside of what Framer does by itself but it's great you can fairly easily do these kind of things.

Vladimir Shlygin

Yes, that's great :) Using cool framer animation system, it will be even easier

Read the entire post on Facebook