TOMAS赖默斯:酷。 所以,大家好。 我叫托马斯。 我是一个TF,这是 ARMAGHAN BEHLUM:阿尔米海诺。 很高兴见到你们。 TOMAS赖默斯:酷。 因此,我们将要谈论 关于大跃进运动今天。 因此,大跃进运动是 很酷的产品, 让您在互动 计算机以不同的方式。 所以整个想法的背后 飞跃运动是你 可以用你的双手 与计算机交互。 所以,在这里我有一些设置。 我会谈论它在一个位。 但基本的版本是,你可以 看,我有我的手在前面 我的电脑,当我移动它们, 你得到的模拟计算机 你可以分析这一点。 您可以手势。 你可以用你的手 与计算机进行交互 在新的和有趣的方式。 好吧,其实我是第一次 想要通关,以阿尔米海诺 向您展示一下一些很酷的演示 有些人做了这一点。 然后我们将谈论如何 你居然用这种代码。 ARMAGHAN BEHLUM:是的。 您好。 所以,正如我们所看到的,小 这里的数据,但让我们来看看 有些人做了这一点。 所以让我只要打开了这个例子。 然后,因此,举例来说,你可以看到 我的手模拟那里,但现在这个时候 使用Unity有些人 决定把多一点的皮肤 和周围的手的东西。 这样我就可以,让我们一起去这一个, 当然,有我的双手交互。 你大概可以想像 其他几个很酷的有用的东西 你可以用这个做的。 因此,这是在至少一个示例。 然后让我们跳出这一点。 然后又爽一把 是,让我们一起去这一个。 疟原虫球。 同样,我们不一定会 期望这种复杂程度 从对CS50最后的项目。 这只是给你看 一些,给你们 一点点的灵感是什么 你们可以用大跃进运动做。 因此,例如,这里有一个很酷 物理学的例子,其中有我们走。 有我的双手,现在你 这个小离子球。 并且球被反应到物理 我动我的手周围的球。 现在,这一切,虽然使用Unity, 使用一种工具和框架 我们没有教 你们在课堂上, 但你可以看到一些漂亮的 酷跑得来这一点。 但有一件事,你们可以做 出发,现在与大跃进运动 在JavaScript的工作。 大跃进运动有一个JavaScript API,它 你们可以用我们的高度,高度 建议你们建立 您的项目使用。 所以用,让我 通过它回到关闭以托马斯 谈跃 运动和JavaScript。 TOMAS赖默斯:酷。 或者你想显示 他们展示台第一? ARMAGHAN BEHLUM:哦,是的。 是。 让我们来讨论一下可视化。 TOMAS赖默斯:所以在最基本的 的水平,当你第一次得到飞跃运动 你将有这个框。 在这里,要我采取控制? ARMAGHAN BEHLUM:是啊,去了。 TOMAS赖默斯:所以当你 首先得到飞跃运动 你将有这个框。 它有一个装置,该装置 看起来是这样的。 你将它插入你的电脑, 安装必要的驱动程序, 然后将基本建立。 所以,最简单的方法排序 处理大跃进运动 是开拓这个程序是安装 所谓的大跃进运动可视化。 和展示台是字面上 什么我在这里展示。 它可以让你看到 你的手的骨骼轮廓。 什么大跃进运动 被解释成。 因此,大跃进运动使用相机 梳理一下你的手 然后它会尝试猜是什么 基本的骨骼组成,你 看到屏幕。 而这正是它显示你。 ARMAGHAN BEHLUM:每 单小点 而件事,你看到有 数据是提供给你们 以及使用。 所以你看,它的 捕获的托马斯 有五个手指,每 这些不同的手指 也可以为你的数据 指向任何应用程序中使用 你可能希望。 如果你想,如果看到 有人在做一个竖起大拇指 如果他们的手指,你可以看到 卷曲以及他们是否是 大拇指手指指向 向上,或其中 他们的手腕或手掌 而这种类型的东西。 TOMAS赖默斯:酷。 所以,你可以看到一些手势它 懂得比别人做得更好。 请记住,这是在看你的 从在从底部的照相机的手, 所以,当你有你的手像 这一点,理解他们充分, 但一旦你开始尝试做一 竖起大拇指,有时读它, 有时它可以猜测,但说实话 相机就不能看到大拇指。 因此,它是不是真的 确定发生了什么。 只是一些限制牢记 当你正在开发与此有关。 无论如何,所以回到此。 实际上展示台 有很多有用的工具。 因此,大跃进运动是 以这样的方式编程 他们不希望你来 与该图像数据进行交互。 他们真的不 希望你能理解 发生了什么幕后。 他们所做的就是揭露 你一堆的API 例如,你可以 与此数据交互 直接不求甚解 引擎盖下是怎么回事。 因此,如果我们打ħ在这里展示台 你会看到很多的选择。 这里虽然重要的一个 是,如果你打O和然后打H, 你会看到,它 让你画的手势。 因此,一个手势,你会看到 它吸引跨越一个箭头。 手势是大跃进的方法之一 这类运动可以让你的数据得到 无需处理它。 因此,而不是我需要图 出来,哦,手在动, 即使我有一点接入,该 排序API只是告诉我, 哎,他们做这个手势。 这样就可以使基本的箭头手势。 您可以圈的手势。 您可以攻手势。 并且可以使按键的手势。 是啊。 和那种东西。 所以,现在我们已经排序 看到了大跃进运动可以做, 你可以看到它可以读取 一大堆的手势。 我想我要去 传回阿尔米海诺 和他会谈谈如何 你得到这些用JavaScript, 怎么,你甚至开始这个项目。 然后我们将讨论一些 凉爽的地方,你可以去这一点。 ARMAGHAN BEHLUM:是的。 听起来不错。 所以,是的,第一件事我们 会要你做,当然, 就是你得到后大跃进运动是 去leapmotion.com,设置,安装 驱动程序和东西。 这样做,你可以去后, 确保它的连接。 如果在你的小托盘看到 大跃进运动图标,它是绿色的, 那么你知道你所有的设置。 当然,看看到底是什么 托马斯只是表明你的手势 和做屏幕水龙头,和 关键的水龙头,以及该类型的东西。 之后,虽然我们, 再次,就像我说的, 我们可以访问所有的这些 在JavaScript中的事情为好。 理想的设置是 我们建议您 人是去到您的 虚拟主机目录,本地主机, 公众在CS50设备。 而当你去那里你会 看到的是一个指数点的HTML文件。 现在指数点 HTML文件或指数点 PHP文件为准 精致,你就可以做 是去你的主操作系统。 如果你去的IP地址 这是列在右下方 角落里的电器就在这里, 正如你所看到的,那么会发生什么 是你去到页面的 由该索引点的HTML文件中引用。 因此,所有的代码,你可能会投入 有被发送,并可以使用这里。 TOMAS赖默斯:所以这也是 参考重要的只是 如果你们确实知道 如何给自己建立一个服务器, 或者你想把这在世界范围内 网页,欢迎您做什么。 请记住,这些都是 只是JavaScript文件 和所有的飞跃处理 做在客户端上。 因此它并不真正的问题 在您的服务器生命 只要计算机 您正在查看的网站 已经飞跃运动安装。 ARMAGHAN BEHLUM:当然。 像托马斯说,是啊, 无论对你们的工作。 这只是我们的建议之一。 现在就开始用大跃进 运动,你会做什么 是你会导入 JavaScript文件从大跃进运动。 然后从那里什么 你可以做的是,现在 我只是有这个款 标签设置与文本的ID。 的事情,我们会建议 正在设置控制器选项 对于大跃进运动与 使手势是真实的。 所以默认的 手势,我们向您展示 伙计们,圆,和 关键的自来水,并挥笔, 那些没有示出,以 你们在默认情况下。 但是,我们强烈建议您使用这些 所以你不重新发明轮子。 让那些真正的,通过这些 控制器选项飞跃点循环 而你所有的设置去。 因为那样的话你就必须 定义一个匿名函数 这将在 从大跃进运动框架 那架拥有所有 你会需要的信息。 TOMAS赖默斯:所以刚 回顾一下,你有一个对象。 你有这样的功能, 所谓的飞跃点循环。 你用两个参数调用它。 你有一个称呼它, 控制器选项。 这里面有很多 选项​​,你可以摆在那里。 我们要一个 强调的是使手势。 如果你把它设置为true相等,则 你可以在这个手势访问 我们向您展示在展示台。 然后第二个参数是一个 功能,它有点像一个回调 这都会被调用 一次飞跃的每一帧, 所以每一次的飞跃寄存器 你的手的举动,它有一个新的框架。 它调用此函数有一个 参数,它是框架对象。 并且该帧的对象描述 该帧大跃进看到它。 ARMAGHAN BEHLUM:没错。 因此,这包含了所有有用的 位和信息段 我们在谈论早些时候。 检查框点手势 手势是一个数组 该飞跃运动抓到你 手操作的,在最后一帧。 因此,举例来说,我们是 这里做的是,我们正在检查, 哎,飞跃,在最后一帧做 你赶上我做任何手势? 如果是这样我们决定做 通过这些手势迭代 和尝试,并得到一些有用的 从它们的信息。 每个手势都有一个唯一的 与之相关的ID。 他们有类型。 你可以看一下哪个手指 参与了手势 通过检查出这种指向性的东西。 所以,如果当你经过 大跃进运动的JavaScript API的东西, 当他们提到pointables, 他们谈论这些的手指。 然后手,当然, 整个手对象。 还有什么? 您可以检查多久 运动继续 对于和,是的,所有这些有用的东西。 所以我在做什么,现在 这里我登录框, 然后更新我的HTML显示 所有这些信息比特的 从该帧。 因此,让我们检查出来。 所以在这儿呢。 这里的指数点HTML文件。 正如你刚才看到的时候我刚搬到 我的手抓住了飞跃圆圈运动。 所以你可以看到我做了一圈 在这里,更新与循环的信息。 做刷卡,刷卡捕获。 让我们尝试的屏幕选项卡。 在那里,我们走了。 屏幕点击和一键点击。 所以关键抽头也由 路,是当你打下来。 所以你可以想象 也许弹钢琴。 然后屏幕水龙头 当你点击屏幕上。 所以你可以想像,也许你真的 在你面前触摸屏 和你打的触摸 屏幕在你的面前。 然后我们就可以抢单 在这里,这些对象。 所以请记住我说我是 帧传递到控制台日志。 因此,我们可以检查出所有的 位和信息段 这是可 该帧以及使用。 就像我刚才所说, pointables是手指。 在那一刻,我们没有我们 双手在大跃进运动前 所以注册为零, 但是这是你如何 将开始找出可能 多少个手指在屏幕上。 与该类型的信息。 TOMAS赖默斯:和记忆 这仅仅是一个对象。 所以一切都可以访问 有点像一个struct 在C.你有对象 名点属性名。 然后在你有 阵列和你有其他对象, 但要记住这只是一个对象。 没有什么特别的 因为我们使用的飞跃。 ARMAGHAN BEHLUM:是的。 酷。 如果我们看看一对夫妇 JavaScript的例子吗? TOMAS赖默斯:所以 很快记住我们 说,飞跃实际上可以 运行在任何网站上。 LeapJS只是提供给客户机。 因此沿作为客户端具有 大跃进运动连接它会工作。 因此,大跃进运动有 网站里的人 可以共享他们的榜样 的事情,他们已经取得了。 所以,我们只是要去 通过他们夫妇 看看什么是可能的前 在深入有关如何更多的细节 这是可能的。 所以 ARMAGHAN BEHLUM:让我们来看看。 TOMAS赖默斯:现在应该工作。 ARMAGHAN BEHLUM:所以现在 我们看到了一个例子之前, 使用Unity的呈现我们的手 与令人印象深刻的图形外观, 但现在你可以看到你可以做 同样的事情内部的网络浏览器。 这是所有里面的镀铬 只是使用JavaScript。 然后其他不错 如果你想要的是 要知道他们是如何做到这一点, 在JavaScript中的例子 还包括代码选项 你可以检查出来,然后看看 这个人怎么被抓 双手代码和这样的。 所以,这就是你可以找到 在developer.leapmotion.com。 你可以去看看的JavaScript 实施例,它们具有在那里。 所以,是的。 下面是这些,哎呀对不起。 让我们再试一次。 呵呵。 我有两个右手。 所以,是的。 TOMAS赖默斯:所以,再次, 记得有时飞跃弄乱。 只要给它一秒钟。 它并不完美,但它是相当不错的。 ARMAGHAN BEHLUM:一 其他建议还 是不是做在阳光直射。 因此,这样的飞跃运动 作品是,实际上 如果我表现出这种相机 同时,红外光。 所以它发送那些出来,然后 读他们,当他们回来。 所以,如果你想 做阳光直射, 例如,它可能 行不通的, 或者它会要求 一些校准这么做。 另一种建议是, 清除大跃进后面的空间 在大跃进的面前。 把它当做工作 圆顶这里面 围绕这一大跃进运动对象。 如果有正确的东西 它的背后还有, 这也是去干预 有多大的大跃进运动的尝试 认识到你的手 而这种类型的东西。 因此,举例来说,我觉得在这 情况下,它是我的笔记本电脑实际上是 这是一种使大跃进运动。 是啊,我们走吧。 所以,如果我清除了我的笔记本电脑 其背后的手显示相当不错。 所以,是的。 还有的认为。 所以,还有什么做我们给他们。 TOMAS赖默斯:我觉得 现在是时候 排序潜入,并让我们只 从头开始做一个演示完全。 这将是非常简单的。 我们将基本上什么 尝试做的是让它 所以,当你轻扫你的手时, 背景是怎么回事开出红, 当你轻扫你的手时, 背景是怎么回事变成绿色。 好不好? 真的很简单。 它基本上只是 要经过很多 的背后的概念 跨越使我们能 进入飞跃是如何工作的这种意识形态 以及我们如何能与建立的东西。 然后从那里,我们将 可能只是告诉你 该API Docs和你在哪里 可以阅读更多关于这一点。 然后我们将调用它的一天。 所以,你想代码或 你要我的代码? ARMAGHAN BEHLUM:是的。 好吧,我想我们可以工作 一起就这个问题和尝试 TOMAS赖默斯:所以我们会 做一些对编码。 ARMAGHAN BEHLUM:我们走吧。 这正是我 想退房。 酷。 因此,例如在这里,让我们来看看。 虽然我们遍历 通过手势不已, TOMAS赖默斯:想要让 只是一个完全新的文件? ARMAGHAN BEHLUM:完全新的文件? 是的,当然。 TOMAS赖默斯:是的。 ARMAGHAN BEHLUM:那么,让我们做到这一点。 TOMAS赖默斯:所以我们要去 使一个完全的文件。 我们叫它手点HTML。 这很酷我。 所以请记住,你做一个HTML标签, 然后在你有一个头。 这头内部有一个标题。 所以标签的其他方式。 你去那里。 标题,我们把它叫做飞跃例子。 是的。 ARMAGHAN BEHLUM:哎呀。 称号。 TOMAS赖默斯:是的。 ARMAGHAN BEHLUM:有我们。 TOMAS赖默斯:和 那么让我们做一个身体。 ARMAGHAN BEHLUM:等等,让我们 也请务必导入。 TOMAS赖默斯:哦,当然。 我的坏。 因此,始终确保你有飞跃 脚本所以这是给你的脚本 通过大跃进运动基本上 允许web浏览器来连接 到用户的计算机上的设备。 然后在此,我们也 需要一个身体,我们只是 使身体打招呼等 我们可以向学生展示 如何连接到这个新的 网页,他们做了。 ARMAGHAN BEHLUM:当然。 因此,让我们只是把another-- TOMAS赖默斯:嗨,你好世界。 所以有一个非常简单的例子。 真的只是一个演示。 ARMAGHAN BEHLUM:然后在我们这里 可以去,我们把它叫做手点HTML, 对不对? 哦! 所以,我不知道什么是错的 与现在这个权利。 让我们添加读取权限 手点HTML。 TOMAS赖默斯:你想 要做到这一点,在大码头 这样我们就可以只显示它the-- ARMAGHAN BEHLUM:是啊,这是有道理的。 行。 所以我刚才添加的 权限,但是如果我们 要检查出 之前,我们的权限 会看到,实际上手 点HTML没有读取权限 因此,我们不能渲染。 但是现在,如果我们这样做,我们看到我们的 你好一点的世界就在那里。 TOMAS赖默斯:让我们实际上, 他在写,你好世界, 我想到了一个办法 我们可以改变这一点。 让我们把它打个招呼世界, 那么,当你挥动,它说再见。 对不对? 所以,你好,再见。 ARMAGHAN BEHLUM:当然。 TOMAS赖默斯:这听起来很不错。 ARMAGHAN BEHLUM:那 听起来不错,太。 TOMAS赖默斯:所以,如果我们 要做到这一点,让我们只 通过网页觉得一点点。 我们将需要一些脚本 这基本上注册 你挥挥手,一个飞跃, 一个波和刷卡,同样的事情。 因此,我们将需要一个脚本, 基本注册为刷卡。 而另一件事我们 将需要的是我们 会需要一些 实际的内容发生变化。 所以,你还记得,jQuery的 允许您更改的内容。 这么一件事,我们可能要包括 在这jQuery库。 然后可以选择什么 我们实际上是要改变的内容, 那将需要一个ID 或一类,什么的 我们可以用它来选择它。 所以,我们只是给它一个 变化的文字快速ID。 然后你要抢jQuery的? ARMAGHAN BEHLUM:那么,什么是第一 我们做的名单,然后现在的事情吗? TOMAS赖默斯:让我们抓住jQuery的? ARMAGHAN BEHLUM:让我们 抢jQuery的,OK,凉。 在这种情况下,我要去 不得不actually-- 哪里会是 要做到这一点最好的地方? TOMAS赖默斯:jQuery的,所以如果你 谷歌jQuery的,打了jQuery,第 ARMAGHAN BEHLUM:最早的之一。 TOMAS赖默斯:或下载。 它的罚款。 击中下载v1和v2在左侧。 因此,我们描述的jQuery从 网上像你可能已经完成。 向下滚动。 起来,起来。 ARMAGHAN BEHLUM:哦,就在这里吗? TOMAS赖默斯:那。 是的。 所以,jQuery有一个托管版本 这意味着你实际上并不 需要下载它, 但你超过 欢迎下载 和主机它自己。 ARMAGHAN BEHLUM:酷。 所以,现在我们有jQuery的。 现在,下一步是什么我们做的名单上。 TOMAS赖默斯:真棒。 所以,接下来我们需要什么 做的是我们真正需要的 得到对你好世界的ID 所以我们可以改变它,对吗? 因此,让我们举一个想法, 我不知道,更改文本? ARMAGHAN BEHLUM:我们只是 做这种方式,我猜。 TOMAS赖默斯:changeText,很酷。 现在就让我们刷新页面。 确保一切正常。 所以,早在浏览器中。 酷。 总是一个很好的提醒, 当你建立一个网站, 可能刷新每次你腾出时间 任何有点显著的变化只是 因为有时你 失手标签, 或者你不小心删除的东西, 然后你打破的东西不多, 但是当你犯了一个较大的变化 你喜欢,为什么会这样大的变化 看似打破无关的事情。 所以这是一件好事,对排序 去做那些完整性检查。 反正所以现在让我们做 最后一次全面的检查, 它让我们尝试改变 文字不大跃进运动, 没有什么,只是 在页面加载,它会 你好改变世界 告别使用jQuery。 所以,如果你还记得的jQuery自曝 这个美元符号的功能, 我们可以通过CSS选择器, 即包括hashtag变化的文字,这 选择与该元件 改变文本的ID。 然后我们要去 调用方法HTML 在对象上它与返回 一串再见,这说法 将改变的项目 HTML说再见。 真棒。 这似乎很酷。 而现在,当我们刷新 我们将看到页面 它立即变成再见,好吗? 因为它不会等待任何东西。 排序只要该脚本 运行它改变它告别。 酷。 所以,现在让我们来包装在一个函数。 正确的。 因此,我们会想 作的功能。 我们会再见调用它。 因此,功能再见 要采取任何参数 它是不是真的 要返回任何东西。 它只是将 这样做在JavaScript中。 优秀的。 因此,我们的功能现在再见 更改文本再见,好吗? 因此,这给了我们一种方式 基本变化 该文本时再见 我们称之为该功能。 对不对? 因此,这是很酷。 ARMAGHAN BEHLUM:嗯,我们 也可以只是确保 现在因为我们没有调用 功能,如果我们刷新页面, 注意它不会 更改文本。 TOMAS赖默斯:优秀。 所以,现在我们要开始 去那个飞跃的东西 我们都在谈论。 所以阿尔米海诺,你想 把它从这里还是? ARMAGHAN BEHLUM:是的。 当然。 我可能会需要 要仔细检查的事情, 但是,例如记 我们说,我们希望 确保在选项 我们设置使手势 TOMAS赖默斯:良好的渔获。 ARMAGHAN BEHLUM:是真的。 然后我们推荐 那你们会 运行的飞跃点循环, 正如我们前面所说, 有两个选择,一个JSON对象 是你想怎么选项 配置跃动感 工作,然后一个函数,是 要赶上一帧作为回调 像托马斯函数说。 然后编辑你想要什么 做与该功能。 所以,我们通过在 选项​​,现在我们定义 一个函数,将在一帧中。 现在我们必须定义 该函数做什么。 它也为求的 今后,这样做,以确保。 TOMAS赖默斯:优秀。 所以,现在我们有这样的 飞跃点循环功能 调用哪个基本上说看大跃进 使用这些选项,每次 事情的变化,称此 所有的数据功能框架 你是知道的框架。 听起来不错。 所以,现在的快速完整性检查, 我总是建议, 在刚刚放 控制台点逻辑框架。 然后在浏览器中打开它 并看看你的控制台 和玩大跃进看 正在记录因为这将帧 让你的想法是什么 数据可以访问。 和往常一样,如果你感到困惑, 查找API参考。 我们将包括链接 对于在此结束。 ARMAGHAN BEHLUM:所以我们 刷新页面,然后 我们去再次打开控制台。 现在我们看到,我们 有传入帧, 我们刚才看到的这些小物件。 所以,是的。 这些都是我们的帧 显示在控制台。 酷。 所以,现在我们已经抓住了 帧,你可能还记得早期 从这个例子,我们有, 如果我们检查框点手势 我们得到的手势的列表 帧最近抓获。 我们可以检查数组的长度 看是否抓住了飞跃的任何手势。 因此,如果该数组是 大于零,那么我们 知道我们还有一些事情要做。 因此,让我们的包裹在一个if条件 现在在这里我们所知道的是,我们 看到一个手势,让我们采取行动。 所以,现在我们在这里,我们 有一个手势退房。 TOMAS赖默斯:嗯,先 就是它不只是一个姿态, 它可能是因为许多手势。 ARMAGHAN BEHLUM:非常真实的。 TOMAS赖默斯:所以每 这里经典的C风格 我们可能会想用一个for循环。 ARMAGHAN BEHLUM:我们在这里呢。 我们决定遍历 通过手势。 让我们来看看。 我加分,加分。 现在,如果我们也许做 只是一个变种姿态等于 框架点手势 支架我,现在我们有 手势本身,这仅仅是一个 手势对象的单个实例 让我们一起工作 在这里面,for循环。 行。 TOMAS赖默斯:让我们理智 再次检查这里只是安慰 点登录的姿态,看看我们得到。 ARMAGHAN BEHLUM: 控制台点日志的姿态。 Okie道基。 并刷新一次。 TOMAS赖默斯:而且我们 试着做了个手势。 你会看到一串 ,当他挥笔, 你得到了一堆手势在 控制台,如果他试图做一个圈, 这是just-- ARMAGHAN BEHLUM:圆 是真的很不错。 TOMAS赖默斯:现在有一个奇怪的事情 在这里,这是他做一圈, 但这是记录80的手势,对不对? 这是一个很大的手势。 所以第一类的事来 意识到,这可能会造成混淆, 是一种姿态 不只是记录一次。 在每一帧,右, 所以,如果我做了一圈 飞跃将检测这 变,从该 是一个变化,从这是一个变化。 它会记录这些的每一个。 不过,在这些中的每一个, 它会说,哦, 有一个手势正在进行中。 所以,我只想说,哎,有一个 手势和它的当前正在进行。 因此,我们不希望 做的是说,哦,对每一位 这些手势您 要更改文本。 我们想要做的是什么时姿态 停止,我们可以检查的是, 那么,我们要改变文本。 ARMAGHAN BEHLUM:Mhmm。 所以像托马斯是 解释这些手势 可能会出现通过多个 帧,但例如, 当我们有 那个圈子,我们可以看到 该ID为一个 单圈,我们 可能一直在试图完成 在整个相同的ID。 而事实上,你也可以 检查出的状态。 更新。 然后这可能是 最后的圆,哦,好,OK。 所以有时它显示了一个 停止的手势状态 它也表明你的状态 的开始一个新的手势时 它承认肯定, 你已经开始了一个新的姿态。 例如,在这种情况下。 TOMAS赖默斯:酷。 ARMAGHAN BEHLUM:所以是的。 然后,让我们来看看。 你也可以看到 虽然我们做了 一个圆圈和手势 有一个叫做场类型 这告诉我们什么样的 姿态是。 所以这可能是对我们有用 你尝试做我们正在做的。 TOMAS赖默斯:所以 转换回JS, 这发生在我的第一件事情 同时,刚读通过这个代码 是有一个小的优化, 这是我们实际 如果条件不需要这个,对吧? 因为如果框架点手势点 长度是零,这对于循环的 不打算反正运行。 因此,我们可能也只是去 进取,摆脱这一点。 同样,当你写的代码 回去和排序很重要 重构为你意识到你 可以做的更好的东西, 或者,还有另一种方式来做到这一点。 所以,现在我们只是要清理这个 很快适应,并清理你的代码。 这是一个大问题。 ARMAGHAN BEHLUM:好 风格是非常赞赏。 TOMAS赖默斯:可以 总是告诉别人时, 有那里使用,如果是一个代码 条件,然后他们删除它, 但他们并没有取消其注释。 这是非常明显的, 那种看起来丑陋。 ARMAGHAN BEHLUM:那么,什么是 接下来我们做的名单? TOMAS赖默斯:所以现在当我们在说, 我想我们要做的第一件事情 为确保这一姿态的 其实刷卡吧? ARMAGHAN BEHLUM:是的。 TOMAS赖默斯:所以,如果我们说, 我们再见是一种像刷卡, 我们会去与它的刷卡时, 我们需要说的是,哎第一件事, 在手势输入轻扫,对不对? 不是圆形或顶部, 但这种刷卡? 所以这样我们就可以做到这一点 是我们可以说的手势 点式等于等于刷卡作为一个字符串。 ARMAGHAN BEHLUM:[听不清]姿态 点式等于等于刷卡。 在那里,我们有。 TOMAS赖默斯:和 那么最后一个问题 我们希望看到的是手势点 国家平等的平等停止,对不对? 所以这是当 手势是被停止。 其实我觉得对于刷卡,我 知道这把我的头顶部, 但欢迎您 看看它,当你 刷卡每次其注册时间 直到你是一个开始的姿势。 然后将最后一个的 刚刚停止的手势。 所以只会有一站 姿态,这是伟大的我们。 所以,我们可以做的是,如果手势点说 键入等于等于刷卡和手势点 同等地位平等 停止,然后让我们的理智 点击这里安慰点日志的姿态。 因此,我们将继续回到这里。 我们将刷新页面。 现在唯一的一次要的东西 记录是控制台的点是,当我们轻扫。 我们尽量刷卡,我们什么也看不见。 对不对? 因此,这实际上是一个大问题。 我们没有看到我们所预期。 和调试可以是这样的重要组成部分。 所以,第一件事我们要去 说的是,OK,让我们安慰点 登录,如果手势点 键入等于等于刷卡。 ARMAGHAN BEHLUM:是啊,让我们做到这一点。 TOMAS赖默斯:所以我们 要回去了这一点。 我们将刷新。 我们将刷卡。 我们将看到一群人。 好不好。 所以很明显的问题是 与我们的手势点的状态。 因此,如果我们打开了其中的一个,我们将 期待中的对象,我们会看到, 好了,这是一个停止,但是,哦, 这就是所谓的状态,而不是状态。 因此,如果我们头回 我们的代码,我们可以说, 如果手势点类型等于等于刷卡 和手势点状态等于等于停止, 然后我们将安慰点记录它。 等刷新。 我们刷卡。 我们会看到, 每次刷卡,我们只 得到一个,这是 最后,这是伟大的,对不对? 这就是我们想要的。 ARMAGHAN BEHLUM:是的。 我们也可以看到,标识为 这些手势是分开的。 从而托马斯所说,因为我们是 赶上这种一站式状态 存在于刷卡结束后,我们 个人获得独立的手势 从大跃进运动。 大。 TOMAS赖默斯:让我们继续前进, 只是做的最后一件事,这是, ARMAGHAN BEHLUM:再见。 TOMAS赖默斯:真棒。 现在让我们来看看我们的网站。 一 ARMAGHAN BEHLUM:第二。 我们所做的,是的,我们也把它叫做再见。 大。 TOMAS赖默斯:没有,再见 是一个真正的功能。 ARMAGHAN BEHLUM:是的。 让我们做到这一点。 TOMAS赖默斯:当我们 挥手告别,它说再见。 ARMAGHAN BEHLUM:我们的胜利。 TOMAS赖默斯:那么漂亮的令人兴奋的东西。 希望你可以建立一些 别的,但你的想法,对吧? 您可以检测手势。 你可以调用的函数。 并从真正给你 一些非常基本的构建模块 说,哦,也许当他们刷卡了, 因为你还可以检测的东西 喜欢的方向。 我希望他们做一些事情。 或当他们刷卡吧,我 希望他们做的事。 我们可以开始得到 与究竟是如何创意 我们要改善我们的网站 使用这些滑动手势或圆 手势,或点击手势, 无论是水龙头的关键或屏幕水龙头。 然后其他的比你 更受欢迎玩 与实际数据, 但如果你想要做的 我们会建议你去到文档 因为他们居然真的不错。 所以为首的文档了。 或者你想谈什么? ARMAGHAN BEHLUM:是的。 让我们做到这一点。 也建议另一个珍闻, 不要试图认为这在3D。 因此,实际上,让我们拉起的手势 一次控制台点日志姿态 而我们做到这一点。 回来的,现在让我们来尝试 这些夫妇,情侣那些。 如果我们进去看看 这些手势以及 正如你可以看到, 他们是维 在三个方向,其实。 所以,不要只是限制 自己一个2D画面 即使你可能 是一个二维的网站上。 你可以尝试和思考用户如何 可能与在3D的网站进行交互。 托马斯赖默斯:在三维空间中。 ARMAGHAN BEHLUM:没错。 和耶。 所以,你得到的方向,速度, 所有这些酷比特的信息。 TOMAS赖默斯:如果你不 熟悉,这是不言而喻的x,y, 然后z是最后一个维度。 只是一些你可能是 熟悉,如果你处理与3D 前坐标平面。 如果你还没有,这是一样的2D 1,除非有第三个维度。 我们把它叫做态。 一切,有点像 方向,这是到哪里去, position--我认为它甚至可能 加速暴露,我不知道。 ARMAGHAN BEHLUM:是的,我相信。 它肯定有速度。 实际上,我不是100% 肯定加速。 托马斯赖默斯:这可能是一种选择 你可以传递到一些东西。 所以,位置和速度都暴露 在这些排序三个坐标。 所以,X,Y,Z或增量X,增量Y,三角洲态。 所以,现在为首的文档 这是developer.leapmotion.com 然后您可以点击文档。 再次,大跃进运动具有所有这些 精彩的API,一个JavaScript的, 一个用于C夏普和团结,一个用于 C ++,一个用于Java的,一个是Python的, 一个用于目标C.我个人 将推动你走向的JavaScript 或者,如果你想了解一个 新的语言,尝试Python的。 无论我使用过这些语言 之前,他们真的很容易学习 你已经知道的JavaScript,这 使得它一个很好的竞争者。 一个忠告 当你进入文档。 请确保你在文档V2.0。 因为如果你在 一个版本,它不会工作。 也为例子画廊。 我们花了好30分钟 尝试调试我们的大跃进 我们意识到之前 V1不与V2的工作。 因此,只要确保你在两个版本。 然后我就告诉他 显示您的文档。 ARMAGHAN BEHLUM:是的。 因此,这里的API概述,然后 某些位和的信息片 我们已经告诉过你。 可爱的小浮动 手以上大跃进运动。 并提醒想 有关在三维空间中。 一个思考的第一个对象 与大跃进运动当然是手中。 我们看到那些认可 通过展示台。 然后你可能有 可见,它承认 手腕和一部分 臂与它相关联。 TOMAS赖默斯:如果你想 拉起展示台。 ARMAGHAN BEHLUM:是啊, 让我们再这样做。 TOMAS赖默斯:你可以看到,总 那种只是一个善意的提醒看到, 展示台试图展示 所有的飞跃看到的数据。 所以你会看到,我们有 这些类型的四点 的手腕,然后将实际的手腕。 而且你也有这样的球在手掌。 所有这些都是分 认识到飞跃的认可。 ARMAGHAN BEHLUM:没错。 因此与手的对象 每帧有一个手阵列 同时,你还可以得到 左和右手。 你可以得到哪些 方向的手 与正常朝向 手掌的方向, 或者他们称之为手掌正常。 还有什么,我们有吗? 我们还,哎呀。 让我们尝试和向下滚动这种方式。 手臂,手指 由手指所表示 类,它是一个指向性对象。 所以像我们说,我们看到, 阵列pointables每个手。 这些都是小 手指思考的问题。 所以这是一个很好的概述去 通过尝试和理解。 TOMAS赖默斯:[听不清] 手解剖那里。 ARMAGHAN BEHLUM:是的,没错。 所以,是的。 有很多原始数据的 大跃进运动发生在解译以及 为你,所以这是一个伟大的 想法要经过这里 并尝试找出如何跨越具有 已经想通的事情为你 还等什么信息,你 有从那里。 然后从那里我会推荐 进入这个左侧部分在这里, 肚里,实际上也没有,那些都是 实际上只是更API的东西about-- TOMAS赖默斯:在本API参考 底部通常是一个好去处。 你们可能看到这个的时候 我们做了谷歌地图PSET。 但真正参考 刚刚经历的所有 的功能及参数 提供对象给你。 ARMAGHAN BEHLUM:是的。 例如,这是 我一直在寻找之前。 当我们有一个我们的手 可以去弄清楚 如何飞跃建议 我们找到了手。 就像我刚才所说, 我们有一个手阵列。 看看我们的手和 然后尝试和抢单手 与以这种方式进行交互。 所以,这就是我们 推荐你们。 手势和东西为好。 这个API文档是要 是一个极好的工具,你们。 你有什么其他的建议? TOMAS赖默斯:我不知道。 我认为这是很好的了。 ARMAGHAN BEHLUM:是啊, 我觉得这样很好。 随时给我们发电子邮件,让 联系关于大跃进运动 如果你有任何可能的问题 或者需要任何建议。 我们可以尝试和推测的东西 用你们的好。 谢谢。 TOMAS赖默斯:太好了。