>> 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賴默斯：太好了。