Is it possible to draw simple lines with framer.js? I need to recreate the android pattern unlock screen...
Perhaps you could achieve that effect by resizing rectangular layers + rotating them?
What about using a rectangle of height 1px and pass a different color for each line using css?
Hi, I use the approach Svet Denkov described. It works, even when a little crazy. you can check on this: hover the balls, and several "lines" come out of it. They are all divs with variable height and 2px width, rotated as needed.
Neat Marcelo Eduardo Oliveira! I bet you are using an auxiliary function which on hover randomly creates the "lines" layers and sizes everything accordingly!
Sure ! you're correct! here's the 2-part code: 1. http://www.marceloeduardo.com/framerfirefox/js/app.coffee search for lines: you will find the loop that creates 20 of them, then I just reuse in every mouseover.
Here's the mouseover routine:https://www.dropbox.com/s/uiix1j636jfkcdb/Screenshot%202015-02-09%2015.57.11.png?dl=0
Thanks for sharing with the community :)!
If it helps, I am glad! I also learn a lot, so it's my way of saying thank you!
Not natively. I wrote some code how to straight lines in any directions. You'd need to work on it, but it's a good starting point. You can see it here.http://share.framerjs.com/3tj9buwqfbc5/
nice, thanks guys! that will work for me.
hey, did u managed to recreate unlock screen? want to try to do is as excersize)