简介
Leap Motion 是一款基于手势的用户输入设备，可以通过手指、手掌、笔等手势进行控制。而 leap-js 就是一款基于 JavaScript 的 Leap Motion 控制库，可以让你方便地控制 Leap Motion，开发出基于手势的交互应用。
在本篇文章中，我们将介绍 leap-js 的基本使用方法和具体示例。希望通过本文的学习，能够让大家更深入地了解和掌握 leap-js 库的使用。
安装和引用
使用 npm 命令进行安装：
npm install leapjs
在 JavaScript 代码中引用：
const Leap = require('leapjs');API 方法
leap-js 提供了多种方法可以处理 Leap Motion 反馈数据。以下是一些常用的方法：
Leap.Controller
在 Leap.Controller 中定义事件处理程序，控制 Leap Motion 状态。
const controller = Leap.Controller({
enableGestures: true
});Leap.loop
使用 Leap.loop 创建一个用于请求 Leap Motion 帧并播放帧以提供动画的循环。
const controller = new Leap.Controller();
Leap.loop({controller: controller}, function(frame) {
console.log(frame.hands.length);
});frame.hands
以数组的形式，获取 Leap Motion 接收到的所有手的数据。
Leap.loop(function(frame) {
if (frame.hands.length > 0) {
console.log('手部检测到！');
}
});frame.pointables
以数组的形式，获取 Leap Motion 接收到的所有点的数据。
Leap.loop(function(frame) {
if (frame.pointables.length > 0) {
console.log('点检测到！');
}
});frame.gestures
以数组的形式，获取 Leap Motion 接收到的所有手势的数据。
Leap.loop(function(frame) {
if (frame.gestures.length > 0) {
console.log('手势检测到！');
}
});示例代码
下面是一个简单的 leap-js 应用示例，通过 Leap Motion 控制浏览器页面上的图像向左或向右移动：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------- ------------
-------
------
---- -------- ---------------------------------------------------------------
------- ---------------------------------------------------
--------
----- --- - -------------------------------
----- ---------- - --- ------------------
---------------------- ------------ ----------------
-- ------------------- -- -- -
----- ---- - ---------------
----- -------- - ---------------------
------------------- - -----------------------------
-
---
---------
-------
-------总结
通过本文的阅读，希望读者可以充分掌握 leap-js 的基本使用方法和 API 方法，能够更加方便快捷地开发 Leap Motion 手势控制应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70162