TOMAS Reimers: Cool. Така Здравейте, всички. Моето име е Томас. Аз съм TF и ​​това е ARMAGHAN BEHLUM: Арми. Радвам се да ви видя, момчета. TOMAS Reimers: Cool. Така че ние ще се говори за Leap Motion днес. Така че Leap Motion е наистина страхотен продукт, който ви позволява да си взаимодействат с компютър по различен начин. Така че цялата идея зад Предложение скок е, че може да използвате ръцете си, за да взаимодействат с компютъра. Така че тук имам нещо създаден. Ще говорим за това след малко. Но основната версия ви е да се види, че имам моите ръце пред от моя компютър и когато ги движат, можете да получите на аналога на компютъра и можете да анализирате това. Можете да направите жестове. Можете да използвате ръцете си, за да взаимодействат с компютъра в нов и интересен начин. 

Ами, аз всъщност първата Искам да премине на разстояние до Арми да ви покажа някои готини демонстрации на това, което някои хора са направили с това. И тогава ние ще говорим за това как всъщност кодира с това. ARMAGHAN BEHLUM: Да. Здравейте. Така че, както видяхме, малко данни тук, но нека да видим това, което някои хора са направили с това. Така че нека просто да се отвори този пример. И след това, така че, например, можете да видите ръката ми аналогов там, но сега това време някои хора, използващи Unity имат взе решение да отдели малко повече кожа и неща около ръката. Така че мога да, да вървим с това, Разбира се, има ръцете ми взаимодействащи. И най-вероятно мога да си представя Няколко други готини полезни неща които можете да правите с тази. Така че това е най-малко един пример. И тогава нека да скочи от това. 

И после още една готина една е, нека да отидем с този. Plasmo топка. Отново, ние няма непременно очаква това ниво на сложност от крайния проект за CS50. Това е само за да ви покажа Някои от, да ви даде момчета малко вдъхновение за това, което вие може да правите с Leap Motion. Така например тук е един много готин Например по физика, която ни очаква. Има както на ръцете ми, така че сега вие има това малко плазма топка. И топката реагира на физиката на мен движи ръката си около топката. Сега всичко това е все пак с помощта Unity, използване вид инструменти и рамки че не сме научени момчета в класа, но както можете да видите някои доста хладно тичам технологична среда с това. 

Но едно нещо, което вие може да направите потегляне точно сега с Leap Motion е работа на JavaScript. Leap Motion има JavaScript API, че вие може да използвате и ние силно, силно Препоръчваме ви момчета градят Вашите проекти, използващи това. Така че с това, нека тя преминава обратно на разстояние до Tomas да се говори за скок Предложение и JavaScript. TOMAS Reimers: Cool. Или искате да покажете ги на изобразяване на първо място? 

ARMAGHAN BEHLUM: О, да. Да. Нека поговорим повече за това Visualizer. 

TOMAS Reimers: Така че по-основно ниво, когато за първи път стигна до Leap Motion започваш да получите този прозорец. Ето, искаш да поеме контрола? 

ARMAGHAN BEHLUM: Да, отивам за него. 

TOMAS Reimers: Така че, когато Първият стигнем до Leap Motion започваш да получите този прозорец. Той разполага с устройство, което изглежда по следния начин. Можете да го включите във вашия компютър, инсталиране на необходимите драйвери, и след това по същество ще бъде създадена. Така че най-лесният начин да се справи на сделка с Leap Motion се отвори тази програма го инсталира наречен Leap Motion Visualizer. И Visualizer е буквално това, което аз съм показва тук. Тя ви позволява да видите скелетната очертаване на ръцете си. И това, което на Leap Motion е тълкуването им като. Така на Leap Motion използва камерата да се справи с поглед към ръцете си и след това се опитва да отгатне какво, Основният скелетната състав, който виждате на екрана е. И това е, което го показва. ARMAGHAN BEHLUM: Всеки единична малко точка и нещо, което виждате съществува данни, която е достъпна за вас, момчета както и да се използва. Така че виждате, че това е улавяне, че Tomas има пет пръста, всеки от тези различни пръсти също са на разположение за Вас като данни точки, за да използват по какъвто и прилагане че може да искате. Ако искате да видите дали някой прави жест можете да видите, ако пръстите си са намачкани и дали те са палец пръст сочи нагоре, или когато тяхната китката или дланта е и този тип неща. TOMAS Reimers: Cool. Така че можете да видите някои жестове го разбира по-добре от други. Не забравяйте, че тя гледа към вашия от ръката на камерата от дъното, Така че, когато имате ръцете си като това тя ги разбира напълно, но след като започнете да се опита да направи Жест, понякога тя се чете, Понякога това може да се досетите, но честно казано камерата просто не мога да видя на палеца. Така че това не е наистина сигурен какво се случва. Просто някои ограничения, които да имате предвид, когато започвате с това. 

Както и да е, така да се върне към това. The Visualizer реално има много полезни инструменти. Така на Leap Motion е програмирани по такъв начин, че не очаквате да взаимодействат с това, че данните с изображенията. Те наистина не Очакваме да разберем какво се случва зад кулисите. Какво те правят, е да изложи куп APIs за вас така че можете да взаимодействат с тая информация директно без разбиране какво се случва под капака. 

Така че, ако ние удари H тук в Visualizer ще видите много опции. Важното един тук макар е, ако ви удари O и след това удари H, ще видите, че тя позволява да се направи жестове. Така че един жест, ще видите тя привлича стрела цяла. Жест е един от начините, по които Leap Предложение вид ви дава възможност да получите на данните без да го обработва. Така че, вместо да ми се налага да разбера вън, о, ръката се движи, дори и да имате точка за достъп, за API ще някак просто ми кажете, Хей, те направиха този жест. Така че можете да направите основни стрелки жестове. Можете да направите кръг жестове. Можете да направите подслушване жестове. И вие можете да направите основните жестове прес. Да. И такива неща. Така че сега, че сме нещо като види какво може да направи Leap Motion, можете да видите, че може да чете по- куп жестове. Мисля, че аз отивам да тя преминава обратно към Арми и той ще ходи да се говори за това как можете да получите в тези с JavaScript, как можете дори да започнат проект с това. И тогава ние ще говорим за някои готини места можете да отидете с това. ARMAGHAN BEHLUM: Да. Звучи добре. Така че, да, първото нещо, което ние Ще искате ли да направите разбира се, е след като получите Leap Motion е да отидете на leapmotion.com, създаден, инсталиране драйверите и такива неща. След това, че можете да отидете уверете се, че той е свързан. Ако видите във вашата малка тава за Leap Motion икона и това е зелена, тогава знаете, че сте всичко е готово. И разбира се провери какво точно Tomas просто ти показа с жестове и прави крановете на екрана и ключови кранове, и този тип неща. 

След това обаче ние, отново, както казах, ние имаме достъп до всички от тях неща в JavaScript, както добре. Идеалът създаден, че ние ще ви препоръчаме момчета е да отидете във вашия vhost указател, локален хост, публична в CS50 уред. И когато отидеш там каквото ще виж е индекс точка HTML файл. Сега, след като индексът дот HTML файл или индекс дот PHP файл, което е по- глоба, какво можете да направите, след това е да отидете на основната операционна система. И ако отидете на IP адреса която е вписана в долния десен ъгъл ъгъл на вашия уред, точно тук, Както можете да видите, след това, което се случва е да отидете на страницата, която е посочен от този индекс точка HTML файл. Така че всички код, който може да се постави в там се предават и е използваема тук. 

TOMAS Reimers: Така че това е също важно само за справка че, ако вие действително знаят как да настроите сървъра себе си, или искате да сложите тази на световния уеб, вие сте добре дошли да правят каквото. Не забравяйте, че това са само джава файлове и всички обработки Leap се извършва на клиента. Така че няма значение когато си живот сървър доколкото компютъра който преглеждате уеб сайта на е инсталиран Leap Motion. ARMAGHAN BEHLUM: Абсолютно. Както Томас каза, да, каквото и работи за вас, момчета. Това е само един от нашите препоръки. Сега, за да започнете да използвате Leap Предложение какво бихте направили се бихте за внос на JavaScript файл от Leap Motion. И след това от там какво можете да направите, е да, точно сега Аз просто имам този параграф етикет, създаден с ID на текст. Нещата, които ние бихме препоръчали настройвате опциите контролер за Leap Motion с даде възможност на жестове за да е истина. Така че по подразбиране тези, жестове, които ви показахме момчета, кръгът, и ключова чешмата, и слаба бира, тези, които не са показани на вие по подразбиране. Но ние силно препоръчваме да използвате тези, така че не сте преоткрива колелото. Активиране на тези, да вярно, минаваща тези, опции на контролера за да скачат точкова линия и всичко, което е настроено да отида. Защото тогава просто трябва определил анонимен функция че ще предприеме в кадър от Leap Motion и тази рамка има всички информация, че започваш да се наложи. 

TOMAS Reimers: Така че просто да рекапитулация, имате един обект. Имате тази функция наречен скок точка контур. И ще го наречете с два аргумента. Можете да го наричаме с една, опции на контролера. И има много опции, които можете да сложите там. Този, ние ще подчертая се даде възможност на жестове. И ако го настроите равна на истина, тогава можете да получите достъп до този жестове които ви показахме в Visualizer. 

И тогава вторият аргумент е функция, тя е нещо като обратно повикване която ще се нарича всеки време всеки кадър на Leap, така че всеки път високосните регистри, които ръката си ход, той има нова конструкция. И го нарича тази функция с един аргумент, който е обект конструкция. И тази рамка обект описва рамката като Leap го вижда. ARMAGHAN BEHLUM: Точно така. Така че това съдържа всички полезни бита и парчета от информация че ние говорим за по-рано. Проверка на кадрите дот жестове е набор от жестове че движението на скок хванат си Ръцете правят в последния кадър. Така например, това, което сме правиш тук е Проверяваме, Хей, Leap, в които последният кадър направих те хвана някакви жестове, че го направих? И ако е така какво решим да правим се превъртите през тези жестове и да се опитаме и да получите някои полезни информация от тях. Всеки жест има уникален ID свързани с нея. Те имат видове. Посетете които пръсти са участвали в жестовете чрез проверка на това pointable неща. Така че, ако, когато проверете Leap Motion JavaScript API неща, когато те споменават pointables, те не говорим за тези пръсти. И след това ръцете са, разбира се, цялата страна обекта. 

Какво друго? Можете да проверите колко време движението продължи за и, да, всички тези полезни неща. Така че това, което правя в момента тук е I влезли рамката, и след това да актуализирам моята HTML, за да изведете всички тези битове информация от рамката. Така че нека да се провери, че навън. 

Така че ето го. Тук е форум дот HTML файл. И както ти що видях, когато аз просто се премества ръката ми Leap хванат предложение кръг. Така че можете да видите ме прави кръг над Оттук актуализира с информация кръг. Правене на слаба бира, хваща слаба бира. Нека се опитаме раздела екран. Ето. Докоснете екрана и ключов чешмата. Така ключови кранове също така, със начин, са, когато ви удари надолу. Така че можете да си представите може би играят пиано. 

И след това на екрана кранове са когато удар на екрана. Така че можете да си представите може би всъщност има едно докосване на екрана пред себе си и можете да започнете да удря на допир екран пред вас. И тогава можем да вземем един на тези обекти в тук. Така че не забравяйте, аз казах, че съм преминаване в рамката конзола дневник. И за да можем да проверим всички бита и парчета от информация които са на разположение в тази рамка, както и да се използва. 

Както казах по-рано, pointables са пръстите на ръцете. В този момент ние не разполагаме със ръце пред Leap Motion така го регистрира нула, но това е начина, по който ще започне да се разбере може би Колко пръста са на екрана. И този вид информация. TOMAS Reimers: и помня това е само един обект. Така че всичко, което може да бъде достъпен нещо като структура в C. Имате обекта Име точка името на имот. И след това в рамките на които имате масиви и имате други предмети, но не забравяйте, че това е просто един обект. Няма нищо по-специално защото ние използваме Leap. ARMAGHAN BEHLUM: Да. Cool. Трябва ли да се провери няколко примери JavaScript? 

TOMAS Reimers: Така бързо се помни, че ние каза, че Leap може действително тече от всеки уеб сайт. LeapJS е просто служи на клиент. И така заедно като клиентът има Leap Motion приложен той ще работи. Така че Leap Motion има уебсайт, където хората могат да споделят своите примери на неща, които сте направили. Така че ние просто ще отидем през няколко от тях да видим какво е възможно, преди да гмуркане в повече подробности за това как това е възможно. Така ARMAGHAN BEHLUM: Нека да видим. TOMAS Reimers: Сега трябва да се работи. ARMAGHAN BEHLUM: Така че сега преди видяхме пример използване на Unity, че постановеното нашите ръце с доста впечатляващи графични кожи, но сега можете да видите можете да направите едно и също нещо вътре в уеб браузър. Това е всичко вътре Chrome само с помощта на JavaScript. И тогава Други хубаво нещо е, ако искате да се знае как са направили това, примерите на JavaScript също да предлага и код, който можете да проверите и после виж как този човек се измъкна ръцете и кодекси и такива. 

Така че това е всичко, което може да се намери най developer.leapmotion.com. Можете да отидете и да проверите JavaScript примери, които те имат там. Така че, да. Това са тези, Опа съжалявам. Нека се опитаме това отново. Oh. Аз имам две десни ръце. Така че, да. 

TOMAS Reimers: Така и отново, не забравяйте, понякога Leap бъркотии. Просто го даде втори. Това не е перфектен, но това е доста добра. ARMAGHAN BEHLUM: One друга препоръка също е да не го направя на пряка слънчева светлина. Така че начинът Leap Motion произведения е, всъщност ако покаже камерата тази както и, инфрачервена светлина. Така той изпраща тези навън и след това ги чете, когато те се върнат. Така че, ако се опитвате да направи го на пряка слънчева светлина, Например, това е може би не ходи на работа, или това ще изисква Някои калибровъчни да го направят. 

Също Друга препоръка е да се изчисти пространството зад скок и в предната част на Leap. Мислете за това като работи вътрешността на купола, който е около този обект Leap Motion. Ако има неща полето зад него, както и, Това също ще се намесва с начина, по който Leap Motion Опитва да признае ръката си и този тип неща. 

Така, например, мисля, че в този При това е моя лаптоп всъщност това е вид на вземане на Leap Motion. Да, там отиваме. Така че, ако изчистите моя лаптоп от зад него ръката се появи доста добре. Така че, да. Има, че. И така, какво друго е да ги покажа. TOMAS Reimers: Мисля, че Сега ще бъде времето някак да се потопите в и нека просто направи демо напълно от нулата. Това ще бъде много проста. По принцип това, което ще да се опитаме да направим, е да го направи така че когато прокарате ръката си, на фон ще започват като червено, и когато прокарате ръката си, на фон ще светне зелено. OK? Really Simple. И това е основно само ще мине през много на понятията, които стоят зад Leap, за да можем получите в тази идеология на това как работи Leap и как можем да изградим неща с това. И след това от там ние ще вероятно просто да ви покажа докторите API и къде да прочетете повече за това. И тогава ние ще го наричаме ден. Така че искаш да код или Искаш ли ме за код? ARMAGHAN BEHLUM: Да. Е, предполагам, ние можем да работим заедно по този въпрос и се опитайте 

TOMAS Reimers: Така че ние ще направят някои кодиране чифт. ARMAGHAN BEHLUM: Ето. Това е точно това, което съм Исках да проверя. Cool. Така например в тук, нека да видим. Докато ние се итерации чрез вече жестовете, TOMAS Reimers: Искате ли да направите Просто един напълно нов файл? ARMAGHAN BEHLUM: Изцяло нов файл? Да, разбира се. 

TOMAS Reimers: Да. 

ARMAGHAN BEHLUM: Така че нека да го направя. 

TOMAS Reimers: Така че отиваме да се направи изцяло подаде. Ние ще се обадя да го предаде точка HTML. Това е готино с мен. Така че не забравяйте да правите с HTML тагове, След това в рамките на които имате главата. Това глава има заглавие в нея. Раздела за друг начин, затова. Ето. Title, ние ще го наричаме Leap пример. Да. 

ARMAGHAN BEHLUM: Ами сега. Title. 

TOMAS Reimers: Да. 

ARMAGHAN BEHLUM: Има сме. 

TOMAS Reimers: А тогава нека да направи тялото. 

ARMAGHAN BEHLUM: Чакай, нека Също така се уверете, че да се внасят. TOMAS Reimers: О, разбира се. Моя грешка. Така че винаги се уверете, че имате скок скрипт, така че е по сценарий дадени за вас от Leap Motion, която в общи линии позволява на уеб браузъра, за да се свържете Към устройството на компютъра на потребителя. И тогава в това ние също Нуждаем се от тяло и нека просто направи тялото кажа здрасти така че можем да се покаже на учениците как да се свържете с този нов уеб страница, която те направиха. ARMAGHAN BEHLUM: Разбира се. Така че нека просто сложи another-- 

TOMAS Reimers: Hi, здравей свят. Така че един много основен пример. Наистина само демо. 

ARMAGHAN BEHLUM: И тогава тук ние да отидете, ние го нарича ръка дот HTML, нали? И, о! Така че аз се чудя какво не е наред с това точно сега. Нека добавим права за четене на ръка дот HTML. TOMAS Reimers: Искате ли да го направя в големия терминал така че ние можем просто да го покаже на the-- 

ARMAGHAN BEHLUM: Да, това има смисъл. Добре. Така че аз просто добавя разрешения, но ако ние са да се провери на разрешения, преди да сме щеше да види, че всъщност ръка дот HTML не е имал права за четене и поради това ние не може да го направи. Но сега, ако направим това, което виждаме в нашия малък свят здравей точно там. 

TOMAS Reimers: Така е нека действително, както пишеше, Здравей, свят, Сетих се за един начин бихме могли да променим това. Нека това бъдете първи свят, и След това, когато вълна, тя се сбогува. Нали така? Така здравей, довиждане. 

ARMAGHAN BEHLUM: Разбира се. 

TOMAS Reimers: Това звучи доста добре. 

ARMAGHAN BEHLUM: Това звучи добре за мен. 

TOMAS Reimers: Така че, ако ние сме Ще направя това нека просто мисля, че чрез уеб страницата малко. Отиваме да се наложи някои скрипт които основно се регистрира че ти махна и да високосна, вълна и неточен удар, едно и също нещо. Така че ние ще се нуждаем от скрипт, който основно регистрира за това неточен удар. И още нещо, че сме Ще се нуждаем, е, че сме ще има нужда от действителното съдържание да се промени. 

Така, както си спомняте, JQuery ви позволява да променяте съдържанието. Така че едно нещо, което може да искате да се включат Това е библиотеката JQuery. И след това да бъде в състояние да изберете това, което ние всъщност няма да се промени съдържанието, че това ще се нуждаете от ID или клас, или нещо че можем да използваме, за да го изберете. Така че ние просто ще го дам Бързо ID промяна на текста. И тогава искаш да вземеш, JQuery? ARMAGHAN BEHLUM: И така, какво е първото нещо на нашия, за да направите списък след това сега? TOMAS Reimers: Да вземеш JQuery? ARMAGHAN BEHLUM: Нека вземете JQuery, OK, хладно. В този случай, аз ще съм да се наложи да actually-- където ще бъде най- Най-доброто място да се направи това? 

TOMAS Reimers: JQuery, така че ако Google JQuery, удари JQuery, първият ARMAGHAN BEHLUM: първи сертификат. TOMAS Reimers: Или изтегляне. Това е добре. Хит изтегляне v1 и v2 в ляво. Така че ние сме описващ Jquery от онлайн като вероятно сте направили. Превъртете надолу. Нагоре, нагоре. 

ARMAGHAN BEHLUM: О, точно тук в момента? TOMAS Reimers: Или това. Да. Така Jquery има домакин версия което означава, че в действителност не Трябва да го изтеглите, но вие сте повече от Приветствам да го изтеглите и да го бъде домакин себе си. ARMAGHAN BEHLUM: Cool. Така че сега имаме JQuery. Сега какво следва за нашата да направите списък. TOMAS Reimers: Awesome. Така че следващия което имаме нужда направите, е да имаме нужда да даде р Здравей, свят на ID за да можем да го променим, нали? Така че нека да даде представа за това, Аз не знам, промените текст? ARMAGHAN BEHLUM: Нека просто го направя по този начин, предполагам. TOMAS Reimers: changeText, хладно. А сега нека просто обнови страницата. Уверете се, че всичко работи. Така че обратно в браузъра. Cool. Винаги е добра напомняне, че когато сте изграждане на уеб сайт, Вероятно освежи всеки път, когато правите всяко малко значима промяна просто защото понякога случайно изпуснете маркер, или случайно изтриване на нещо, и тогава ще се счупи нещо малко, но след това, когато правите по-голяма промяна вие сте като, защо тази голяма промяна Изглежда прекъсне несвързано нещо. Така че винаги е добре да се справи с отида и да направя тези проверки по. 

Както и да е така, сега нека да направим една последна проверка здрав разум, която е да се опитаме да променим текст без Leap Motion, без нищо, просто на натоварването на страницата тя ще промените Здравей, свят да сбогува с помощта JQuery. Така че, ако си спомняте Jquery експозета този знак за долар функция, които можем да преминат избора на CSS да, именно таг текст промяна, която избира елемент с лична промяна на текста. И тогава ние ще да се обадя на метода HTML върху обекта го връща с аргумент на низ сбогом, които ще се промени на позициите HTML да кажа сбогом. Awesome. Това изглежда много готино. И сега, когато сме на опресняване страницата отиваме да видим тя променя внезапно, за да се сбогува, нали? Защото тя не чака нищо. Сортиране на веднага след като този скрипт работи тя да се промени на сбогуване. Cool. 

Така че сега нека да увийте че във функция. Право. Така че ние ще искаме да се направи функция. Ние ще го наричаме сбогом. Така функция сбогом е ще вземе без аргументи и това не е наистина ще се върне нищо. И това е просто ще направя, че в JavaScript. Отлично. Така че нашата функция сбогом сега променя текста, за да се сбогува, нали? Така че това ни дава начин да основно промяна този текст, за да се сбогува, когато нарекохме тази функция. Нали така? Така че това е много готино. 

ARMAGHAN BEHLUM: Е, ние може също просто се уверете, че сега, тъй като ние не се обаждате на функция, ако ние обнови страницата, забележите, че не става за промяна на текста. 

TOMAS Reimers: отлично. Така че сега ние ще започнем да вляза в тази Leap неща че ние говорим за. Така Арми, искате ли да го вземе от тук или? 

ARMAGHAN BEHLUM: Да. Разбира се. Аз съм може би ще се наложи до проверки на две неща, но например спомням казахме ние искахме за да се уверите в Options ние се даде възможност на жестове TOMAS Reimers: Добър улов. ARMAGHAN BEHLUM: за да е истина. И тогава ние се препоръчват че вие ​​ще тичам скок дот линия, която както казахме по-рано, има две възможности, а JSON обект, който е вариантите за това как искате за конфигуриране на Leap Motion за работа, и след това функция, която е ще хванат кадър като обаждане функция като Tomas казваше. И тогава редактирате това, което искате общо с тази функция. 

Така че ние преминаваме в вариант и сега ние определяме функция, която ще вземе в рамка. И сега ще трябва да се определи каква е тази функция прави. То също е в интерес на бъдеще, направи това, за да се уверите. TOMAS Reimers: отлично. Така че сега ние имаме това скок функция точкова линия обадете която основно се казва гледате Leap с тези възможности и всеки път да се промени нещо, наричат ​​това функция рамка с всички данни че сте наясно в кадър. Звучи доста добре. Така че сега бърза проверка здрав разум, което аз винаги препоръчвам, е с това, че съм сложил конзола точка планова рамка. И тогава в Chrome го отворите и погледнете вашата конзола и си поиграете с Leap, за да видите рамки са влезли поради тази воля можете да получите представа за това, което данните, които имат достъп до. И както винаги, ако се объркате, гледам позоваването на API. И ние ще включва връзката за, че в края на това. 

ARMAGHAN BEHLUM: Така че ние обнови страницата и след това отидем и да се отворят конзолата отново. И сега ние забелязваме, че сме като рамки преминали през, тези малки обекти, които видяхме по-рано. Така че, да. Това са нашите рамки показва в конзолата. Cool. 

Така че сега, че сме грабна рамки, както може би си спомняте по-рано от примера, който имахме, ако ние проверяваме рамка дот жестове получаваме списъка с жестове, че рамката последно хванат. Можем да проверите дължината на които масив да видим дали Leap хвана някакви жестове. Така че, ако това е масив по-голяма от нула тогава знаем, че имаме някои неща, които да направите. 

Така че нека да опаковам, че в един случай състояние и сега тук това, което знаем е, че ние Виждал жест, нека да се произнесат по него. Така че сега, че ние сме тук, ние има един жест, за да разгледате. TOMAS Reimers: Ами, на първо нещо е, че не е само един жест, тя може да бъде най-много жестове. 

ARMAGHAN BEHLUM: Много вярно. TOMAS Reimers: Така че за класически стил C тук най-вероятно ще искате да използвате за линия. ARMAGHAN BEHLUM: Ето ни след това. Решихме да превъртите чрез жестове. И нека да видим. Аз плюс, плюс. И сега, ако ние може би направил просто Var жест равнява конструкция дот жестове скоба аз, сега имаме Самият жест, който е само един един случай на жест обект за нас да работим с вътрешността на тази за линия. Добре. TOMAS Reimers: здрав разум Нека проверите тук отново и просто утеши дот влезте жест, за да видите това, което получаваме. 

ARMAGHAN BEHLUM: Console точка дневник жест. Okie dokie. И освежи още един път. 

TOMAS Reimers: И нека опитайте се прави жест. Ще видите, че един куп на, когато той слаба бира, можете да получите един куп жестове в конзола и ако той се опитва да направи един кръг, това е just-- 

ARMAGHAN BEHLUM: Кръгове са просто наистина хубаво. 

TOMAS Reimers: Сега има странно нещо тук, което е той прави едно кръгче, но това е сеч 80 жестове, нали? Това е много жестове. Така че първото нещо като нещо, за да осъзнае, и това може да е объркващо, е, че един жест е не просто са влизали веднъж. 

На всеки кадър, нали, Така че, ако аз правя един кръг Leap ще открие това е промяна, от тази е промяна, от тази промяна. И това ще се впишете всеки един от тях. Но във всеки един от тези, то се случва да кажа, о, има един жест в момента е в процес. Така че нека просто кажем, хей, има жест и е в процес на изпълнение. Така че това, което ние не искаме да направите е да се каже, о, на всеки един на тези жестове ви искате да промените текст. Това, което искаме да направим, е, когато този жест спира, и ние можем да проверите за това, След това ние искаме да променим текста. ARMAGHAN BEHLUM: Mhmm. Така че като Tomas е обяснението на тези жестове може да се появи през множествена рамки, но например, когато бяхме като този кръг, можем да видим, че ID за тази една единичен кръг, който ние може би се опитва да завърши е същата идентификация през цялото време. И всъщност, можете също проверите статуса. актуализиран. 

И след това е може би най- Последният кръг, който, ох, добре, OK. Така че понякога тя ви показва един статус на спиране жест и също така ви показва статуса на започване на нов жест, когато тя признава, със сигурност, че сте започнали нов жест. Например в този случай. TOMAS Reimers: Cool. ARMAGHAN BEHLUM: Така че, да. И тогава, да видим. Можете също така да забележите макар, че взимаме окръжност и жест има поле наречено тип че ни казва какъв вид на жест, че е. Така че може да бъде полезно за нас сте се опитам да направя това, което правим. TOMAS Reimers: Така преход обратно към JS, Първото нещо, което се случва с мен Също така, просто четене чрез този код е има малка оптимизация, която е всъщност не се нуждаят от това, ако състоянието, нали? Защото ако конструкция дот жестове са разпръснати дължина е равна на нула, че за линия на не ще да работи така или иначе. Така че ние може и просто да отидете напред и да се отърве от това. Отново, докато пишете код важно е да се върна и да подреди на refactor щом разберете, че сте би могъл да направи нещо по-добро, или, че има и друг начин да се направи това. Така че сега ние просто ще почисти тази бързо и да почистите вашия код. Това е голяма работа. 

ARMAGHAN BEHLUM: Добро стил е много оценявам. 

TOMAS Reimers: Можете да Винаги казвам, когато някой има код, където имало бъде, ако състояние и след това те го отстранява, но те не го разкоментирате. Това е много очевидна и тя вид изглежда грозно. ARMAGHAN BEHLUM: Така че това, което е Следва в нашия списък със задачи? TOMAS Reimers: Така че сега, както казахме, Предполагам, че първото нещо, което искате да направите, се уверете, че този жест е всъщност неточен удар, нали? 

ARMAGHAN BEHLUM: Да. 

TOMAS Reimers: Така че, ако ние сме като каза, че нашето сбогуване е нещо като силен удар, ние ще отидем с това е неточен удар, на Първото нещо, което трябва да кажа е, хей, е жестът написали неточен удар, нали? Не кръг или плот, но е неточен удар? Така че начина, по който може да направи това е можем да кажем жест Тип на дот равно равно неточен удар като низ. 

ARMAGHAN BEHLUM: [недоловим] жест Тип точка се равнява равнява неточен удар. Там сме. 

TOMAS Reimers: А след последния въпрос ние искаме да видим е жест дот членка, равно равно стоп, нали? Така че това е, когато жест е бил спрян. Аз всъщност мисля за неточен удар, I знаете това разстояние от върха на главата ми, но вие сте добре дошли да го гледам, когато тласнете всеки път, когато го регистрира докато не спрете е начало жест. И след последния му просто спирка жест. Така че ще има само един стоп жест, което е страхотно за нас. И така, какво можем да направим, е да се каже дали жест дот въведете равно равно неточен удар и жест дот статут равен равен спре, тогава нека разумът проверите тук утеши точка дневник жест. 

Така че ние ще се върнем тук. Ние ще обнови страницата. И сега единственият път, когато нещо трябва да бъде конзола точка влизали е, когато ние тласнете. И ние се опитваме да тласнете и виждаме нищо. Нали така? Така че това е наистина голям проблем. Ние не виждаме това, което очаквахме да. И отстраняване на грешки може да е голяма част от това. Така че първото нещо, което отиваме да се каже, е, ОК, нека да утеши дот тя се впишете, ако жест Дот въведете равно равно неточен удар. ARMAGHAN BEHLUM: Да, нека да направим това. TOMAS Reimers: Така че ние сме Ще се върнем към това. Ние ще освежи. Ние ще тласнете. И ние ще видим един куп от тях. OK. Така че очевидно проблемът е с нашия статут жест точка. Така че, ако ние отворим един от тях ние ще Погледнете в обектите и ще видим, Е, това е една спирка, но, о, тя се нарича състояние, не статус. Така че, ако ние се върнем в нашият код можем да кажем, ако тип жест точка равно равно тласнете и жест дот-членка, равно равно спирка, След това ние ще утеши дот го влезте. И така освежи. Ние тласнете. И ние ще видим, че по всеки неточен удар, ние сме само все едно, което е най- край, което е чудесно, нали? Това е, което искаме. 

ARMAGHAN BEHLUM: Да. И ние също може да забележите, че идентификационните номера за всяка от тези отделни движения. Така че като Tomas казваше, защото ние сме улов на този един стоп-членка, която съществува в края на неточен удар, ние сме получаване на индивидуални отделни жестове от Leap Motion. Great. 

TOMAS Reimers: Да вървим напред и да Просто направи окончателния нещо, което е, 

ARMAGHAN BEHLUM: Довиждане. 

TOMAS Reimers: Awesome. А сега нека проверим нашия уебсайт. Един 

ARMAGHAN BEHLUM: Втори. Ние го, да, ние го наричаме Goodbye. Great. 

TOMAS Reimers: Не, Goodbye е реална функция. 

ARMAGHAN BEHLUM: Да. Нека да направим това. 

TOMAS Reimers: И когато ние помаха за довиждане, той се сбогува. 

ARMAGHAN BEHLUM: Имаме победата. 

TOMAS Reimers: Така че доста вълнуващи неща. Надяваме се, може да се изгради нещо друго, но схванахте идеята на, нали? Можете да открие жестове. Можете да се обадите функции. И от това, че наистина ви дава някои много основни градивни елементи да кажа, о, може би, когато те тласнат нагоре, защото можете да открие неща като посока. Искам да направя нещо. Или когато те тласнете надясно, I иска да направя нещо. И ние можем да започнем да получите креативни с колко точно ние ще подобрим нашия сайт използването на тези магнитни жестове или окръжност жестове или докоснете жестове, някой от клавишите за кранове или екран кранове. И след това, освен че си повече от добре дошли да играят с актуалните данни, но ако искате да направите, че ние ще предлагаме да отидете на Документи защото те наистина са добри. Така начело на докторите сега. Или искаш да говорим за това? 

ARMAGHAN BEHLUM: Да. Нека да направим това. Също така една друга хапка на съвети, да се опита и да се мисли за това в 3D. Така че всъщност нека да спра тези жестове още един път конзола точка дневник жест и ние правим това. Върнете се в а сега нека се опитаме на Няколко от тях, няколко такива. 

Ако отидем в и разгледайте тези жестове, както и Както можете да видите, че те са размерност е в три посоки, всъщност. Така че не само ограничаване поглезите с 2D екран макар че може да бъде на уебсайт 2D. Можете да опитате и да мисля как един потребител може да взаимодействат с уеб сайта в 3D. TOMAS Reimers: в ​​3D пространството. ARMAGHAN BEHLUM: Точно така. А, да. Така че можете да получите упътвания, скорости, всички тези готини бита информация. 

TOMAS Reimers: И ако не сте запознат с това, тя отива X, Y, и тогава Z е това последно измерение. Просто нещо, което най-вероятно са запознати с, ако сте се справиха с 3D координира самолети преди. Ако не сте, това е същото като 2D едно изключение има трето измерение. Ние го наричаме Z. И всичко, нещо като посока, която е къде отива, position-- Мисля, че може дори да излагайте ускорение, аз не съм сигурен. 

ARMAGHAN BEHLUM: Да, аз вярвам. Тя определено има скорост. Аз всъщност не съм на 100% сигурни за ускорение. 

TOMAS Reimers: Тя може да бъде опция може да премине към нещо. Така че позицията и скоростта са изложени в тези вид на три координати. Така че X, Y, Z или делта х, делта Y, Z делта. Така че сега се насочва към документацията това е developer.leapmotion.com и след това можете да щракнете върху Documentation. Отново, Leap Motion има всичко това прекрасни APIs, по един за JavaScript, един за C Sharp и Unity, по един за C ++, един за Java, една за Python, и един за Цел C. Аз лично ще ви бутнете в посока JavaScript или, ако искате да научите нов език, опитайте Python. И двете от тези езици с които съм работил преди и те са много лесно да се учи и вие вече знаете, JavaScript, които тя наистина добър претендент прави. 

Една дума на предпазливост Когато влезете в Документи. Уверете се, че сте на Docs v2.0. Защото, ако вие сте на Версия за една, тя няма да работи. Също така например галерия. Прекарахме добри тридесетминута опитвайки се за отстраняване на грешки в нашия Leap преди да сме осъзнали, че V1 не работи с V2. Така че просто се уверете, че сте на версия две. И тогава аз ще го пусне покажете на Документи. ARMAGHAN BEHLUM: Да. Така че тук е галерията API и след това някои откъслечни информацията че вече ти казах. Nice малко плаваща Ръцете горе на Leap Motion. И напомняне да се мисли за пространство в 3D. Един от първите обекти, да си помисля с Leap Motion са ръцете, разбира се. Видяхме тези, признати от Visualizer. И тогава може да се наложи Вижда се, че тя признава част на китката и рамото, свързани с нея. TOMAS Reimers: Ако искате да спра на изобразяване. ARMAGHAN BEHLUM: Да, нека да направим това отново. TOMAS Reimers: Можете да видите, винаги просто една добра напомняне да подреди на виж, на изобразяване се опитва да покаже, всички данни, които Leap вижда. Така че вие ​​ще видите, че ние имаме тези вид на четири точки от китката и след това действителното китката. И вие имате тази топка в дланта. Всички те са точки разпознават призната от скок. 

ARMAGHAN BEHLUM: Точно така. И така, с тази ръка обект всеки кадър има ръка масив както и където можете да получите също и лявата и дясната ръка. Можете да получите които посока ръцете са обърната с нормалната посока на дланта, или както го наричат ​​дланта нормално. Какво друго имаме? Ние също така, опа. Нека се опитаме и превъртете надолу по този начин. Ръцете, пръстите са представено с пръст клас, който е pointable обект. Така че, както казахме, ние видяхме, че масив от pointables за всяка ръка. Това са малкото, Пръстите да си помисля. Така че това е един добър преглед, за да отидете чрез да се опита да разбере. TOMAS Reimers: [недоловим] ръката анатомия там. ARMAGHAN BEHLUM: Да, точно. Така че, да. Има много неща, на необработени данни, че Leap Motion отнема в интерпретира добре за вас, така че е страхотно идея да мине през тук и се опитам да разбера как Leap има вече разбра нещата за вас и така какво информация имат на разположение от там. И след това от там бих препоръчал навлиза в тази лява секция тук, който отива, както всъщност не, това са всъщност само по API неща about-- 

TOMAS Reimers: Справката на API в дъното обикновено е едно добро място да отида. Вие, момчета, може би са видели това, когато ние направихме на Google Maps PSET. Но позоваването наистина просто минава през всички на функциите и параметри наличен в обекта за вас. 

ARMAGHAN BEHLUM: Да. Например, това е, което Търсех преди. Когато имаме ръка ние може да отиде и да разбера как Leap препоръчва От нас зависи да намери ръката. Както казах по-рано, имаме масив ръце. Разберете, ако имаме ръце и След това се опита да грабне една ръка да си взаимодействат с по този начин. Така че това е, което ние Препоръчваме за вас, момчета. Жестовете и нещата, както добре. Това API документация ще е фантастично средство за вас, момчета. Имате ли някакви други препоръки? 

TOMAS Reimers: Аз не правя. Мисля, че е добре за сега. 

ARMAGHAN BEHLUM: Да, Мисля, че така, както добре. Чувствайте се свободни да се свържете с нас и да получите връзка за Leap Motion ако имате може би някакви въпроси или нужда от някакви препоръки. И ние можем да се опитаме и да разбера неща с вас, момчета, както и. Благодаря. 

TOMAS Reimers: Great.