This site has the extension code adapted to use on this site as a preview. To scroll simply hold your hand flat over your Leap Motion. When you extend your fingers toward the ceiling, the page will scroll up. When you flex your fingers toward the floor, the page will scroll down.
Extend only your pointer finger to move the Leap Motion cursor. To click, extend your thumb.
Include this library with a single script reference and have your website navicable by Leap Motion.
To use the BrowseWithLeap library, simply download the library here and add this reference to your HTML:
<script src="js/BrowseWithLeap.js"></script>
The library exposes simple events to attach to the lifecycle of the Leap Motion controller. For example, in the Preview section, you can see the status of the device. This is accomplished by the following code:
BrowseWithLeap.DeviceAttached = function () {
var status =
document.getElementById("status");
status.innerText = "Attached";
status.style.color = "black";
}
BrowseWithLeap.DeviceStreaming = function () {
var status =
document.getElementById("status");
status.innerText = "Connected";
status.style.color = "green";
}
BrowseWithLeap.DeviceStopped = function () {
var status =
document.getElementById("status");
status.innerText = "Disconnected";
status.style.color = "darkred";
}