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

What is Framer? Join the Community
Return to index
Florian Ludwig
Posted Jan 25 - Read on Facebook

Hi there! I just want to share one of my latest student projects with you. The project itself was fully prototyped with framer.js and is controlled by a touch potentiometer and a leap motion.

For the communication between arduino and my mac I used breakout.js, which does all the websocket communication for you and has a growing hardware library. After the arduino was connected to the web, I simply used the offered javascript events to trigger my framer.js animations.

To setup my LeapMotion I basically used the leapjs library and extended it with some self-written gesture recognition.

The visuals itself are half programmed half embed videos.

Please let me know if you have any questions!

LeapMotion:
https://github.com/leapmotion/leapjs

BreakoutJS:
http://breakoutjs.com/

2 Comments

Josef Richter

who the fuck eats lasagna for breakfast? :-)

Jack Merrell

Hi there Florian, Great Project! I was wondering if you could go into more detail about how you used the javascript events from breakout.js to trigger your framer.js animations? Much appreciated! Jack

Read the entire post on Facebook