>> TOMAS REIMERS: Кул.
Значи Здраво, на сите.
Томас Моето име.
Јас сум ТФ, а тоа е
ARMAGHAN BEHLUM: Armi.
Убаво да ви се види момци.
TOMAS REIMERS: Кул.
Значи ние се случува да се зборува Скок за движење денес.
Значи Скок движење е навистина кул производ кој
ви овозможува да комуницирате со компјутер во еден поинаков начин.
Значи целата идеја зад скок движење е во тоа што
можете да го користите вашите раце да комуницирате со компјутер.
Значи, токму тука имам нешто се постави.
Ќе зборуваме за тоа во малку.
Но, основната верзија е може да се види дека имам моите раце пред
на мојот компјутер, и кога ќе ги преместите, ќе го добиете аналогни на компјутерот
и може да се анализира ова.
Може да се прават гестови.
Можете да ги користите вашите раце да комуницирате со компјутер
во нов и интересен начин.
>> Па, јас всушност првата сакаат да го поминат надвор да Armi
да ви покаже некои кул демонстрации на она што некои луѓе го направиле со тоа.
И тогаш ќе зборуваме за тоа како вие всушност код со ова.
ARMAGHAN BEHLUM: Да.
Здраво.
Значи, како што видовме, малку податоци тука, но ќе видиме
она што некои луѓе го направиле со тоа.
Значи, дозволете ми да се отвори овој пример.
И тогаш, па така, на пример, може да се види мојата рака аналогни таму, но сега ова време
некои луѓе со користење на единство имаат одлучи да се стави малку повеќе кожа
и работи околу рака.
Значи можам да, ајде да одиме со овој еден, Секако, имате моите раце интеракција.
И што веројатно може да се замисли неколку други кул корисни работи
што можете да направите со ова.
Значи ова е најмалку еден пример.
И тогаш ајде да скокне надвор од ова.
>> А потоа уште една кул е, ајде да одиме со оваа.
Plasmo топката.
Повторно, ние не ќе мора да Очекуваме ова ниво на сложеност
од финалниот проект за CS50.
Ова е само за да ви го покаже некои од, да ви даде момци
малку инспирација за она што вие момци можат да прават со скок на движење.
Така на пример, тука е ладно физика пример, кој има одиме.
Има и на рацете мои, па сега имаат оваа мала плазма топката.
И топката реагираше на физиката мене движи раката околу топката.
Сега ова е за сите иако користење единство, користење на вид на алатки и рамки
дека ние не ги научивме вие момци во класа,
но како што можете да видите некои прилично кул рок низ тие со тоа.
>> Но, една работа што вие момци можат да се направи поаѓање во моментов со скок движење
е работа во JavaScript.
Скок движење има вклучите Javascript-API, што вие момци можат да го користат и ние високо, високо
Препорачуваме да се изгради момци Вашиот проекти за користење на тоа.
Така да со тоа, нека ме Поминете го назад исклучување на Томас
да се зборува за скок Движење и JavaScript.
TOMAS REIMERS: Кул.
Или сакате да се покаже нив Visualizer првиот?
>> ARMAGHAN BEHLUM: Ах, да.
Да.
Ајде да зборуваме повеќе за тоа Visualizer.
>> TOMAS REIMERS: Значи на најосновните ниво, кога за прв пат се дојде до скок на движење
си оди за да имаат на ова поле.
Еве, сакаш да ја преземат контролата?
>> ARMAGHAN BEHLUM: Да, одам за тоа.
>> TOMAS REIMERS: Па кога ќе прво да се фрлиш движење
си оди за да имаат на ова поле.
Тоа е уред кој изгледа нешто како ова.
Можете да го приклучиш во вашиот компјутер, инсталира потребните драјвери,
а потоа ја основа ќе се утврди.
Па најлесен начин да се најде решение на договор со скок движење
се отвори оваа програма го инсталира наречен Скок движење Visualizer.
И Visualizer е буквално она што јас го покажува овде.
Тоа ви овозможува да ја видите скелетни преглед на вашите раце.
И она што Скок движење е да ги толкуваат како.
Значи Скок движење користи камерата да се најде на изгледот на вашите раце
а потоа таа се обидува да се погоди она што основните скелетни состав што ќе
гледате на екранот е.
И тоа е она што ви покажува.
ARMAGHAN BEHLUM: Секој една мала точка
и нешто што ќе се види дека постои податоци кои се на располагање за да ви момци
како и да го користите.
Така што гледате дека тоа е фаќањето дека Томас
има пет прсти, секој од оние кои се различни прсти
се исто така достапни за вас, како на податоци поени да се користи во било која апликација
кои можеби ќе сакате.
Ако сакате да се види дали некој го прави со палците нагоре
можете да се види дали нивните прсти се изви и дали тие се
палецот прст е да се покажува нагоре или кога
нивниот зглоб или дланка е и тој вид на работи.
TOMAS REIMERS: Кул.
Така можете да видите некои гестови тоа разбира подобро од другите.
Запомнете, дека тоа е во потрага на вашиот од страна на камерата од дното,
па кога ќе имаат вашите раце како ова ги разбира во целост,
но штом ќе почнете да се обиде и да направите палците нагоре, понекогаш тоа го чита,
Понекогаш тоа може да се погоди, но искрено камерата едноставно не може да се види на палецот.
Значи тоа не е навистина дека она што се случува.
Само некои ограничувања да се има предвид кога ќе се развива со ова.
>> Како и да е, па ќе се вратам на тоа.
На Visualizer, всушност, има многу корисни алатки.
Значи Скок движење е програмира на таков начин
дека тие не може да се очекува да комуницирате со што сликата податоци.
Тие навистина не Очекувам да се разбере
она што се случува зад сцената.
Она што го прават е изложи еден куп на API-јата за вас
како што може да интеракција со податоци
директно, без разбирање она што се случува под хауба.
>> Значи, ако ние ја погоди H тука во Visualizer ќе видите многу опции.
Важно овде иако е ако го погоди О, а потоа погоди H,
ќе видите дека тоа ви овозможува да се подготви гестови.
Значи гест, ќе видите тоа се базира на стрела во пречник.
Гест е еден од начините на кои Скок Движење вид на ви овозможува да добиете на податоци
без да мора да го обработи.
Така, наместо да ми е потребна за да се процени надвор, о, рака се движи,
дури и ако морам точка на пристап, API ќе вид на само кажете ми,
Еј, тие го направија овој гест.
Па можете да направите основните стрелка гестови.
Можете да направите круг гестови.
Може да се прават прислушување гестови.
И може да се направи клуч прес гестови.
Да.
И тој вид на работи.
Па сега дека ние сме вид на види она што Скок движење може да се направи,
може да се види што може да се прочита целиот куп на гестови.
Мислам дека ќе одам да Поминете го врати на Armi
и тој се случува да се зборува за тоа како ќе го добиете на овие со вклучите Javascript-,
дури и како ќе почнат проект со ова.
И тогаш ќе зборуваме за некои кул места може да се оди со тоа.
ARMAGHAN BEHLUM: Да.
Звучи добро.
Така да, многу првото нешто што ќе сакаат да се направи, се разбира,
е откако ќе се добие скок на движење е да се одат на leapmotion.com, формиран, инсталација
возачите и работи.
Откако ќе го направите тоа можете да се обратите бидете сигурни дека тој е поврзан.
Ако видите во вашиот малку послужавник на Скок движење икона и тоа е зелена,
тогаш знаете дека сте сите во собата.
И, се разбира провери што точно Томас само ви покажа со гестови
и прави на екранот чешми, и Клучот чешми, а тоа тип на работи.
>> После тоа ако и ние, уште еднаш, како што реков,
имаме пристап до сите овие работи во JavaScript, како и.
Идеален поставите тој ние ќе ви препорачуваме
момци е да одат во вашиот vhost директориум, локалниот компјутер,
јавноста во вашиот CS50 апаратот.
И кога ќе одам таму што ќе види е само индекс на точка HTML датотека.
Сега дека индексот точка HTML датотека или индекс точка
PHP фајл, кој и да е добро, она што тогаш може да направи
е да отидете на вашиот основен оперативен систем.
И ако одите со IP адресата што е наведено во долниот десен
агол на вашиот апарат токму тука, како што може да видиме, тогаш она што се случува
е да одите на страница, која е референцирани од тој индекс точка HTML датотека.
Значи сите кодот што може да се стави во таму добива испратени и е употреблив тука.
>> TOMAS REIMERS: Значи тоа е, исто така, важно само за референца
дека ако вие момци всушност знаеме како да се постави на серверот себе,
или ако сакате да се стави ова на светот веб, вие сте добредојдени да се направи нешто друго.
Имајте на ум дека овие се само го вклучите Javascript-датотеки
и сите обработка Скок се врши на клиентот.
Па тоа не е навистина важно каде што вашиот сервер животи
толку долго како компјутер гледате на веб страната на
има скок на движење инсталиран.
ARMAGHAN BEHLUM: Апсолутно.
Како Томас рече, да, што работи за вас момци.
Ова е само еден од нашите препораки.
Сега да започнат со користење Скок Предлогот што ќе направиш
е што ќе увезе Го вклучите Javascript-датотека од скок на движење.
А потоа од таму што можете да направите е, во моментов
Јас само треба овој став таг постави со проект на текст.
Работи што ние ќе им препорачаат се поставување контролер опции
Скок за движење со овозможи гестикулации за да биде вистина.
Па стандардно оние гестови кои ние ви покажа
момци, на кружницата и клучот од чешма, а брише,
оние кои не се прикажани на вие момци од стандардните.
Но, ние препорачуваме користење на овие па вие не сте повторно измислување на тркалото.
Им овозможи на оние на true, поминува оние контролор опции да се фрлиш точка јамка
и сите вие ​​сте во собата да одам.
Затоа што тогаш едноставно треба дефинираше анонимен функција
дека ќе се земе во врамен Скок движење
и таа рамка има сите информациите што ви се случува да треба.
>> TOMAS REIMERS: Па само да повториме, имате еден објект.
Имате оваа функција наречен скок точка јамка.
И можете да го повикате со два аргументи.
Можете да го повикате со еден, контролорот опции.
И постојат многу опции може да се стави во таму.
Оној што се случува да се истакне е овозможи гестови.
И ако го постави еднаква на вистина тогаш може да се добијат пристап во овој гестови
што ние ви покажа во Visualizer.
>> И тогаш започна вториот аргумент е функција, тоа е вид на како повик назад
кое ќе се вика секој време секоја рамка на ЛЕАП,
така што секој пат скок регистри Вашата рака потег, тоа има нова рамка.
И ја нарекува оваа функција со една аргумент, кој е рамката објект.
И таа рамка објект опишува рамката како што е скок што го гледа.
ARMAGHAN BEHLUM: Токму така.
Значи ова ги содржи сите корисни парчиња и делови на информации
дека ние се зборува за порано.
Проверка рамка точка гестови е низа на гестови
дека скокот движење фатени вашето раце го прават во последните рамка.
Така на пример, она што ние сме правиме тука е ние сме проверка,
Еј, скок, во кој минатата рамка не ќе се фати било гестови што го направив?
И ако е така што можеме да одлучи да се направи е iterate преку овие гестови
и да се обиде и да добијат некои корисни информации од нив.
Секој гест има уникатна Проект поврзани со неа.
Тие имаат типови.
Можете да го погледнете што прстите беа вклучени во гестови
од одјавувањето овој pointable нешта.
Значи, ако кога ќе одат преку Скок движење го вклучите Javascript-API работи,
кога ќе се спомене pointables, тие се зборува за овие прсти.
И тогаш рацете, се разбира, целата рака објект.
>> Што друго?
Можете да проверите колку долго движење отиде на
и да, да, сите оние кои се корисни нешта.
Значи она што го прави во моментов сум тука е се најавени на рамката,
и тогаш ќе се ажурира мојот HTML за прикажување сите овие битови на информации
од рамката.
Значи, да се провери тоа.
>> Значи тука е.
Еве индексот точка HTML датотека.
И како што само виде кога јас само се преселил мојата рака Скок фатени круг движење.
Така можете да видите ме прави круг над тука, надградби круг со информации.
Водење брише, фаќа брише.
Ајде да се обидеме таб екранот.
Не одиме.
Екранот допрете и клуч од чешма.
Значи клучот чешми, исто така, од страна на начин, се кога ќе се погоди надолу.
Значи можете да си замислите можеби играње пијано.
>> И тогаш на екранот чешми се кога ќе удри на екранот.
Значи можете да си замислите, можеби вие всушност Имајте екран на допир пред вас
а ти си притискање на допир екранот пред вас.
И тогаш можеме да го зграби еден на овие објекти во тука.
Значи се сеќавам, реков дека сум бил полагање на рамката во конзола најавите.
И така ние може да се провери од сите парчиња и делови на информации
кои се достапни таа рамка, како и да го користите.
>> Како што реков претходно, pointables се на прсти.
Во тој момент ние не го имаме рацете во предниот дел на скок на движење
така што регистрирани нула, Но, ова е како да се
ќе започне да дознаете можеби колку прсти се на екранот.
И овој тип на информации.
TOMAS REIMERS: помнењето ова е само еден објект.
Значи се што може да се пристапи нешто налик на struct
во В. Имате објект именува точка името на имотот.
И тогаш во рамките на тоа што треба низи и имаш други предмети,
но се сеќавам тоа е само еден објект.
Не е ништо посебно бидејќи ние сме со користење скок.
ARMAGHAN BEHLUM: Да.
Кул.
Треба ли да се провери од неколку на вклучите Javascript-примери?
>> TOMAS REIMERS: Значи брзо се запамети дека ние
рече дека Скок всушност може да работи на било кој веб-страница.
LeapJS е само служи на клиентот.
И така, по што клиентот има Скок движење во прилог ќе функционира.
Значи Скок движење има веб-сајт, каде што луѓето
може да ги искажат своите примери на работи што го направиле.
Значи ние сме само ќе одат преку неколку од нив
да видам што е можно пред нуркање во повеќе детали за тоа како
тоа е можно.
Значи
ARMAGHAN BEHLUM: Ајде да видиме.
TOMAS REIMERS: Сега треба да се работи.
ARMAGHAN BEHLUM: Па сега пред видовме пример
користење на единство што изречена наши раце со прилично импресивни графички кожи,
но сега може да се види што може да направи за Истото внатрешноста веб пребарувач.
Ова е за сите во Хром само користејќи JavaScript.
И тогаш другите убаво Работата е, ако сакате
да се знае како тие го направија тоа, примери за да го вклучите Javascript
исто така, вклучуваат код опции кои можете да проверите и потоа да видиме
како тоа лице е грабање рацете и кодекси и сл.
>> Значи тоа е се што може да се најдат на developer.leapmotion.com.
Можете да одите и да го проверат го вклучите Javascript- примери дека тие имаат таму.
Па је.
Еве овие, Упс жал.
Ајде да се обидеме тоа повторно.
О.
Имам две вистински раце.
Па је.
>> TOMAS REIMERS: Значи, и повторно, се сеќавам некогаш Скок мензи до.
Едноставно само една секунда.
Тоа не е совршен, но тоа е прилично добар.
ARMAGHAN BEHLUM: Еден друга препорака, исто така,
е да не го направи тоа во директна сончева светлина.
Значи начин Скок движење работи е, всушност,
ако се гледа камерата ова како и, инфрацрвена светлина.
Значи, го праќа оние надвор, а потоа чита нив, кога тие се врати.
Значи, ако сте се обидува да го прават тоа на директна сончева светлина,
На пример, тоа е веројатно не оди на работа,
или тоа се случува да се бара некои калибрација да го стори тоа.
>> Исто така уште еден препорака е да се исчистите просторот зад Скок
и во предниот дел на скок.
Сфатете го тоа како работат Внатрешноста на куполата тоа е
околу овој скок движење објект.
Ако има нешто во право зад него,
тоа е, исто така, се случува да се меша со тоа како Скок движење се обидува
да ја признае вашата страна и тој вид на работи.
>> Така, на пример, мислам дека во овој случај тоа е мојот лаптоп, всушност,
тоа е вид на правење на Престапна движење.
Да, таму ќе одиме.
Значи, ако јас го исчистите од мојот лаптоп од зад неа раката се појави доста добро.
Па је.
Не е тоа.
Па што друго можеме и ние да им покажеме.
TOMAS REIMERS: Мислам дека сега ќе биде време
да се најде на нурне во и нека е само направи демо целосно од нула.
Тоа се случува да биде навистина едноставно.
Во суштина она што ние ќе да се обиде да направите е да се направи тоа
така што кога ќе удар вашиот страна, позадина се случува да се започне како црвена,
и кога ќе поминете вашиот страна, позадина се случува да се сврти зелени.
Во ред?
Навистина едноставно.
И тоа е во основа, само се случува да одат низ многу
на концепти зад Скок така што можеме да
добие во оваа идеологија на тоа како Скок работи и како може да се изгради нешто со тоа.
А потоа од таму ние ќе веројатно само ви покаже
API, Docs и каде што да прочитате повеќе за тоа.
И тогаш ние ќе го наречеме ден.
Значи сакаш да се код или Ме сакаат да код?
ARMAGHAN BEHLUM: Да.
Па, претпоставувам дека можеме да работиме заедно на ова и да се обидат
>> TOMAS REIMERS: па ние ќе направи некои пар кодирање.
ARMAGHAN BEHLUM: Не одиме.
Тоа е токму она што го сакаше да се провери надвор.
Кул.
Така на пример тука, ајде да видиме.
Додека ние се процесирањето преку гестови веќе,
TOMAS REIMERS: Сакаат да направат само една сосема ново име?
ARMAGHAN BEHLUM: Комплетно ново име?
Да, секако.
>> TOMAS REIMERS: Да.
>> ARMAGHAN BEHLUM: Значи, да го направите тоа.
>> TOMAS REIMERS: Така ние ќе да се направи сосема датотека.
Ние ќе го наречеме рака точка HTML.
Тоа е кул со мене.
Па не заборавајте да направите една HTML таг, а потоа во рок што ќе имаат шефот.
Тоа главата има наслов во неа.
Значи таб на друг начин.
Таму да одите.
Наслов, ние ќе го наречеме Скок Пример.
Да.
>> ARMAGHAN BEHLUM: Упс.
Наслов.
>> TOMAS REIMERS: Да.
>> ARMAGHAN BEHLUM: Не сме.
>> TOMAS REIMERS: А тогаш ајде да се направи тело.
>> ARMAGHAN BEHLUM: Чекај, ајде исто така, бидете сигурни дека за увоз.
TOMAS REIMERS: О, се разбира.
Мојот лошо.
Значи секогаш осигурајте се дека имате Престапна сценариото така што е сценариото што ви е дадена
Скок од страна на движење, што во основа им овозможува на веб прелистувач за да се поврзете
на уредот на компјутерот на корисникот.
И тогаш во ова, ние, исто така, треба телото и нека е само
направи на телото му кажеш здраво така дека ние може да се покаже студенти
како да се поврзе со овој нов веб-страница, која тие го направија.
ARMAGHAN BEHLUM: Секако.
Значи, ајде да се стави another--
>> TOMAS REIMERS: Здраво, Здраво светот.
Значи многу основни пример.
Навистина само демонстрација.
>> ARMAGHAN BEHLUM: И тогаш тука се може да одат, ние го нарече рака точка HTML,
нели?
И ох!
Па јас се прашувам што не е во ред со ова право сега.
Ајде да додадете прочитал дозволи да го предаде точка HTML.
TOMAS REIMERS: Дали сакате да го направи тоа во голем терминал
така што ние може само да го покаже на the--
>> ARMAGHAN BEHLUM: Да, тоа го прави смисла.
Во ред.
Па јас само додаде дозволи, но ако ние
се да се провери од пред да се дозволи
би виделе дека всушност страна точка HTML не сте ги прочитале дозволи
и затоа не може да го направи.
Но, сега, ако тоа го правиме, ние гледаме на нашите малку Здраво Светот во право таму.
>> TOMAS REIMERS: Па ајде, всушност, како што беше пишување, здраво светот,
Мислев за начин можеме да ги смениме тоа.
Ајде да го кажам здраво свет, и тогаш кога ќе се бранува, се вели збогум.
Зарем не?
Па здраво, збогум.
>> ARMAGHAN BEHLUM: Секако.
>> TOMAS REIMERS: Тоа звучи прилично добро.
>> ARMAGHAN BEHLUM: Тоа звучи добро за мене, премногу.
>> TOMAS REIMERS: Значи, ако ние сме ќе го направи тоа ајде само
мислам преку веб страницата малку.
Ние сме случува да треба некои скрипта што во основа регистри
што ќе мавтаа и на ЛЕАП, бран и еден удар, истото.
Значи ние се случува да треба скрипта која во основа регистри за тоа бришење.
И уште нешто сме ќе треба е ние сме
ќе треба некои вистинската содржина на промена.
>> Значи, како што се сеќавам, jQuery овозможува да го промените содржина.
Значи, едно нешто што можеби ќе сакате да го вклучите Ова е библиотека jQuery.
А потоа да биде во можност да изберете што ние сме всушност ќе го промени содржината,
што се случува да треба проект или класа, или нешто
дека ние може да се користи за да ја изберете.
Па ние само ќе го даде брзо проект на промени текстот.
И тогаш ќе сакате да го зграби jQuery?
ARMAGHAN BEHLUM: Па што е прв работа на нашите да се направи листа, тогаш сега?
TOMAS REIMERS: Ајде да го дофати jQuery?
ARMAGHAN BEHLUM: Да зграби jQuery, во ред, се излади.
Во тој случај, јас ќе одам мора да actually--
каде што ќе биде Најдоброто место за да го направите тоа?
>> TOMAS REIMERS: jQuery, па ако Google jQuery, хит jQuery, првиот
ARMAGHAN BEHLUM: Многу првиот.
TOMAS REIMERS: или отфрлени.
Тоа е во ред.
Хит преземање V1 и V2 на левата страна.
Значи ние сме опишувајќи jQuery од онлајн како што сте најверојатно направено.
Движете се надолу.
Нагоре, нагоре.
>> ARMAGHAN BEHLUM: А, токму тука сега?
TOMAS REIMERS: Или тоа.
Да.
Значи jQuery има домаќин верзија што значи дека не, всушност
треба да го преземете, но ти си повеќе од
добредојдени да ја преземете и го домаќин себе.
ARMAGHAN BEHLUM: Кул.
Така, сега имаме jQuery.
Сега она што е следно за нашите да се направи листа.
TOMAS REIMERS: Прекрасно.
Значи следниот она што ни треба направите е да ние всушност треба
да им даде стр Здраво светот на проект така што може да го промени, нели?
Значи, да им даде идеја, Не знам, промена на текстот?
ARMAGHAN BEHLUM: Ајде само го прават тоа на овој начин, претпоставувам.
TOMAS REIMERS: changeText, се излади.
И сега ајде да се освежи страница.
Бидете сигурни дека се работи.
Па назад во прелистувачот.
Кул.
Секогаш добар потсетник дека кога сте изградба на веб страната,
веројатно се освежи секој пат кога ќе се направи било малку значајна промена само
затоа што понекогаш ти случајно капка таг,
или случајно сте ја избришете нешто, а потоа ќе се скрши нешто мали,
но тогаш кога ќе се направи една поголема промена сте како, зошто оваа голема промена
навидум неповрзани скрши нешто.
Така, тоа е секогаш добро да се најде на оди и направи тие сигурносни проверки.
>> Како и да е, па сега ајде да го направите последен разумност проверка,
кој е ајде да се обидеме да се промени текст, без скок движење,
без ништо, само на страница оптоварување на тоа ќе
здраво да се промени светот збогум користење jQuery.
Значи, ако се сеќавате jQuery изложува овој знак за долар функција,
кои можеме да ги помине селектор на CSS за, имено хаштагот промена на текстот, што
избира елемент со идентификација на промени текстот.
И тогаш ние ќе да се јавите на метод на HTML
на објектот се враќа со аргумент на стринг збогум, кои
ќе го промени предмети HTML да се збогуваме.
Прекрасно.
Тоа изгледа прилично кул.
И сега кога ќе се освежи страница ние ќе се види
таа веднаш се менува за да се збогуваме, нели?
Поради тоа што не чека ништо.
Вид на што е можно дека сценариото работи што се промени до збогум.
Кул.
>> Па сега ајде да заврши што во функција.
Токму така.
Така ние се случува да сакаме за да се направи функција.
Ние ќе го наречеме збогум.
Значи функција е збогум случува да се земе без аргументи
и тоа не е навистина случува да се врати ништо.
И тоа е само случува да направи тоа во JavaScript.
Одлично.
Значи, нашата функција збогум сега менува текстот за збогум, нели?
Па ова ни дава начин во основа промени
тој текст да збогум кога што се нарекува таа функција.
Зарем не?
Значи ова е прилично кул.
>> ARMAGHAN BEHLUM: Па, ние може, исто така, само бидете сигурни дека
дека сега, бидејќи ние не се повикуваат на функција, ако ние се освежи страница,
забележите тоа не се случува да го промени текстот.
>> TOMAS REIMERS: Одлично.
Па сега ние си оди за да започнете да навлегувам во тоа Скок работи
дека сме биле зборува.
Значи Armi, дали сакате да Земете го од овде или?
>> ARMAGHAN BEHLUM: Да.
Секако.
Јас сум веројатно ќе треба да се убаво провери работи,
но, на пример, се сеќавам рековме сакавме
да бидете сигурни во Опции ние се постави овозможи гестови
TOMAS REIMERS: добар улов.
ARMAGHAN BEHLUM: За да биде вистина.
И тогаш се препорачува дека вие момци би
се кандидира скок точка јамка, која како што рековме порано,
има две опции, JSON објект кој е опции за тоа како сакате
за да го конфигурирате Скок движење за да се работа, и потоа функција која е
ќе се фати како рамка за повратен повик функција како Томас го кажувам.
И тогаш менувате она што го сакате да се направи со таа функција.
>> Значи ние помине во опција и сега ние се дефинира
функција која ќе ја преземе во рамка.
И сега ние треба да се дефинира она што таа функција го прави тоа.
Тоа е, исто така, за доброто на иднина, го направи тоа да бидете сигурни.
TOMAS REIMERS: Одлично.
Така, сега имаме овој скок точка јамка функција
повик кој во основа вели види Скок со овие опции и во секое време
нешто се менува, ова го нарекуваат функција рамка со сите податоци
дека сте свесни за во рамка.
Звучи прилично добро.
Па сега брзо разумност проверка, што јас секогаш препорачуваме,
е во тоа што само се стави конзола точка најавите рамка.
И тогаш во Хром ја отворите и да се погледне во вашата конзола
и се позанимавам со скок за да ја видите рамки се најавени, бидејќи тоа ќе
ќе го добиете идеја за тоа што податоци кои ги имате пристап до.
И како и секогаш, ако се збунети, погледнете повикување на API.
И ние ќе го вклучите линк за што на крајот на оваа.
>> ARMAGHAN BEHLUM: Значи се освежи страница, а потоа
ние одиме и ќе отвори конзола повторно.
И сега ние се забележи дека ние сме има донесен во рамки,
овие мали објекти што видовме претходно.
Па је.
Овие се наши рамки прикажани во конзола.
Кул.
>> Па сега дека ние сме го грабнала рамки, како што може да се сеќавам на почетокот
од примерот што го имавме, Ако ние се провери рамка точка гестови
ние се добие листа на гестови кои рамката неодамна фатени.
Ние може да се провери должината на овој низа да се види дали Скок фатени било гестови.
Значи, ако тоа е низа поголема од нула тогаш ние
знаете дека ние имаме некои работи да се направи.
>> Значи, да се заврши што во еден ако состојба а сега тука она што го знаеме е дека ние
видовме гест, да дејствува на него.
Па сега дека ние сме тука ние имаат гест за одјавување.
TOMAS REIMERS: Па, првиот Работата е тоа не е само еден гест,
тоа би можело да биде многу гестови.
>> ARMAGHAN BEHLUM: Многу точно.
TOMAS REIMERS: Значи по класичен стил C тука
веројатно ќе сакате да го користите за телефонска линија.
ARMAGHAN BEHLUM: Тука сме тогаш.
Решивме да iterate преку гестови.
И ајде да видиме.
Јас плус, плус.
И сега, ако ние можеби направи само var гест еднаква на
рамка точка гестови заградата јас, сега имаме
самиот гест, што е само еден еден пример на гест објект
за нас да работат со во внатрешноста на оваа за телефонска линија.
Во ред.
TOMAS REIMERS: разумност Ајде проверете тука повторно и само конзола
точка најавите гест за да ја видите она што го добиваме.
>> ARMAGHAN BEHLUM: Конзола точка најавите гест.
Okie dokie.
И освежување уште еднаш.
>> TOMAS REIMERS: И ајде Обидете се прави гест.
Ќе видите дека еден куп на, кога тој swipes,
ќе го добиете еден куп на гестови во конзола и ако тој се обидува да се направи круг,
тоа е just--
>> ARMAGHAN BEHLUM: Круговите се само навистина убаво.
>> TOMAS REIMERS: Сега има чудни работа тука, кој е тој го прави еден круг,
но ова е најавување 80 гестови, нели?
Тоа е многу гестови.
Така, првиот вид на работа за да се се реализира, а тоа може да биде збунувачки,
е дека гест не е само најавени еднаш.
>> На секоја рамка, десно, Значи, ако јас го правам круг
Скок ќе ги детектира овој е промена, од ова
е промена, од ова е промена.
И тоа ќе се најавите секој еден од нив.
Но, во секој од нив, тоа се случува да се каже, ох,
има гест во тек.
Значи, дозволете ми да кажам, еј, има гест и тоа е во тек.
Значи она што не сакате да направите е да се каже, ох, на секој еден
на оние гестови што сакате да го промени текстот.
Она што сакаме да го направиме е дека кога гест запира, а ние може да се провери за тоа,
тогаш сакаме да го промени текстот.
ARMAGHAN BEHLUM: Mhmm.
Значи како Томас е објаснувајќи дека ваквите гестови
можат да се појават преку повеќе рамки, но за пример,
кога ќе се имаат тој круг, можеме да видиме
дека Проект за таа една еден круг што ние
може да се обидуваат да го заврши беше ист проект во текот на.
И всушност, можете исто така да проверете го статусот.
ажурирани.
>> И тогаш тоа е веројатно Последниот круг што, добро де, во ред.
Така понекогаш тоа ви покажува на статус на запирање гест
и тој исто така ви покажува статусот на отпочнување на нов гест кога
се признава дека за сте почнале нов гест.
На пример, во овој случај.
TOMAS REIMERS: Кул.
ARMAGHAN BEHLUM: Па је.
И тогаш, ајде да видиме.
Вие исто така може да се забележи иако го снимавме
круг и гест има областа наречена тип
која ни кажува каков вид на гестот што е.
Така што може да биде корисно за нас се обиде и да го направи она што го правиме.
TOMAS REIMERS: Значи транзиција назад во ЈС,
првото нешто што се случува со мене Исто така, само читање преку овој код
е таму е мал оптимизација, што е тоа што всушност
не треба ова ако состојба, нели?
Затоа што ако рамката точка гестови dot должина е еднаква на нула, што за телефонска линија е
не се случува да се кандидира во секој случај.
Значи ние како може да оди само напред и да се ослободи од тоа.
Повторно, додека сте пишување на код важно е да се вратиш назад и вид
на Refactor како ќе сфатите дека можеше да се направи нешто подобро,
или дека постои друг начин да го направите тоа.
Па сега ние сме само ќе да се исчисти овој брзо и, исто така, се исчисти вашиот код.
Тоа е голема работа.
>> ARMAGHAN BEHLUM: Добра стил е многу ценет.
>> TOMAS REIMERS: Можете секогаш се каже кога некој
има код каде што се користи да биде, ако состојба и тогаш тие го отстранат,
но тие не го одкоментира.
Тоа е многу очигледно и Тој вид на изгледа грдо.
ARMAGHAN BEHLUM: Значи она што е Следна на нашите да се направи листа?
TOMAS REIMERS: Па сега како што велеа, Претпоставувам дека првото нешто што сакате да направите,
е да бидете сигурни дека тоа е гест всушност еден удар, нели?
>> ARMAGHAN BEHLUM: Да.
>> TOMAS REIMERS: Значи, ако ние велиме дека нашите збогум е вид на како еден удар,
ние ќе одиме со тоа е еден удар, на Првото нешто што ние треба да го кажам е дека, еј,
е гест напишете удар, нели?
Не е круг или на врвот, но тоа е удар?
Па начинот на кој можеме да го направи тоа е може да се каже гест
точка тип еднаков еднаков удар како стринг.
>> ARMAGHAN BEHLUM: [нечујни] гест точка тип еднаква еднаква на бришење.
Не сме.
>> TOMAS REIMERS: А тогаш на последното прашање
сакаме да го видиме е гест точка државни еднаков еднаков станица, нели?
Значи тоа е кога гест е запрена.
Јас всушност мислам за удар, јас знам ова од врвот на мојата глава,
но вие сте добредојдени да ја Гледај го, кога ќе
повлечете секој пат кога тоа го регистрира додека не престане да се почеток гест.
И тогаш на последниот нечиј само стоп знак.
Па таму ќе биде само едно гест, што е одлично за нас.
Значи она што можеме да направиме е да се каже, ако гест точка тип еднаков еднаков удар и гест точка
статус на еднаквост еднакви престанат, тогаш ајде да разумност
проверете тука конзола точка најавите гест.
>> Затоа ние ќе се вратам овде.
Ние ќе се освежи страница.
И сега единствениот пат кога нешто треба да биде конзола точка најавени е кога ќе поминете со прстот.
И ние се обидуваме да се удар и можеме да видиме ништо.
Зарем не?
Значи ова е всушност голем проблем.
Ние не сме сведоци на она што се очекува да.
И дебагирање може да биде голем дел од ова.
Така првото нешто ние ќе да го кажам е, добро, ајде да се утеши точка
логирате тоа ако гест dot тип еднаков еднаков бришење.
ARMAGHAN BEHLUM: Да, ајде да го направите тоа.
TOMAS REIMERS: Значи ние сме ќе се вратиме на ова.
Ќе се одмориме.
Ќе удар.
И ние си оди за да се види еден куп од нив.
OK.
Па јасно дека проблемот е со нашиот гест точка статус.
Значи, ако ние се отвори еден од овие ние ќе погледне во објекти и ќе видиме,
добро, тоа е крај, но, ох, се вика државата, а не статус.
Значи, ако ние се упатат кон нашиот код можеме да кажеме
ако гест точка тип еднаков еднаков удар и гест точка државни еднаков еднаков запре,
тогаш ние ќе ги утеши точка најавите него.
И така се одмориме.
Ние удар.
И ние ќе се види дека на секој удар, ние сме само
добивање на една, која е крајот, што е одлично, нели?
Тоа е она што го сакаме.
>> ARMAGHAN BEHLUM: Да.
И ние исто така може да се забележи дека на ИД за секоја од овие гестови се одвоени.
Значи, како што нагласува Томас велеше, бидејќи ние сме фаќање на ова едно држава која
постои на крајот на удар, ние сме добивање поединечни посебни гестови
Скок од движење.
Велики.
>> TOMAS REIMERS: Ајде да одиме напред и само го направи конечниот работа, што е,
>> ARMAGHAN BEHLUM: Збогум.
>> TOMAS REIMERS: Прекрасно.
А сега, ајде да се провери од нашата веб страница.
Еден
>> ARMAGHAN BEHLUM: Втора.
Ние не се, да, ние не го нарекуваат збогум.
Велики.
>> TOMAS REIMERS: Не, Збогум е вистинската функција.
>> ARMAGHAN BEHLUM: Да.
Ајде да го направите тоа.
>> TOMAS REIMERS: А кога имаме бран збогум, се вели збогум.
>> ARMAGHAN BEHLUM: Имаме победа.
>> TOMAS REIMERS: Значи прилично возбудлив нешта.
Се надеваме дека може да се изгради нешто друго, но ќе го добиете идеја за тоа, нели?
Вие може да се открие гестови.
Можете да се јавите функции.
И од тоа што навистина ви дава некои многу основните градежни блокови
да се каже, ох, можеби кога ќе поминете со прстот нагоре, затоа што, исто така, може да се открие работи
како насока.
Сакам да се направи нешто.
Или кога ќе поминете со прстот во право, јас сакате од нив да направат нешто.
И ние може да почнат да се добие креативни со тоа како точно
ние си оди за да се подобри нашата веб-страница користење на овие удар гестови или круг
гестови, или допрете гестови, или клучните чешми или екран чешмите.
И тогаш, освен дека сте повеќе од добредојдени да се игра
со реалните податоци, но ако сакате да се направи
дека ние би Ви препорачуваме да одат на доктори затоа што тие се навистина добри.
Значи се упатија кон Docs сега.
Или сакаш да зборуваме за тоа?
>> 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 или делта x, y делта, делта z.
Па сега на чело на документација тоа е developer.leapmotion.com
а потоа можете да кликнете документација.
Повторно, скок движење ги има сите овие прекрасен API-јата, еден за JavaScript,
еден за C Sharp и единство, еден за C ++, еден за Java, еден за Python,
и една за цел В. јас лично ќе те турнам кон вклучите Javascript-
или ако сакате да се научи нов јазик, обидете се Пајтон.
И двете од овие јазици Сум работел со пред и тие се навистина лесно да се научат
и дека веќе знаете JavaScript, кои го прави навистина добар кандидат.
>> Еден збор на претпазливост кога ќе влезат на Docs.
Бидете сигурни дека сте на Документи v2.0.
Затоа што ако сте на Верзија еден, тоа нема да работи.
Исто така, за пример галерија.
Ние помина добар 30 минути обидувајќи за дебагирање нашите Скок
пред да сфати дека V1 не работи со V2.
Значи, само бидете сигурни дека сте на верзијата две.
И тогаш ќе Го пуштам покаже на вашиот Docs.
ARMAGHAN BEHLUM: Да.
Значи тука е API преглед, а потоа некои парчиња и делови на информациите
дека ние сме веќе ти реков.
Убаво малку лебдечки рацете над Скок движење.
И потсетник да се мисли за простор во 3D.
Еден од првите објекти да се размислува за Скок со движење се рацете, се разбира.
Видовме оние признати од страна на Visualizer.
И тогаш ќе може да има види што го признаа
дел на рачниот зглоб и АРМ се поврзани со него.
TOMAS REIMERS: Ако сакате да се повлече до Visualizer.
ARMAGHAN BEHLUM: Да, ајде да го направат тоа повторно.
TOMAS REIMERS: Може да се види, секогаш само добар потсетник за вид на се види,
на Visualizer се обидува да покаже сите податоци кои Скок гледа.
Така ќе се види дека имаме овие вид на четири поени
од страна на рачниот зглоб и тогаш вистински зглоб.
И ти исто така ја имаат оваа топка во дланката.
Сите овие се места признаваме призната од страна на скок.
>> ARMAGHAN BEHLUM: Токму така.
И така со таа рака објект секоја рамка има рака низа
како и, каде што, исто така, може да се добие левата и десната рака.
Можете да добиете кој насока рацете се
се соочува со нормална насока на дланката,
или како што го нарекуваат дланката нормално.
Што уште ни треба?
Ние, исто така, Упс.
Ајде да се обидеме и да дојдете долу на овој начин.
На рацете, прстите се претставени со прст
класа, која е pointable објект.
Значи како што велеа, видовме дека низа на pointables за секоја рака.
Тоа се малку прсти да се размислува за.
Значи ова е добар преглед да се оди преку за да се обиде и да се разбереме.
TOMAS REIMERS: [нечујни] страна анатомија до таму.
ARMAGHAN BEHLUM: Да, точно.
Па је.
Има еден многу сурови податоци дека Скок движење зема во толкува и
за вас, па тоа е одлично Идејата да поминат низ овде
и се обиде да дознаам како Скок има веќе сфатиле работи за вас
и така што информациите што ви имаат на располагање од таму.
А потоа од таму јас ќе им препорачаат одат во овој лев дел овде,
кој оди, и всушност, не, тие се всушност само уште API работи about--
>> TOMAS REIMERS: Референтен API, во дното обично е добро место да одат.
Вие момци веројатно го виде тоа кога ние го сторивме на Google Maps PSET.
Но препораката навистина само оди преку сите
на функции и параметри достапни во објектот за вас.
>> ARMAGHAN BEHLUM: Да.
На пример, тоа е она што Бев во потрага по претходно.
Кога имаме ние страна може да оди и да дознаам
како Скок препорачува за нас да се најде рака.
Како што реков претходно, имаме раце низа.
Дознајте дали имаме раце и а потоа се обиде и да се дофати со една рака
за да комуницирате со оној начин.
Значи тоа е она што ние препорачуваме за вас момци.
Гестовите и работи, како и.
Ова API документација ќе да биде фантастична алатка за вас момци.
Дали имате било какви други препораки?
>> TOMAS REIMERS: Јас не.
Мислам дека тоа е добро за сега.
>> ARMAGHAN BEHLUM: Да, Мислам дека е така, како и.
Слободно можете да ни е-мејл и да добијат во контакт за скок движење
ако имаш можеби било какви прашања или се потребни никакви препораки.
И ние може да се обиде да дознаам работи излезе со вас момци, како и.
Ви благодарам.
>> TOMAS REIMERS: Велики.