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 Nov 06 - Read on Facebook

Drawing Lines Between Points

Demo: http://jrdn.io/0j093u0Z0T2g

After seeing Callil's work on the touch points and his pain points on drawing a line between two points I wanted to see if I could find a solid way to do this with some basic layers along side some animation.

I think it came out pretty well.

Next step is connecting the points as I loop through so they are all connected. Like one big nacho connected by cheeeeeeese... Grommit. :D

5 Comments

Jordan Robert Dobson

To see how I got there and where I started... check this out: http://jrdn.io/3V2Y0W3w0z11

Jianqi Chen

OMG great work

Josh Ackerman

I could really see this leading to a native framerJS solution to force layouts like in d3.js. For example something like this without using another library. https://dribbble.com/shots/2183088-Graph-FramerJS-V2

Sindu Narasimhan

so cool !!!

Marc Krenn

Jordan, I'd use the shit out of a line-drawing module* **. It's beyond me why you can't draw lines natively in framer - it's such an important feature, especially for debugging.

###

* Constructor would need a height/thickness attribute and a default color and it's ready to go. Extra points for a "round caps" option.

** ASAP plz - or I'll do it myself :P

Read the entire post on Facebook