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

What is Framer? Join the Community
Return to index
Jordan Robert Dobson
Posted Dec 01 - Read on Facebook

Connected Points

Demo: http://jrdn.io/060M1x471545

Building off my last example: https://www.facebook.com/groups/framerjs/permalink/757563177704089/

I wanted to create something where all the nodes were connected. I also added the ability to move them manually.

7 Comments

Jordan Robert Dobson

You could make some sweet picaso like frame animations with this.

Benjamin Den Boer

Ooh this looks great. Thanks for sharing! Appreciate your neatly organized code, too. :-)

Andrew Nalband

Oh snap! This is really cool, Jordan! I can't wait until I'm at a computer so I can take a peek at the code.

Jordan Robert Dobson

Marc Krenn - what type of API would you want for creating via a module?

Just provide two point objects? A line color, width and end radius?

Marc Krenn

dude :D

drawLine(x1, y1, x2, y2, width = 2, lineColor = "Framer.Defaults.Layer.backgroundColor", roundCap = false)

drawLine(x1, y1, x2, y2, width = 2, lineColor = "Framer.Defaults.Layer.backgroundColor", roundCap = false)

drawLine(x1, y1, x2, y2, width = 2, lineColor = "Framer.Defaults.Layer.backgroundColor", roundCap = false)

* round cap adds a circle of 'width' to both end points

:P

Jordan Robert Dobson

I'll need this very soon Marc... So a module is coming.

Read the entire post on Facebook