Томас Реймерс: Круто. Так прывітанне, усім. Томас Мяне клічуць. Я ТФ і гэта ARMAGHAN BEHLUM: Армі. Прыемна бачыць вас, хлопцы. Томас Реймерс: Круто. Такім чынам, мы будзем казаць аб Leap Motion сёння. Так Leap Motion з'яўляецца сапраўды выдатна прадукт, які дазваляе ўзаемадзейнічаць з Кампутар па-іншаму. Так уся ідэя Leap Motion з'яўляецца тое, што вам можаце выкарыстоўваць свае рукі, каб ўзаемадзейнічаць з кампутарам. Так прама тут у мяне ёсць што-то наладзіць. Я буду казаць пра гэта ў трохі. Але асноўная версія, што вы можаце бачыць, што ў мяне ёсць рукі перад мой кампутар і калі я перамясціць іх, Вы атрымліваеце аналаг кампутара і вы можаце прааналізаваць гэта. Вы можаце зрабіць жэсты. Вы можаце выкарыстоўваць вашыя рукі ўзаемадзейнічаць з кампутарам ў новым і цікавым шляху. Ну, я на самой справе ўпершыню хочаце выдаць на Армі каб паказаць вам некаторыя цікавыя дэма пра тое, што некаторыя людзі зрабілі з гэтым. А потым мы пагаворым аб тым, як вы на самой справе код з дапамогай гэтага. ARMAGHAN BEHLUM: Так. Добры дзень. Так як мы бачылі, мала Прадстаўленыя тут дадзеныя, але давайце паглядзім, тое, што некаторыя людзі зрабілі з гэтым. Такім чынам, дазвольце мне проста адкрыць гэты прыклад. І тады, так, напрыклад, вы можаце ўбачыць мая рука аналагавы, але цяпер гэта час Некаторыя людзі з дапамогай Unity ёсць вырашыў пакласці трохі больш скуры і рэчы вакол рукі. Так што я магу, давай з гэтым, Вядома, ёсць мае рукі ўзаемадзейнічаюць. І вы, верагодна, можа сабе ўявіць, Некалькі іншыя цікавыя карысных рэчаў што вы можаце зрабіць з гэтым. Такім чынам, гэта па меншай меры адзін з прыкладаў. А потым давайце пяройдзем з гэтага. А потым яшчэ класны , Давайце ісці з гэтым. Плазмы мяч. Зноў жа, мы не абавязкова чакаць такога ўзроўню складанасці ад канчатковага праекта CS50. Гэта проста, каб паказаць вам, некаторыя з, даць вам, хлопцы, трохі натхнення для таго, што вы, хлопцы, можаце рабіць з Leap Motion. Так, напрыклад, вось выдатна Прыклад фізіка, якой мы ідзем. Мае абедзве рукі, так што цяпер вы ёсць гэты маленькі плазменны шар. І мяч рэагуе на фізіцы мяне рухацца маю руку вакол мяча. Зараз гэта ўсё, хоць з дапамогай ПА Unity, выкарыстоўваючы выгляд інструментаў і механізмаў што мы не навучылі вы, хлопцы, у класе, але як вы можаце ўбачыць некаторыя даволі крута прагонах з гэтым. Але адна рэч, што вы, хлопцы могуць зрабіць пачынаючы ад прама цяпер з Leap Motion праца ў JavaScript. Leap Motion мае API JavaScript, што вы, хлопцы, можаце выкарыстоўваць і мы вельмі, вельмі рэкамендуем што вы, хлопцы пабудаваць Вашы праекты з дапамогай гэтага. Так з гэтым, дазвольце мне перадаць яго адступіць Томашу казаць пра Leap Рух і JavaScript. Томас Реймерс: Круто. Ці вы хочаце, каб паказаць іх Visualizer ў першую чаргу? ARMAGHAN BEHLUM: Ах, так. Так. Давайце больш аб тым, што Visualizer казаць. Томас Реймерс: Так на самыя асноўныя Ўзровень, калі вы ўпершыню трапіць у Leap Motion Вы будзеце мець гэтую опцыю. Тут хочаш, каб я кантроль? ARMAGHAN BEHLUM: Так, ісці за ёй. Томас Реймерс: Такім чынам, калі вы Першы дабрацца да Leap Motion Вы будзеце мець гэтую опцыю. Ён мае прылада, якое выглядае наступным чынам. Вы падлучаеце яго да кампутара, ўсталяваць неабходныя драйверы, а затым ён у асноўным будзе створана. Так просты спосаб сартавання здзелкі з Leap Motion гэта адкрыць гэтую праграму ён усталёўвае называецца Leap Motion-камеры. І Visualizer літаральна што я паказваю тут. Гэта дазваляе вам бачыць шкілетных план вашых руках. І тое, што Leap Motion інтэрпрэтуе іх як. Так Leap Motion выкарыстоўвае камеру сартаваць гляджу на вашых руках а затым ён спрабуе адгадаць, што Асноўная шкілетных кампазіцыя, якая вас см на экран. І вось што ён паказвае вам. ARMAGHAN BEHLUM: Кожны адзін невялікі пункт і што, што вы бачыце там дадзеныя, якія даступныя для вас, хлопцы а таксама да выкарыстання. Такім чынам, вы бачыце, што гэта захопу, што Томас пяць пальцаў, кожны з гэтыя розныя пальцы таксама даступныя для вас у якасці дадзеных кропкі, каб выкарыстоўваць у любым дадатку што вы, магчыма, захочаце. Калі вы хочаце ўбачыць, калі хто-то робіць пальцы ўверх Вы можаце ўбачыць, калі іх пальцаў скручены і ці з'яўляюцца яны палец палец паказвае уверх, і дзе запясце або далонь і што тып матэрыялу. Томас Реймерс: Круто. Такім чынам, вы можаце ўбачыць некаторыя жэсты гэта лепш за іншых разумее. Памятаеце, што гэта, гледзячы на ​​вашыя рука з на камеру знізу, таму, калі ў вас ёсць рукі, як гэта ён разумее іх цалкам, але як толькі вы пачынаеце, каб паспрабаваць зрабіць вялікія пальцы, часам ён чытае яго, часам можна здагадацца, але, шчыра кажучы камера проста не бачу вялікай палец. Так што гэта на самай справе не Пераканайцеся, што адбываецца. Проста некаторыя абмежаванні, каб мець на ўвазе, калі вы распрацоўваеце з гэтым. Ва ўсякім разе, так вяртаючыся да гэтага. Visualizer самай справе ёсць шмат карысных інструментаў. Так Leap Motion з'яўляецца запраграмаваны такім чынам, што яны не чакаюць, што вы ўзаемадзейнічаюць з гэтымі дадзенымі малюнка. Яны на самай справе не чакаць, каб вы зразумелі што адбываецца за кулісамі. Што яны робяць, падвяргаць куча інтэрфейсаў для вас такім чынам, што вы можаце ўзаемадзейнічаць з гэтымі дадзенымі наўпрост, без разумення што адбываецца пад капотам. Так што, калі мы трапілі H тут, у-камеры Вы ўбачыце шмат варыянтаў. Важным тут, хоць калі вы патрапілі O, а затым ударыў H, Вы ўбачыце, што ён дазваляе маляваць жэсты. Так жэст, вы ўбачыце гэта малюе стрэлку у папярочніку. Жэст з'яўляецца адным з спосабаў, якія скачок Рух роду дазваляе атрымаць на дадзеныя без неабходнасці апрацоўваць яго. Такім чынам, замест мяне неабходнасці высветліць з, ну, рука рухаецца, нават калі ў мяне ёсць доступ момант, API будзе свайго роду проста скажыце мне, эй, яны зрабілі гэты жэст. Такім чынам, вы можаце зрабіць асноўныя жэсты са стрэлкамі. Вы можаце зрабіць круг жэсты. Вы можаце зрабіць націснуўшы жэсты. І вы можаце зрабіць націску клавіш жэсты. Так. І такога роду рэчы. Так што цяпер, калі мы накшталт бачыў, што Leap Motion можа зрабіць, Вы можаце бачыць, што можна прачытаць цэлая куча жэстаў. Я думаю, што я збіраюся перадаць яго назад у Армі і ён будзе казаць пра тое, як Вы атрымліваеце на іх з JavaScript, як вы нават пачаць праект з гэтым. А потым мы пагаворым аб некаторых халодныя месцы, дзе можна ісці з гэтым. ARMAGHAN BEHLUM: Так. Гучыць добра. Так што так, самае першае, што мы хачу, каб вы зрабіць вядома, пасля таго як вы атрымаеце Leap Motion з'яўляецца перайсці да leapmotion.com, наладзе, ўстаноўцы драйверы і іншае. Пасля гэтага, што вы можаце пайсці пераканайцеся, што ён падлучаны. Калі вы бачыце ў вашай маленькай латок Leap значок руху, і гэта зялёны, то вы ведаеце, што ўсё ў парадку. І, вядома, праверыць, што менавіта Томас толькі што паказаў вам з жэстамі і рабіць дотыку экрана, і Ключавыя кранаў, і што тып матэрыялу. Пасля гэтага, хоць мы, зноў жа, як я ўжо сказаў, у нас ёсць доступ да ўсіх з іх рэчы ў JavaScript, а таксама. Ідэальна падыходзіць наладзіць, што мы рэкамендуем Вам Хлопцы, гэта пайсці ў ваш віртуальны хост каталог, лакальны хост, грамадскасці ў вашай CS50 прыбора. І калі вы ідзяце туды, што вы будзеце бачыце індэкс кропка HTML файл. Цяпер, калі індэкс кропка HTML-файл або індэкс кропка PHP-файл, у залежнасці ад добра, што вы можаце зрабіць гэта перайсці на асноўнай аперацыйнай сістэмы. І калі вы ідзяце ў IP-адрас што пералічана ў правым ніжнім куце кут вашага прыбора прама тут, як вы можаце бачыць, тое, што адбываецца гэта вы перайсці на старонку Гэта спасылаецца што індэкс кропкавай HTML-файл. Так увесь код, які вы маглі б паставіць у ёсць адсылаецца і можа выкарыстоўвацца тут. Томас Реймерс: Так што гэта таксама важна толькі для даведкі што калі вы, хлопцы, на самай справе ведаем, як наладзіць сервер самастойна, ці вы хочаце паставіць гэта на сусветным Інтэрнэт, вы можаце гэта зрабіць што-небудзь. Варта памятаць, што гэтыя за ўсё файлаў JavaScript і ўсе апрацоўкі Leap робіцца на баку кліента. Так што на самай справе не мае значэння дзе ваша жыццё сервера пры ўмове, што кампутар Вы праглядаеце сайт на усталяваў Leap Motion. ARMAGHAN BEHLUM: Цалкам дакладна. Як Томас сказаў, ды, усё, што працуе для вас, хлопцы. Гэта толькі адзін з нашых рэкамендацый. Зараз, каб пачаць выкарыстоўваць скачок Рух, што вы маглі б зрабіць гэта вы б імпартаваць JavaScript-файл з Leap Motion. А потым адтуль што Вы можаце зрабіць гэта прама цяпер Я проста гэты пункт тэг ўстаноўлена з ID тэксту. Тое, што мы б рэкамендавалі налады параметраў рэгулятара для Leap Motion з ўключыць жэсты, каб быць праўдай. Так, па змаўчанні тых, жэсты, якія мы паказалі вам хлопцы, круг, і Ключ крана, а пойла, тыя, якія не паказваюцца Вы, хлопцы, па змаўчанні. Але мы настойліва рэкамендуем выкарыстоўваць тых, так што вы не вынаходзіць кола. Ўключыць тых, праўда, праходзячы тыя, Кантралёры скакаць кропка завесы і ўсё гатова да працы. Таму што тады вы проста павінны вызначаецца ананімную функцыю які адбудзецца ў кадр з Leap Motion і што рама мае ўсе Інфармацыя, якую Вы будзеце мець патрэбу. Томас Реймерс: Так проста Нагадаем, што ў вас ёсць адзін аб'ект. Вы павінны гэтую функцыю называецца высакосным кропка контуру. І вы называеце гэта з двума аргументамі. Вы называеце гэта з адной, варыянты кантролера. І ёсць шмат варыянтаў, вы можаце пакласці туды. Той, які мы збіраемся падкрэсліць, уключыце жэсты. І калі вы ўсталюеце яго роўным дакладна, то Вы можаце атрымаць доступ на гэтым жэстаў што мы паказалі вам у камеры. І тады другі аргумент функцыя, то накшталт як зваротнага выкліку які будзе выклікацца кожны Час кожны кадр скачка, Таму кожны раз, рэгістры скачок, які Ваша рука крок, ён мае на новы кадр. І гэта выклікае гэтую функцыю з адным аргумент, які з'яўляецца аб'ектам кадра. І, што аб'ект у кадры апісвае рамка Leap бачыць. ARMAGHAN BEHLUM: Цалкам дакладна. Так што гэта ўтрымлівае ўсё на карысьць біты і кавалкі інфармацыі што мы гаварылі раней. Праверка кадраў кропкавыя жэсты з'яўляецца масіў жэстаў што рух скачок прыцягнула ваша рукі робяць у апошнім кадры. Так, напрыклад, тое, што мы робім тут мы праверкі, эй, скакаць, у апошнім кадры зрабіў Вы злавіць любыя жэсты, якія я зрабіў? І калі так, то мы вырашылі зрабіць у перабору гэтых жэстаў і паспрабаваць атрымаць некаторыя карысныя Інфармацыя ад іх. Кожны жэст мае унікальны ID звязана з ім. Яны маюць тыпы. Вы можаце паглядзець на якія пальцы былі ўцягнутыя ў жэстах правяраючы гэтую pointable рэчаў. Так што, калі, калі вы ідзяце праз Leap Motion JavaScript API рэчы, калі яны згадваюць pointables, яны кажуць аб гэтых пальцаў. А затым рукі, вядома, ўвесь аб'ект рукі. Што яшчэ? Вы можаце праверыць, як доўга Рух працягвалася для і, ды, усе гэтыя карысныя рэчы. Так, што я раблю прама цяпер тут я ўвайшоў у кадр, і тады я абнавіць маю HTML для адлюстравання Усё з гэтых бітаў інфармацыі ад рамы. Так давайце праверым гэта. Дык вось яна. Вось HTML файл індэкса кропка. І як вы толькі што бачылі, калі я толькі пераехаў мая рука Leap злавіў рух круга. Такім чынам, вы можаце бачыць, што я раблю круг па тут, абнаўляе інфармацыю круга. Робячы пойла, ловіць пойла. Давайце паспрабуем ўкладку экрана. Там мы ідзем. Націсніце Экран і ключ крана. Так ключавыя краны Акрамя таго, дзякуючы дарэчы, калі вы націснеце ўніз. Такім чынам, вы можаце сабе ўявіць, Можа быць, гуляць на піяніна. А потым экран краны калі вы націснеце на экран. Такім чынам, вы можаце сабе ўявіць, можа быць, вы на самой справе маюць сэнсарны экран перад вамі і вы ўдару дотык Экран перад вамі. І тады мы зможам захапіць адзін з гэтых аб'ектаў у тут. Так што памятаеце, я сказаў, што я быў перадаючы кадр у лог кансолі. І такім чынам мы можам праверыць усе біты і кавалкі інфармацыі якія даступныя ў гэты кадр, а ў выкарыстанні. Як я ўжо сказаў раней, pointables з'яўляюцца пальцы. У той момант у нас не было нашага рукі ў пярэдняй частцы Leap Motion так яна зарэгістравала нуля, але гэта, як вы пачне даведацца, можа быць, колькі пальцы экран. І гэты тып інфармацыі. Томас Реймерс: І, успамінаючы гэта проста аб'ект. Так што ўсё можа быць даступная накшталт як структуры у C. Вы маеце аб'ект назваць кропка імя ўласцівасці. І затым на працягу, што ў вас ёсць масівы і ў вас ёсць іншыя аб'екты, але памятайце, што гэта проста аб'ект. Там няма нічога асаблівага таму што мы выкарыстоўваем скачок. ARMAGHAN BEHLUM: Так. Крута. Ці павінны мы праверыць пару прыкладаў JavaScript? Томас Реймерс: Так хутка Памятаеце, што мы сказаў, што скачок можа на самай справе працаваць на любым сайце. LeapJS толькі падаюць да кліента. І так разам, як кліент мае Leap Motion прыкладаецца яна будзе працаваць. Так Leap Motion мае сайт, дзе людзі могуць падзяліцца сваімі прыклады з рэчаў, якія яны зрабілі. Такім чынам, мы толькі збіраемся ісці праз пару з іх каб убачыць, што гэта магчыма, да дайвінг ў больш спецыфікі пра тое, як гэта магчыма. Так ARMAGHAN BEHLUM: Давайце паглядзім. Томас Реймерс: Цяпер яно павінна працаваць. ARMAGHAN BEHLUM: Так зараз перш, чым мы бачылі прыклад з дапамогай Unity, які вынес у свае рукі з даволі уражлівых графічных скінаў, але зараз вы можаце бачыць, што Вы можаце зрабіць Тое ж самае ў вэб-браўзэры. Гэта ўсё ўнутры Chrome толькі з дапамогай JavaScript. А потым іншыя прыемныя Справа ў тым, калі вы хочаце ведаць, як яны гэта зрабілі, прыклады на JavaScript Таксама варыянты кода, Вы можаце праверыць, а затым паглядзець як гэты чалавек схапіў рукі і коды і такія. Так што ўсё, што вы можаце знайсці у developer.leapmotion.com. Вы можаце пайсці і праверыць наяўнасць Прыклады, якія ў іх там. Так што так. Вось гэта, ой прабачце. Давайце паспрабуем гэта зноў. Ох. У мяне ёсць два правыя рукі. Так што так. Томас Реймерс: Так і зноў, памятаю, часам Leap псуе. Проста дайце яму другое. Гэта не ідэальна, але гэта вельмі добра. ARMAGHAN BEHLUM: Адзін Іншае рэкамендацыя таксама каб не зрабіць гэта ў прамых сонечных прамянёў. Так Дарэчы Leap Motion Працы, уласна калі я пакажу камеру гэтую а таксама, інфрачырвоны святло. Так ён пасылае тых, і затым чытае іх, калі яны вяртаюцца. Так што, калі вы спрабуеце зрабіць гэта прамыя сонечныя прамяні, Напрыклад, гэта, верагодна, не будзе працаваць, ці гэта будзе патрабаваць некаторыя каліброўкі, каб зрабіць гэта. Таксама яшчэ адна рэкамендацыя заключаецца ў ачысціць прастору за скачка і перад скачком. Думайце пра гэта як працуе ўнутры купалы, што гэта вакол гэтага аб'екта Leap Motion. Калі ёсць рэчы права за ім, а таксама, што таксама збіраецца ўмешвацца з тым, як Leap Motion спрабуе прызнаць сваю руку і што тып матэрыялу. Так, напрыклад, я думаю, у гэтым Справа гэта мой ноўтбук на самай справе гэта свайго роду робіць Leap Motion. Так, мы ідзем. Так што, калі я ачысціць мой ноўтбук ад за ім рука паказаць даволі добра. Так што так. Там вось і ўсё. Дык што ж зрабіў мы паказваем іх. Томас Реймерс: Я думаю, цяпер будзе час сартаваць апускання ў і давайце проста зрабіць дэма цалкам з нуля. Гэта будзе вельмі проста. У асноўным тое, што мы збіраемся каб паспрабаваць зрабіць, гэта зрабіць яго так што, калі вы праводзіце боку, фон збіраецца пачаць, як чырвоны, і калі вы праводзіце рукой, фон адбываецца зелянець. ОК? Вельмі проста. І гэта ў асноўным проста збіраюся прайсці праз шмат з канцэпцый Leap так што мы можам патрапіць у гэтую ідэалогію, як Leap працуе і як мы можам пабудаваць рэчы з гэтым. А потым адтуль мы будзем верагодна, проста паказаць вам, Дакументаў API і дзе вы можаце прачытаць больш аб гэтым. І тады мы будзем называць яго дзень. Так што вы хочаце, каб закадаваць або Вы хочаце, каб я код? ARMAGHAN BEHLUM: Так. Ну, я думаю, мы можам працаваць разам на гэтым і паспрабаваць Томас Реймерс: Такім чынам, мы зрабіць якую-небудзь пару кадаваньне. ARMAGHAN BEHLUM: Там мы ідзем. Гэта менавіта тое, што я хацеў, каб праверыць. Крута. Так, напрыклад, у тут, давайце паглядзім. У той час як мы ітэрацыі праз ўжо жэстаў, Томас Реймерс: Жадаеце зрабіць толькі цалкам новы файл? ARMAGHAN BEHLUM: Цалкам новы файл? Так, вядома. Томас Реймерс: Так. ARMAGHAN BEHLUM: Так давайце зробім гэта. Томас Реймерс: Такім чынам, мы збіраемся каб цалкам файл. Мы называем гэта перадаць кропка HTML. Гэта крута са мной. Так што памятаеце, вы робіце HTML тэг, затым на працягу, што ў вас ёсць галава. Гэта кіраўнік мае назву ў ёй. Так ўкладка іншым спосабам. Там вы ідзяце. Назва, мы будзем называць яго скачок Прыклад. Так. ARMAGHAN BEHLUM: Ой. Назва. Томас Реймерс: Так. ARMAGHAN BEHLUM: Там мы. Томас Реймерс: І то давайце зробім цела. ARMAGHAN BEHLUM: Пачакайце, давайце Таксама пераканайцеся, што імпартаваць. Томас Реймерс: Так, вядома. Маё дрэннае. Так заўсёды пераканайцеся, што ў вас ёсць Leap Сцэнар, так што гэта сцэнар дадзена вам па Leap Motion, якая ў асноўным дазваляе вэб-браўзэр для падлучэння да прылады на кампутары карыстальніка. І тады ў гэтым мы таксама патрэбна цела і давайце проста зрабіць цела сказаць прывітанне так што мы можам паказаць студэнтам як падключыцца да гэтай новай вэб-старонка, што яны зрабілі. ARMAGHAN BEHLUM: Вядома. Так што давайце проста пакласці another-- Томас Реймерс: Прывітанне, прывітанне свет. Так вельмі просты прыклад. На самай справе проста дэма. ARMAGHAN BEHLUM: А потым тут мы можа ісці, мы назвалі яго рука кропка HTML, ці не так? І ах! Таму мне цікава, што здарылася з гэтым прама цяпер. Давайце дадамо дазволу на чытанне перадаць кропка HTML. Томас Реймерс: Вы хочаце зрабіць гэта ў вялікай тэрмінал так што мы можам проста паказаць яго на the-- ARMAGHAN BEHLUM: Так, гэта мае сэнс. Добра. Так што я проста дадаў дазволу, але калі мы былі праверыць Дазволу перш чым мы ўбачыў бы, што на самой справе руку кропка HTML не маюць дазволу на чытанне і, такім чынам, мы не маглі зрабіць яго. Але цяпер, калі мы гэта зробім, мы бачым нашу маленькі свет прывітанне прама там. Томас Реймерс: дык давайце на самай справе, як ён пісаў, прывітанне свет, Я думаў пра шлях мы маглі б змяніць гэта. Давайце зробім гэта сказаць прывітанне свет, і затым, калі вы хваля, яна развітваецца. Дакладна? Так прывітанне, да пабачэння. ARMAGHAN BEHLUM: Вядома. Томас Реймерс: Гэта гучыць даволі добра. ARMAGHAN BEHLUM: Гэта гучыць добра для мяне. Томас Реймерс: Так што, калі мы збіраюся гэтага рабіць давайце проста думаю, праз вэб-старонку няшмат. Мы збіраемся патрэбен некаторы скрыпт якія ў асноўным рэгіструе што вы махнуў рукой і на скачок, хвалі і сурвэткі, тое ж самае. Такім чынам, мы збіраемся мець патрэбу ў сцэнар, які у асноўным рэгіструе для гэтага сурвэткі. І яшчэ адна рэч, мы будзе трэба, мы спатрэбіцца некаторы Фактычнае ўтрыманне змяніць. Такім чынам, як вы памятаеце, JQuery дазваляе змяняць змест. Такім чынам, адна рэч, якую мы маглі б уключыць ў гэты бібліятэка JQuery. І тады, каб быць у стане выбраць тое, што мы на самай справе адбываецца, каб змяніць змест, што збіраецца патрэбен ідэнтыфікатар ці клас, або што-то што мы можам выкарыстоўваць, каб вылучыць яго. Такім чынам, мы проста даць яму Хуткі ID тэксту зменаў. І тады вы хочаце, каб захапіць JQuery? ARMAGHAN BEHLUM: Так што спачатку што на нашым, каб зрабіць спіс, то цяпер? Томас Реймерс: Давайце захапіць JQuery? ARMAGHAN BEHLUM: Давайце захапіць JQuery, добра, халаднавата. У гэтым выпадку, я збіраюся прыйдзецца actually-- дзе б лепшае месца, каб зрабіць гэта? Томас Реймерс: JQuery, так што калі вы Google JQuery, націсніце JQuery, першы ARMAGHAN BEHLUM: Вельмі першы. Томас Реймерс: Ці спампаваць. Гэта нармальна. Хіт спампаваць v1 і v2 злева. Так мы апісваем JQuery ад онлайн, як вы ўжо, напэўна, зроблена. Пракруціць ўніз. Уверх, уверх. ARMAGHAN BEHLUM: О, цяпер прама тут? Томас Реймерс: Ці што. Так. Так JQuery мае размешчанага версію Гэта азначае, што вы на самай справе не трэба, каб загрузіць яго, але вы больш Сардэчна запрашаем, каб загрузіць яго і правесці яго самастойна. ARMAGHAN BEHLUM: Круто. Так што цяпер у нас ёсць JQuery. Цяпер тое, што будзе далей на нашым каб зрабіць спіс. Томас Реймерс: Awesome. Так што ў наступны, што нам трэба робім, мы на самай справе трэба каб даць р прывітанне свет ID так што мы можам змяніць гэта, ці не так? Так што давайце даюць уяўленне аб, Я не ведаю, зменіце тэкст? ARMAGHAN BEHLUM: Давайце проста зрабіць гэта такім чынам, я мяркую. Томас Реймерс: changeText, крута. А цяпер давайце проста абновіце старонку. Пераканайцеся, што ўсё працуе. Такім чынам, вернемся ў браўзэры. Крута. Заўсёды добрае напамін, што калі вы ствараеце вэб-сайт, верагодна, абнавіць кожны раз, калі вы робіце любы колькі-небудзь значных змен проста Таму што часам вам выпадкова выпусціце тэг, ці вы выпадкова выдалілі нешта, а затым што-то зламаецца невялікі, але потым, калі вы робіце вялікую змена вы, як чаму гэта вялікае змяненне здавалася б, зламаць, не звязаны рэч. Так што гэта заўсёды добра, каб разабрацца ў пайсці і зрабіць гэтыя праверкі гатоўнасці. Ва ўсякім выпадку, так што зараз давайце зробім апошні праверка спраўнасці, які давайце паспрабуем змяніць Тэкст без Leap Motion, без нічога, проста на старонцы загрузкі ён будзе змяніць прывітанне свет для да пабачэння дапамогай JQuery. Так што, калі вы памятаеце, JQuery выстаўляе Гэтая функцыя знак даляра, якія мы можам перадаць селектар CSS, каб, а менавіта хэштэгу тэкст змяненне, якое выбірае элемент з ID тэксту зменаў. А потым мы збіраемся выклікаць метад HTML на аб'екце вяртае з Аргумент струннага Бывай, якія будзе змяніць элементы HTML, каб развітацца. Высокі. Гэта здаецца даволі халаднавата. І зараз, калі мы абнаўляем Старонка што мы збіраемся, каб убачыць яна імгненна змяняецца на развітанне, ці не так? Таму што ён не чакаць нічога. Сартаваць як толькі гэтага сцэнара працуе ён змяняе яго на развітанне. Крута. Такім чынам, цяпер давайце завершым, што ў функцыі. Дакладна. Такім чынам, мы збіраемся, каб хацець зрабіць функцыю. Мы будзем называць яго на развітанне. Так функцыя Да пабачэння адбываецца не прымаць ніякіх аргументаў і гэта на самай справе не збіраецца нічога вяртаць. І гэта толькі збіраецца зрабіць гэта ў JavaScript. Выдатна. Такім чынам, наша функцыя спаткання зараз змяняе тэкст да пабачэння, ці не так? Так што гэта дае нам магчымасць у асноўным змены што тэкст спаткання калі гэта мы назвалі гэтую функцыю. Дакладна? Так што гэта вельмі выдатна. ARMAGHAN BEHLUM: Ну, мы Таксама можна проста пераканайцеся, што цяпер, паколькі мы не заклікаем Функцыя, калі мы абнавіць старонку, заўважыце, што ён не збіраецца змяніць тэкст. Томас Реймерс: Выдатна. Такім чынам, зараз мы збіраемся пачаць каб патрапіць у якія пераскокваюць рэчы што мы гаворым. Так Армі, вы хочаце, каб прыняць яго тут або? ARMAGHAN BEHLUM: Так. Вядома. Я, верагодна, спатрэбіцца Яшчэ раз праверце рэчаў, але, напрыклад, памятаеце, мы сказалі, што хацелі каб пераканацца, што ў параметрах мы ўсталёўваем ўключыць жэсты Томас Реймерс: Добры ўлоў. ARMAGHAN BEHLUM: каб быць праўдай. І тады мы рэкамендавалі што вы, хлопцы б запусціць скачок кропка контуру, які як мы ўжо казалі раней, ёсць два варыянты, аб'ект JSON, што гэта варыянты, як вы хочаце наладзіць Leap Motion, каб праца, а затым функцыю, якая збіраецца злавіць кадр як зваротны выклік функцыі, як Томас казаў. А потым рэдагаваць тое, што вы хочаце рабіць з гэтай функцыяй. Так мы пераходзім у варыянт, і зараз мы вызначаем функцыя, якая адбудзецца ў кадры. І зараз мы павінны вызначыць што гэта функцыя. Гэта таксама дзеля Будучыня, зрабіце гэта, каб пераканацца. Томас Реймерс: Выдатна. Так што цяпер у нас ёсць гэта скачок функцыя кропка завесы выклік, на які ў асноўным кажа глядзець Leap з гэтымі варыянтамі, і кожны раз што нешта мяняецца, назваць гэта Функцыя кадра з усімі дадзенымі што вы ведаеце пра ў кадры. Гучыць даволі добра. Так што цяпер хутка санітарнай праверкі, які я заўсёды рэкамендую, заключаецца ў тым, проста пакласці Кансоль кропка часопіса кадра. І тады ў Chrome адкрыць яго і глядзець на кансолі і пагуляць з Leap, каб убачыць кадры пасля ўваходу, таму што гэта атрымаць вам ўяўленне аб тым, што дадзеныя, якія вы маеце доступ. І, як заўсёды, калі вы заблыталіся, шукаць спасылку API. І мы будзем ўключаць спасылку Для гэтага ў канцы гэтага. ARMAGHAN BEHLUM: Такім чынам, мы абновіце старонку, а затым мы ідзем і адкрыйце кансоль зноў. А зараз мы бачым, што мы маючы кадраў аргументамі, гэтыя маленькія аб'екты, якія мы бачылі раней. Так што так. Гэта нашы кадры з'яўляецца ў кансолі. Крута. Так што цяпер мы схапілі кадры, як вы, магчыма, памятаеце раней ад, напрыклад, што ў нас было, калі мы правяраем кадраў кропкавыя жэсты мы атрымліваем спіс жэстаў, якія рамка зусім нядаўна злавілі. Мы можам праверыць даўжыню гэтага масіва каб убачыць, калі Leap злавілі якіх-небудзь жэстаў. Так што, калі масіў больш за нуль, то мы ведаю, што ў нас ёсць некаторыя рэчы, каб зрабіць. Такім чынам, давайце абгарнуць, што ў якасці ўмоўнага аператара і цяпер тут, што мы ведаем, гэта мы бачылі жэст, давайце дзейнічаць па ім. Так што цяпер мы тут, мы ёсць жэст, каб праверыць. Томас Реймерс: Ну, па-першае Справа ў тым, што гэта не проста адзін жэст, гэта можа быць як шмат жэстаў. ARMAGHAN BEHLUM: Цалкам дакладна. Томас Реймерс: Так у класічны C стыль тут мы, напэўна, хочаце выкарыстоўваць для завесы. ARMAGHAN BEHLUM: Тут мы тады. Мы вырашылі ітэрацыі праз жэсты. І давайце паглядзім. я плюс, плюс. І зараз, калі мы, магчыма, зрабіў проста Var жэст роўна рамка кропкавыя жэсты Кранштэйн я, цяпер у нас ёсць Сам жэст, які з'яўляецца толькі адным адзін асобнік аб'екта жэсту для нас працаваць з Унутры гэтага для завесы. Добра. Томас Реймерс: здаровае Давайце праверце тут зноў і не толькі на кансолі кропка увайсці жэст, каб убачыць, што мы атрымліваем. ARMAGHAN BEHLUM: Кансоль кропка часопіса жэст. Акі Докі. І абнавіць яшчэ раз. Томас Реймерс: А давайце паспрабуйце зрабіць жэст. Вы ўбачыце, што ў звязку з, калі ён моцна ўдарае, Вы атрымліваеце кучу жэстаў у кансоль і, калі ён спрабуе зрабіць круг, гэта просто-- ARMAGHAN BEHLUM: Кругі проста вельмі прыемна. Томас Реймерс: Зараз ёсць дзіўная рэч тут, які ён робіць адзін круг, але гэта ўваход 80 жэстаў, ці не так? Гэта шмат жэстаў. Так сартаваць рэчы, каб рэалізаваць, і гэта можа ўвесці ў зман, з'яўляецца тое, што жэст гэта не проста фіксуецца адзін раз. На кожным кадры, справа, так што калі я раблю круг Leap выявіць гэта гэта змена, ад гэтага гэта змена, ад гэта змяненне. І гэта будзе ўвайсці кожны з іх. Але ў кожным з іх, гэта скажа, о, ёсць жэст у цяперашні час. Такім чынам, дазвольце мне проста сказаць, эй, ёсць жэст, і гэта ў цяперашні час. Так што мы не хочам, каб зрабіць, гэта сказаць, ну, на кожнага з з тых жэстаў вы Каб змяніць тэкст. Тое, што мы хочам зрабіць, гэта калі што жэст спыняецца, і мы можам праверыць, што то мы хочам, каб змяніць тэкст. ARMAGHAN BEHLUM: Mhmm. Так як Томас з'яўляецца тлумачачы гэтыя жэсты Можа здацца, праз некалькі рамы, але, напрыклад, калі ў нас былі што кола, мы бачым, што ідэнтыфікатар гэтага адзін адзін круг, які мы магчыма, спрабуе завяршыць быў той жа ідэнтыфікатар ва ўсім. І на самай справе, вы таксама можаце праверыць свой статус. абнаўляецца. І то гэта, верагодна, Апошні круг, што, ну, добра, добра. Так што часам ён паказвае вам Статус прыпынку жэст і гэта таксама паказвае статус пачаць новую жэст калі яна прызнае напэўна, што Вы пачалі новы жэст. Напрыклад, у гэтым выпадку. Томас Реймерс: Круто. ARMAGHAN BEHLUM: Так што так. І потым, давайце паглядзім. Вы таксама можаце заўважыць, хоць мы рабілі круг і жэст мае поле з назвай тыпу які кажа нам, якія жэсту, што ёсць. Так што можа быць карысным для нас вы паспрабуйце, і рабіць тое, што мы робім. Томас Реймерс: Так пераход назад у JS, Першае, што прыходзіць у галаву, Акрамя таго, толькі прачытаўшы гэты код ёсць невялікая аптымізацыя, што мы на самай справе гэта не трэба, калі стан, ці не так? Таму што, калі кадр кропкавыя жэсты кропка даўжыня роўная нуля, што для завесы-х не збіраецца балатавацца ў любым выпадку. Такім чынам, мы можам таксама проста пайсці наперад і пазбавіцца ад гэтага. Зноў жа, у той час як вы пішаце код важна, каб вярнуцца і роду з рэарганізаваць, як вы разумееце, што вы маглі б зрабіць што-то лепш, або, што ёсць іншы спосаб зрабіць гэта. Такім чынам, зараз мы проста будзем ачысціць гэта хутка і таксама ачысціць код. Гэта вялікая справа. ARMAGHAN BEHLUM: Добра стыль вельмі шануецца. Томас Реймерс: Вы можаце заўсёды кажу, калі хто-то мае код дзе раней было, калі стан і затым яны знялі яго, але яны не раскоментировать. Гэта вельмі відавочна і гэта накшталт выглядае непрыгожа. ARMAGHAN BEHLUM: Так што гэта Далей у нашым каб зрабіць спіс? Томас Реймерс: Так што цяпер, як мы казалі, Я думаю, першае, што мы хочам зрабіць гэта пераканацца, што гэты жэст гадоў на самай справе сурвэткі, ці не так? ARMAGHAN BEHLUM: Так. Томас Реймерс: Такім чынам, калі мы гаворым, што наш да пабачэння накшталт як сурвэткі, мы пойдзем з яго сурвэткі, Першае, што трэба сказаць, эй, у жэст увядзіце сурвэткі, ці не так? Ня акружнасць або зверху, але гэта сурвэткі? Так, як мы можам зрабіць гэта што мы можам сказаць, жэст Тып кропка роўная роўная сурвэткі ў выглядзе радка. ARMAGHAN BEHLUM: [неразборліва] жэст Тып кропка роўная роўная сурвэткі. Там мы. Томас Реймерс: І то апошні пытанне мы хочам, каб гэта жэст кропка стан роўна роўна прыпынак, ці не так? Дык вось, калі жэст быў спынены. Я на самой справе думаю, што для сурвэткі, я ведаю, што гэта з верхняй частцы маёй галавы, але вы можаце на шукаць яго, калі вы правядзіце кожны раз, калі рэгіструе яго да таго часу, як вы перастанеце не пачалося з жэст. І тады апошні гадоў проста прыпынак жэст. Так што будзе толькі адна прыпынак жэст, які выдатна падыходзіць для нас. Такім чынам, што мы можам зрабіць, гэта сказаць, калі жэст кропка увядзіце роўны роўнага сурвэткі і жэст кропку Статус роўная роўна спыніць, то давайце здаровы сэнс праверце тут кансоль кропка жэст часопіса. Такім чынам, мы вернемся сюды. Мы абновіце старонку. А цяпер толькі час нешта павінна быць кансоль кропка ўвайшлі, калі мы правядзіце. І мы стараемся, каб моцна ўдарыць, і мы нічога не бачу. Дакладна? Так што гэта на самай справе вялікая праблема. Мы не бачым, што мы чакалі. І адладка можа быць вялікай часткай гэтага. Таму першае, што мы збіраемся сказаць, гэта добра, давайце суцешыць кропку увайсці, калі жэст кропка увядзіце роўны роўнага сурвэткі. ARMAGHAN BEHLUM: Так, давайце зробім гэта. Томас Реймерс: Так што мы збіраюся вярнуцца да гэтага. Мы абнавіць. Мы правядзіце. І мы збіраемся, каб убачыць кучу з іх. ОК. Такім чынам, ясна праблема была з нашым статусам жэст кропкі. Так, калі адкрыць адну з іх мы будзем шукаць у аб'ектах, і мы ўбачым, ну, гэта прыпынак, але, ох, гэта называецца дзяржава, а не статус. Так што, калі мы вяртаемся ў наш код, мы можам сказаць, Калі тып жэст кропка роўная роўная сурвэткі і дзяржава жэст кропка роўная роўна прыпынак, тады мы будзем суцяшаць кропка зарэгістраваць яе. І так абнавіць. Мы правядзіце. І мы ўбачым, што на кожны сурвэткі, мы толькі атрымаць адзін, які з'яўляецца канец, які з'яўляецца вялікім, ці не так? Вось што мы хочам. ARMAGHAN BEHLUM: Так. І мы можам таксама заўважыць, што ідэнтыфікатары для Кожны з гэтых жэстаў асобна. Так як Томас казаў, таму што мы лавіць гэтую адзін прыпынак стан, існуе ў канцы сурвэткі, мы атрымліваць індывідуальныя асобныя жэсты ад Leap Motion. Выдатна. Томас Реймерс: Давайце ісці наперад і проста зрабіць канчатковы рэч, якая, ARMAGHAN BEHLUM: Да пабачэння. Томас Реймерс: Awesome. А цяпер давайце паглядзім на наш сайт. Адзін ARMAGHAN BEHLUM секунда. Мы не, так, мы ж называем гэта спаткання. Выдатна. Томас Реймерс: Не, да пабачэння з'яўляецца рэчавыя функцыя. ARMAGHAN BEHLUM: Так. Давайце зробім гэта. Томас Реймерс: І калі мы развітацца, ён кажа да пабачэння. ARMAGHAN BEHLUM: У нас ёсць перамога. Томас Реймерс: Так даволі цікавыя рэчы. Спадзяюся, вы зможаце пабудаваць што-то яшчэ, але вы атрымаеце ідэю, ці не так? Вы можаце выявіць жэсты. Вы можаце выклікаць функцыі. І ад таго, што на самой справе дае вам некаторыя вельмі асноўныя будаўнічыя блокі сказаць, ну, можа быць, калі яны пальцам уверх, таму што вы таксама можаце выявіць рэчы як кірунак. Я хачу, каб нешта зрабіць. Ці калі яны правядзіце ў парадку, я хочам, каб яны нешта зрабіць. І мы можам пачаць, каб атрымаць творчы з тым, як менавіта мы збіраемся палепшыць наш вэб-сайт з дапамогай гэтых жэсту або круг жэсты, або націсніце жэсты, альбо ключ краны або дотыку экрана. І тады акрамя таго, што вы больш, чым можаце гуляць з фактычнымі дадзенымі, але калі вы хочаце зрабіць што мы хацелі б прапанаваць вам перайсці на дакументы таму што яны на самой справе вельмі добра. Так накіраваліся ў дакументацыі цяпер. Ці вы хочаце, каб пагаварыць пра гэта? ARMAGHAN BEHLUM: Так. Давайце зробім гэта. Таксама адзін прынадны кавалак парады, стараюся і думаю, гэта ў 3D. Таму на самай справе давайце падцягнуць гэтыя жэсты яшчэ раз жэст часопіса кансолі кропка і мы робім гэта. Прыходзьце назад і цяпер давайце паспрабуем пара з іх, пара з іх. Калі мы ідзем у і праверыць гэтыя жэсты, а як вы можаце бачыць, што яны памернасць ў трох кірунках, на самай справе. Так што не проста абмежаваць сабе экрана 2D- хоць вы, магчыма, быць на сайце 2D. Вы можаце паспрабаваць і думаю, як карыстальнік можа ўзаемадзейнічаць з сайтам ў 3D. Томас Реймерс: у 3D-прасторы. ARMAGHAN BEHLUM: Цалкам дакладна. І так. Такім чынам, вы атрымліваеце напрамкі, хуткасці, усе гэтыя стромкія біты інфармацыі. Томас Реймерс: І калі вы не знаёмыя з тым, ён ідзе X, Y, а затым г гэта апошняе вымярэнне. Проста тое, што вы, верагодна, знаёмыя з тым, калі вы мелі справу з 3D да каардынатных плоскасцей. Калі ў вас няма, гэта ж, як 2D ніхто, акрамя там трэцяе вымярэнне. Мы называем гэта г. І ўсё, накшталт як кірунак, якое з'яўляецца, дзе яна збіраецца, position-- Я думаю, што гэта можа нават выставіць паскарэнне, я не ўпэўнены. ARMAGHAN BEHLUM: Так, я лічу. Гэта, безумоўна, мае хуткасць. На самай справе я не на 100% упэўнены паскарэння. Томас Реймерс: Гэта можа быць варыянт Вы можаце перайсці да чаго-то. Так становішча і хуткасць падвяргаюцца у гэтыя роду тром каардынатах. Так х, у, г або дэльта х, дэльта Y, дэльта Z. Так што цяпер на чале з дакументацыяй гэта developer.leapmotion.com а затым вы можаце па спасылцы: Дакументацыя. Зноў жа, Leap Motion мае ўсе гэта выдатныя API, адзін для JavaScript, адзін для да-дыез і адзінства, па адным для C ++, адзін для Java, адзін для Python, і адзін для Objective C. Я асабіста будзе штурхаць вас да JavaScript або калі вы хочаце даведацца, Новая мова, паспрабуйце Python. Абодва гэтых мовах я працаваў з да, і яны вельмі лёгка даведацца і вы ўжо ведаеце, наяўнасць якіх робіць яго сапраўды добра супернікам. Адно слова засцярогі пры ўводзе дакументы. Пераканайцеся, што вы знаходзіцеся на Docs v2.0. Таму што, калі вы знаходзіцеся на Версія першая, яна не будзе працаваць. Акрамя таго, для прыкладу галерэі. Мы правялі добрыя 30 хвілін спрабуючы адладку наш Leap перш чым мы зразумелі, што V1 не працуе з V2. Так што пераканайцеся, што вы знаходзіцеся на другой версіі. І тады я дам яму паказаць сваё дакументацыю. ARMAGHAN BEHLUM: Так. Дык вось агляд API, а затым некаторыя біты і кавалкі інфармацыі што мы вам ужо сказаў. Міленькая плавае Рукі вышэй скачок руху. І напамін думаю, аб прасторы ў 3D. Адным з першых аб'ектаў, каб думаць аб з Leap Motion з'яўляюцца рукі, вядома. Мы бачылі тыя, якія прызнаныя візуалізатар. І тады вы, магчыма, прыйдзецца Відаць, што яна прызнала частка запясці і рука, звязаныя з ім. Томас Реймерс: Калі вы хочаце каб падцягнуць камеры. ARMAGHAN BEHLUM: Так, давайце рабіць гэта зноў. Томас Реймерс: Вы можаце бачыць, заўсёды проста добрае напамін роду см, Visualizer спрабуе паказаць усе дадзеныя, якія бачыць скачок. Такім чынам, вы ўбачыце, што ў нас ёсць гэтыя роду з чатырох кропак за запясце, а затым і фактычнага запясце. І ў вас таксама ёсць гэты мяч на далоні. Усе гэтыя кропкі прызнаюць прызнаны скачку. ARMAGHAN BEHLUM: Цалкам дакладна. І так з гэтым аб'ектам боку кожны кадр мае мноства рук а таксама, дзе вы таксама можаце атрымаць Левая і правая рукі. Вы можаце атрымаць, які Кірунак у рукі абліцоўванне нармальна Кірунак далоні, або, як яны называюць яго далонь нармальна. Што яшчэ ў нас ёсць? Мы таксама, Oops. Давайце паспрабуем і пракруціць ўніз гэты шлях. Рукі, пальцы прадстаўлена пальца Клас, які з'яўляецца аб'ектам pointable. Так як мы казалі, мы ўбачылі, што Масіў pointables для кожнай рукі. Гэта крыху пальцы, каб думаць. Так што гэта добры агляд, каб пайсці праз, каб паспрабаваць зразумець. Томас Реймерс: [неразборліва] рука анатомія там. ARMAGHAN BEHLUM: Так, менавіта так. Так што так. Там вельмі шмат зыходных дадзеных, якія Leap Motion займае ў інтэрпрэтуе добра для вас, так што гэта выдатна Ідэя прайсці тут і паспрабаваць высветліць, як скачок ўжо зразумеў рэчы для вас і так, што інфармацыя, якую вы ёсць у наяўнасці адтуль. А потым адтуль я б парэкамендаваў Увайшоўшы ў гэтую левай часткі тут, якая ідзе, а на самай справе няма, тыя на самай справе проста больш API рэчы about-- Томас Реймерс: спасылкі API на Дно, як правіла, добрае месца, каб пайсці. Вы, хлопцы, напэўна, бачылі гэта, калі мы зрабілі Google Maps PSET. Але спасылка на самай справе проста праходзіць праз усе функцый і параметраў даступная ў аб'екце для вас. ARMAGHAN BEHLUM: Так. Напрыклад, гэта тое, што Я шукаў раней. Калі ў нас ёсць боку, мы можа пайсці і высветліць, як Leap рэкамендуе нам, каб знайсці руку. Як я ўжо сказаў раней, у нас ёсць масіў рукі. Высветліце, ці ёсць у нас за рукі і затым паспрабаваць захапіць адной рукой ўзаемадзейнічаць з такім чынам. Дык вось тое, што мы Рэкамендуем для вас, хлопцы. Жэсты і іншае, а таксама. Гэтая дакументацыя API будзе быць фантастычны інструмент для вас, хлопцы. Ці ёсць у вас якія-небудзь іншыя рэкамендацыі? Томас Реймерс: я не раблю. Я думаю, што гэта добра для цяпер. ARMAGHAN BEHLUM: Так, Я думаю, тое ж самае. Не саромейцеся, пішыце нам і атрымаеце у кантакце аб Leap Motion Калі ў вас узніклі, можа быць, нейкія пытанні, ці патрэбныя якія-небудзь рэкамендацыі. І мы можам паспрабаваць высветліць рэчы з вамі, хлопцы, а таксама. Дзякуй. Томас Реймерс: Выдатна.