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