Learning Three.js

or WebGL for Dummies

Discovering Leap Device

Imagine controlling your computer without needing a mouse or a keyboard but only with the movement of your hands! That is what the Leap motion device is all about! It was all over the net a few months back. This device is not unlike the kinect, however it is designed to be used at a shorter range. The leap device is a new way of motion on your screen and it is able to trace your fingers. Quite sci-fi, don’t you think? Especially when you see the accuracy, even the slightest movement of your fingers is tracked. They have been nice enough to send me one so that I could play with it and get an idea of what it does and why it is such a cool device.

Here are some applications that I found cool. You can easily install them.


First the Visualizer. This application is installed when you install the leap itself. It is a basic display of what the leap detects. It helps you discover what the leap can do and diagnose potential issues.


Then a flocking application. In this beautifully realized application you interact with a swarm of fishes in the deep sea. It is computed over GPU, so you play with an impressive number of fishes. Each of your finger tips is visualized with a nice incandescent fire. Fishes are attracted by your fingers. But as soon as you move it you scare them away. Just excelent!

Google Earth

Google modified its famous application Google Earth to support leap device. Now you can fly above the earth with your hands in the air. See the announcement for details.


Then there is LeapDJ. Leap device goes well with the music field. One can create virtual instruments and play them thru the leap. It is instinctive and reactive. Quite fit for a musician’s state of mind :) here is leapdj demo. You mix live music with 2 platines, sliders for volume and balance. You can push buttons to create sounds effects. And you can do that with all your fingers at the same time. Definitely a fun application ;)

Flying Demo

flying demo is an example where the leap is used as a game controller. You put your hand side to side and move them as if they were the wings of a plane.

To stay updated on what is new and interesting about developing on Leap, you may follow @LeapMotionDev on twitter

How To Get One

So, where can you get the Leap motion? You can have it shipped to your place by preordering it on their site. The current release date is July 22nd of this year. The device is announced at 79.99$us. They will also be available at the BestBuy nearest you.

Additionnaly they have parterships with HP and asus PCs to include it directly in some of their models. With all that, we can expect this device will go beyond the geek circle and reach the masses. For further information, you can go to the official website

How To Code It

They got an API than they have ported in multiple langages: c++, C#, Objective C, Java, Python and javascript. Obviously we will focus on the javascript one :) It is called leapjs on github. It is very simple. There is a driver running as daemon doing the work and providing you information via websocket. I just started to code on it. I will talk more about this later.


So we’ve seen that the Leap motion is a very small device (less than half the size of an Iphone) that tracks the movement of your hands and fingers. It’s so precise it’s scary! The Leap is very reactive and accurate, it is designed to work at a very close range. I have tried it out and it is pretty cool. You can move elements in your computer with your fingers, with the palm of your hand or even by pointing them with a pen. And good news….You can code it with javascript and you can find it on github!

We have also seen some cool applications that have been done with this device. Trust me you don’t want to miss that so take a look at the demos! Stay tuned for the release date and for more information about Leap Motion.

That’s all for now, folks!