>> TOMAS REIMERS: cool.
Tak ahoj, všichni.
Jmenuji se Tomas.
Jsem TF a to je
ARMAGHAN BEHLUM: Armi.
Jsem rád, že vás vidím lidi.
TOMAS REIMERS: cool.
Takže budeme mluvit o Leap Motion dnes.
Takže Leap Motion je opravdu super výrobek, který
vám umožní komunikovat s počítač jiným způsobem.
Takže celá myšlenka skok pohyb je, že vás
použít své ruce komunikovat s počítačem.
Tak tady mám něco nastavit.
Promluvím si o tom trochu.
Ale základní verzi je můžete vidět, že mám ruce před
z mého počítače, a když jsem je přesunout, dostanete analogového na počítači
a můžete analyzovat to.
Můžete vytvořit gesta.
Můžete použít své ruce komunikovat s počítačem
V novém a zajímavým způsobem.
>> No, vlastně jsem se poprvé chtějí vydávat na Armi
vám ukázat nějaké zajímavé ukázky toho, co někteří lidé dělali s tím.
A pak se budeme bavit o tom, jak jste vlastně kód s tím.
ARMAGHAN BEHLUM: Jo.
Dobrý den.
Tak, jak jsme viděli, málo Údaje zde, ale pojďme se podívat
to, co někteří lidé dělali s tím.
Takže mi dovolte otevřít tento příklad.
A pak, takže například můžete vidět moje ruka tam analog, ale teď tentokrát
někteří lidé používají Unity mají rozhodl se dát trochu více kůže
a tak kolem ruky.
Tak jsem si, pojďme s tímhle, Jistě, mají ruce interakci.
A vy si asi představit, pár dalších skvělých užitečných věcí
že si můžete dělat s tím.
Takže to je alespoň jeden příklad.
A pak se pojďme skočit z toho.
>> A pak další kliďas je, pojďme s tímto.
Plasmo koulí.
Opět platí, že bychom neměli být nutně očekávat, že tuto úroveň složitosti
z konečného projektu pro CS50.
To je jen ukázat některé, vám kluci
trochu inspirace pro to, co vy můžete dělat s Leap Motion.
Tak například tady v pohodě například fyzika, který tam jdeme.
Má obě mé ruce, takže teď si mají tento malý plazma koule.
A míč reaguje na fyzice mě pohybující se mě za ruku kolem koule.
Teď je to všechno však používá Unity, za použití druhu nástrojů a rámců
že jsme se učili kluci ve třídě,
ale jak můžete vidět některé docela pohodě běh průchodky s tím.
>> Ale jedna věc, která vy můžete dělat rozjezdu teď s Leap Motion
je práce v jazyce JavaScript.
Leap Motion má API JavaScript, který vy můžete používat a důrazně, vysoce
Doporučujeme, aby kluci vybudovat Vaše projekty využívající že.
Takže s tím, dovolte mi, abych předat jej zpět off Tomášovi
mluvit o Leap Motion a JavaScript.
TOMAS REIMERS: cool.
Nebo chcete zobrazit je Visualizer první?
>> ARMAGHAN BEHLUM: Oh ano.
Ano.
Pojďme mluvit víc o tom Visualizer.
>> TOMAS REIMERS: Takže na nejzákladnější level, když přijdete do Leap Motion
budete mít toto políčko.
Tady, chtějí, abych převzít kontrolu?
>> ARMAGHAN BEHLUM: Jo, jít na to.
>> TOMAS REIMERS: Takže když se Nejdříve se na Leap Motion
budete mít toto políčko.
To má zařízení, které vypadá nějak takto.
Můžete jej zapojte do vašeho počítače, nainstalovat potřebné ovladače,
a pak se v podstatě být nastavena.
Takže nejjednodušší způsob, jak třídit z obchodu s Leap Motion
je otevřít tento program se nainstaluje volal Leap Motion Visualizer.
A Visualizer je doslova to, co jsem tady ukazovat.
To vám umožní vidět kosterní přehled o vašich rukou.
A co Leap Motion interpretuje je jako.
Takže Leap Motion využívá kamery třídit z pohledu na své ruce
a pak se snaží odhadnout, co základní kosterní složení, které vás
vidět na obrazovce je.
A to je to, co vám ukáže.
ARMAGHAN BEHLUM: Každý jediný smysl
a to, že jste vidět, že je Údaje, které je k dispozici na vámi
také použít.
Takže vidíte, že je to zachycení, že Tomas
má pět prstů, každý z tyto jednotlivé prsty
jsou k dispozici také pro vás údaje body pro použití v jakékoliv aplikaci
že budete chtít.
Chcete-li zjistit, zda někdo dělá palce nahoru
vidíte, zda prsty jsou zkroucené a zda jsou
palec prst směřuje směrem nahoru, nebo pokud
jejich zápěstí nebo dlaň je a tento druh věcí.
TOMAS REIMERS: cool.
Takže můžete vidět některé gesta to chápe lépe než ostatní.
Pamatujte si, že se dívá na vaše ručně z kamery na ode dna,
takže když máte ruce jako to, že je plně chápe,
ale jakmile začnete, aby se pokusila udělat palec nahoru, někdy to čte,
Někdy to může hádat, ale upřímně fotoaparát prostě nemůže vidět palec.
Takže to není opravdu jisti, že to, co se děje.
Jen některá omezení mít na paměti, když jste vývoji s tím.
>> Každopádně, takže se vrací do toho.
Visualizer vlastně má spoustu užitečných nástrojů.
Takže Leap Motion je naprogramován takovým způsobem,
že neočekávají, abyste komunikovat s tím, že obrazovými daty.
Nemají vlastně Očekávám, že pochopit
co se děje v zákulisí.
To, co dělají, je vystavit banda API pro vás
taková, že můžete komunikovat s těmito daty
přímo bez pochopení co se děje pod kapotou.
>> Takže pokud jsme narazili H tady v Visualizer uvidíte spoustu možností.
Důležitý zde však je, pokud trefíte O a stisknout H,
uvidíte, že to umožňuje kreslit gesta.
Takže gesto, uvidíte čerpá šipku napříč.
Gesto je jedním ze způsobů, které Leap Motion druh vám umožní dostat se na údaje
aniž by bylo nutné je zpracovávat.
Takže spíše než mě museli přijít out, oh, ruka byla v pohybu,
i když mám přístupový bod k API bude nějak mi to říct,
hej, oni dělali toto gesto.
Takže si můžete udělat základní šipkami gesta.
Můžete vytvořit kruh gesta.
Můžete vytvořit klepnutím na gesta.
A vy můžete udělat klíčové tiskové gesta.
Jo.
A takové věci.
Takže teď, že máme trochu viděl, co Leap Motion se dá dělat,
můžete vidět, že umí číst celá parta gest.
Myslím si, že budu předat jej zpět na Armi
a on se bude mluvit o tom, jak vám na nich s JavaScript,
jak jste dokonce začít projekt s tím.
A pak budeme hovořit o některých pohodě míst, kam můžete jít s tím.
ARMAGHAN BEHLUM: Jo.
Zní to dobře.
Tak jo, první věc, kterou bychom bude chtít, abys samozřejmě,
je poté, co se dostanete Leap Motion je na přejít na leapmotion.com, nastavit, nainstalovat
řidiči a tak.
Poté, co dělá, že můžete jít ujistěte se, že je připojen.
Vidíte-li v malém zásobníku Leap Motion ikona a je to zelené,
pak víte, že to je vše.
A samozřejmě, podívejte se, co přesně Tomas jen ukázal ty gesta
a dělá na obrazovce kohoutky, a klíčové kohoutky, a tento druh věcí.
>> Poté však my, ještě jednou, jak jsem řekl,
máme přístup ke všem z nich věci v JavaScriptu stejně.
Ideální nastavení, které bychom vám doporučujeme
chlapi, je jít do vhost adresář, místní hostitel,
veřejnost v CS50 spotřebiče.
A když se tam to, co budete vidět, je index tečka soubor HTML.
Teď, když index dot HTML soubor nebo index dot
PHP soubor, podle toho, co je v pořádku, co se pak můžete dělat
je jít do hlavního operačního systému.
A když jdete na IP adresy která je uvedena v pravém dolním rohu
rohu vašeho přístroje přímo tady, jak můžete vidět, pak to, co se děje
se můžete přejít na stránku, která je odkazuje, že index tečka HTML souboru.
Takže veškerý kód, který můžete umístit do tam dostane poslal a je použitelný zde.
>> TOMAS REIMERS: Tak to je taky důležité pouze orientační
že pokud vy vlastně víte, Jak nastavit server sám,
nebo chcete-li dát na celém světě tento web, jste vítáni dělat cokoliv.
Pamatujte si, že se jedná o jen soubory JavaScript
a všechny zpracování Leap se provádí na straně klienta.
Takže to opravdu nezáleží kde se váš server životy
tak dlouho, dokud počítač si prohlížíte webové stránky na
nainstaloval Leap Motion.
ARMAGHAN BEHLUM: Přesně tak.
Stejně jako Tomáš řekl, jo, co pracuje pro vás.
To je jen jeden z našich doporučení.
Nyní začít používat skok Motion, co byste udělali
se chcete importovat JavaScript soubor z Leap Motion.
A pak se tam to, co můžete udělat, je právě teď
Mám jen tento odstavec štítek nastavit s ID textu.
Věci, které bychom Doporučujeme jsou možnosti nastavení regulátoru
pro Leap Motion s umožňují gesta aby to byla pravda.
Takže ve výchozím nastavení těmi gesta, která vám ukázaly
kluci, kruh, a klíč kohoutek, a ohání,
ty, které nejsou zobrazeny na kluci ve výchozím nastavení.
Ale doporučujeme používat ty takže nejste objevování Ameriky.
Povolení pro ty, pravda, kolem těch Možnosti řadiče skočit dot smyčky
a to je všechno, aby mohli vyrazit.
Vzhledem k tomu, pak stačí jen definovali anonymní funkce
, který bude mít v rám z Leap Motion
a že rám má všechny Informace, které budete potřebovat.
>> TOMAS REIMERS: Takže jen proto, aby rekapitulace, budete mít jeden objekt.
Máte tuto funkci volal skok dot smyčka.
A vy to nazýváte se dvěma argumenty.
Zavoláte to s jedním, možnosti regulátor.
A existuje mnoho Volby, které můžete umístit tam.
Ten budeme Důraz je umožnit gesta.
A pokud si nastavíte ji na hodnotu pravda, pak můžete získat přístup na tohle gest
že vám ukázal v Visualizer.
>> A pak druhý argument je funkce, je to něco jako zpětné volání
která se bude jmenovat každý čas každou rámec Leap
Takže pokaždé, když přestupné registry, které vaše ruka tah, to má nový rám.
A to volání této funkce s jedním argument, který je předmětem rámeček.
A že rám objekt popisuje rám jako skok to vidí.
ARMAGHAN BEHLUM: Přesně tak.
Takže tento obsahuje všechny užitečné kousky informací
že jsme mluvili o tom dříve.
Kontrola snímků dot gesta je pole gest
že skok pohyb chytil svůj ruce dělají v posledním framu.
Tak například, to, co jsme tady se budeme kontrolovat,
hej, Leap, v tom posledním snímku udělal chytit všechny gesta, které jsem udělal?
A pokud ano, co jsme se rozhodli udělat Je iterovat těchto gest
a pokusit se získat nějaké užitečné informace z nich.
Každé gesto má jedinečný ID s ním spojené.
Mají typy.
Můžete se podívat na které prsty byli zapojeni do gesta
kontrolou tuto směrovatelná věci.
Takže pokud, když jdete přes Leap Motion JavaScript API věci,
když se zmínit pointables, oni mluví o těchto prstů.
A pak ruce jsou, samozřejmě, celý ruka objekt.
>> Co ještě?
Můžete zkontrolovat, jak dlouho pohyb pokračoval
pro a, ano, všechny ty užitečné věci.
Takže to, co dělám právě teď Zde je, že jsem přihlášen rám,
a pak jsem aktualizovat HTML k zobrazení všechny tyto bity informací
z rámu.
Takže pojďme zkontrolovat, že ven.
>> Tak tady to je.
Zde je soubor HTML index tečka.
A jak jste právě viděli, když jsem se právě přestěhoval moje ruka Leap chytil kruhu pohyb.
Takže vidíte, mě dělá kruh přes tady, aktualizuje informace kruhu.
Dělat ohání, chytá ohání.
Zkusme kartu obrazovky.
Tam jsme jít.
Klepněte na obrazovce a klepněte na klíč.
Takže klíčové kohouty Také tím, že způsobem, jsou, když narazí dolů.
Takže si dovedete představit Možná, že hraje na klavír.
>> A pak se na obrazovce kohoutky když narazí na obrazovku.
Takže si dokážete představit, možná si skutečně mají dotykovou obrazovku před sebou
a vy jste bít na dotek obrazovky před vámi.
A pak se můžeme chytit jeden z těchto objektů v sem.
Takže pamatujte Řekl jsem, že jsem byl absolvování rám do logu konzole.
A tak se můžeme podívat na všechny kousky informací
které jsou k dispozici v že rám také použít.
>> Stejně jako jsem řekl dříve, pointables jsou prsty.
V té chvíli jsme neměli naše ruce před Leap Motion
tak to zapsána nula, ale to je to, jak vás
začne zjistit možná Kolik prstů je obrazovka.
A tento typ informací.
TOMAS REIMERS: a vzpomínání je to jen objekt.
Takže vše, co lze přistupovat něco jako struct
v C. Ty mají za cíl jméno tečka název vlastnosti.
A pak v rámci které máte pole a máte další objekty,
ale pamatujte, že je to jen objekt.
Na tom není nic zvláštního proto, že jsme pomocí skok.
ARMAGHAN BEHLUM: Jo.
Super.
Měli bychom vyzkoušet pár příkladů JavaScript?
>> TOMAS REIMERS: Tak Rychle si uvědomit, že my
řekl, že Leap může ve skutečnosti spustit na všech stránkách.
LeapJS právě podává klientovi.
A tak spolu jako klient Leap Motion připojený že to bude fungovat.
Takže Leap Motion má webové stránky, kde se lidé
mohou sdílet své příklady z věcí, které udělali.
Takže jsme prostě jít prostřednictvím několika z nich
aby zjistili, co je možné před potápění do více specifika o tom, jak
je to možné.
Tak
ARMAGHAN BEHLUM: Uvidíme.
TOMAS REIMERS: Nyní je třeba pracovat.
ARMAGHAN BEHLUM: Tak teď předtím, než jsme viděli příklad
pomocí jednoty, která vykreslen naše ruce s docela působivé grafické kůží,
ale nyní můžete vidět, co můžete udělat totéž uvnitř webovém prohlížeči.
To vše je v Chrome jen pomocí JavaScript.
A pak další pěkné věc je, pokud chcete
vědět, jak to udělali, příklady na JavaScriptu
také obsahovat kódu, které si můžete vyzkoušet a pak uvidíte
jak se tato osoba byla popadl ruce a kódy a tak.
>> Tak to je vše, co můžete najít na developer.leapmotion.com.
Můžete jít a check-out JavaScript příklady, které tam mají.
Tak jo.
Zde jsou ty, oops líto.
Zkusme to znovu.
Oh.
Mám dvě pravé ruce.
Tak jo.
>> TOMAS REIMERS: Tak a ještě jednou, pamatovat někdy Leap zkazí.
Jen to chvíli.
Není to dokonalé, ale je to docela dobré.
ARMAGHAN BEHLUM: One další doporučení také
je to dělat na přímém slunečním světle.
Způsob, jakým Leap Motion Práce je, ve skutečnosti
pokud ukážu kameru tento také, infračervené světlo.
Tak to posílá ty, a pak se čte je, když se vrátí.
Takže pokud se snažíte to udělat přímému slunečnímu záření,
Například, je to asi nebude fungovat,
nebo, že to bude vyžadovat někteří kalibrace, aby tak učinily.
>> Také další doporučení je vyčistit prostor za skok
a před Leap.
Ber to jako práce uvnitř kopule, která je
obklopující tento objekt Leap Motion.
V případě, že je věc správná za to, jak dobře,
že to také bude zasahovat s tím, jak Leap Motion se snaží
rozpoznat ruku a tento druh věcí.
>> Tak například, myslím, že v tomto případ, že je to můj notebook vlastně
to je něco dělat Leap Motion.
Jo, jdeme na to.
Takže když jsem se vyklidit svůj laptop od Za ním ruka objeví docela dobře.
Tak jo.
Tam je to.
Takže to, co ještě jsme se jim ukázat.
TOMAS REIMERS: Myslím si, že Nyní bude čas
třídit ponoru do a Řekněme vytvořit demo zcela od nuly.
Bude to opravdu jednoduché.
V podstatě to, co budeme pokusit se udělat, je, aby to
tak, že když přejedete rukou, na pozadí se začnou tak, jak červené,
a když přejedete rukou, pozadí se bude zelenat.
OK?
Opravdu jednoduché.
A to je v podstatě jen jít přes mnoho
z koncepcí, Leap takže můžeme
dostat se do této ideologie jak Leap funguje a jak můžeme stavět věci s tím.
A pak se tam potkáme Pravděpodobně jen ukázat vám
Docs API a kde na vás můžete přečíst více o tom.
A pak budeme říkat den.
Takže chceš kód nebo chceš, abych kódu?
ARMAGHAN BEHLUM: Jo.
No, myslím, že můžeme pracovat společně na to a zkuste
>> TOMAS REIMERS: takže budeme udělat nějaké pár kódování.
ARMAGHAN BEHLUM: jsme tam jít.
To je přesně to, co jsem se chtěl vyzkoušet.
Super.
Tak například v tu, pojďme se podívat.
I když jsme se iterace prostřednictvím gest již,
TOMAS REIMERS: Chcete, aby se Jen zcela nový soubor?
ARMAGHAN BEHLUM: Zcela nový soubor?
Jo, určitě.
>> TOMAS REIMERS: Jo.
>> ARMAGHAN BEHLUM: Tak pojďme to udělat.
>> TOMAS REIMERS: Takže jdeme aby se zcela souboru.
Budeme říkat, že ruce dot HTML.
To je v pohodě se mnou.
Takže pamatujte uděláte značku HTML, pak v rámci které budete mít hlavu.
Tato hlava má titul v něm.
Takže karta jiná cesta.
Tady to je.
Titul, budeme říkat Leap příklad.
Jo.
>> ARMAGHAN BEHLUM: Oops.
Název.
>> TOMAS REIMERS: Jo.
>> ARMAGHAN BEHLUM: Tady to máme.
>> TOMAS REIMERS: A pak pojďme udělat tělo.
>> ARMAGHAN BEHLUM: Počkejte, pojďme Také zkontrolujte, zda chcete importovat.
TOMAS REIMERS: Oh, samozřejmě.
Má špatné.
Takže vždy ujistěte, že máte Leap skript, tak to je scénář vám dáno
od Leap Motion, která v podstatě umožňuje webový prohlížeč pro připojení
do zařízení na počítači uživatele.
A pak se v tomto také potřebují tělo a řekněme,
aby se tělo pozdravit tak že můžeme ukázat studentům
jak se připojit k této nové webové stránky, které dělal.
ARMAGHAN BEHLUM: Jistě.
Tak ať to jen dát another--
>> TOMAS REIMERS: Ahoj, ahoj svět.
Takže velmi jednoduchý příklad.
Opravdu jen demo.
>> ARMAGHAN BEHLUM: A pak tady máme může jít, se nazývá jsme to ruka dot HTML,
že jo?
A oh!
Tak by mě zajímalo, co je špatně s tímto právě teď.
Pojďme přidat oprávnění ke čtení do ruky dot HTML.
TOMAS REIMERS: Chcete na to ve velkém terminálu
takže můžeme jen ukázat, že na the--
>> ARMAGHAN BEHLUM: Jo, to dává smysl.
Dobrá.
Tak jsem přidal oprávnění, ale pokud
byli se podívat oprávnění než jsme
by vidět, že vlastně za ruku dot HTML neměl oprávnění ke čtení
a proto jsme nemohli učinit to.
Ale teď když to uděláme tak, vidíme svou malý hello world právě tam.
>> TOMAS REIMERS: Takže je vlastně, jak psal, Hello World,
Myslel jsem, že o způsobu můžeme změnit.
Udělejme to říkat Hello World, a pak, když vlna, říká sbohem.
Je to tak?
Tak ahoj, nashledanou.
>> ARMAGHAN BEHLUM: Jistě.
>> TOMAS REIMERS: To zní docela dobře.
>> ARMAGHAN BEHLUM: To zní dobře, taky.
>> TOMAS REIMERS: Takže pokud jsme dělat, že řekněme,
promyslet webové stránky trochu.
Budeme potřebovat nějaký skript který v podstatě registruje
že jste zamával, a skok, vlna a švihnout, totéž.
Takže budeme potřebovat skript, který v podstatě registruje pro tento výpad.
A další věc, že ​​jsme bude potřebovat, je, že jsme
bude potřebovat nějaké skutečný obsah změnit.
>> Tak, jak si vzpomenete, jQuery umožňuje měnit obsah.
Takže jedna věc, kterou bychom mohli chtít zahrnout v je knihovna jQuery.
A pak, aby bylo možné zvolit, co jsme vlastně bude měnit obsah,
že to bude potřebovat ID nebo třídy, nebo něco
že můžeme použít, vyberte jej.
Tak jsme si jen dát si rychlá ID změny textu.
A pak ho chcete chytit jQuery?
ARMAGHAN BEHLUM: Takže to, co je první věc na náš seznam úkolů pak nyní?
TOMAS REIMERS: Pojďme chytit jQuery?
ARMAGHAN BEHLUM: Pojďme chytit jQuery, OK, v pohodě.
V tom případě jdu muset actually--
pokud by byl Nejlepší místo k tomu, že?
>> TOMAS REIMERS: jQuery, takže pokud jste Google jQuery, jQuery hit, první
ARMAGHAN BEHLUM: Velmi první.
TOMAS REIMERS: Or download.
To je v pořádku.
Hit stahování V1 a V2, na levé straně.
Takže jsme popsat jQuery od on-line, jako vy jste asi udělal.
Posunout dolů.
Nahoru, nahoru.
>> ARMAGHAN BEHLUM: Oh, tady teď?
TOMAS REIMERS: Nebo že.
Jo.
Takže jQuery má hostované verze což znamená, že ne ve skutečnosti
je třeba jej stáhnout, ale ty jsi víc než
vítejte na stáhnout a host sami.
ARMAGHAN BEHLUM: cool.
Takže teď máme jQuery.
Teď, co je další na naší udělat seznam.
TOMAS REIMERS: Úžasné.
Takže příště, co potřebujeme udělat, je, že jsme skutečně potřebují
dát p hello world ID tak jsme to může změnit, ne?
Takže pojďme dát představu, Já nevím, změnit text?
ARMAGHAN BEHLUM: Řekněme to udělat takhle, myslím.
TOMAS REIMERS: changeText, v pohodě.
A teď pojďme stačí aktualizovat stránku.
Ujistěte se, že vše funguje.
Takže zpět v prohlížeči.
Super.
Vždy dobře připomínkou toho, že když jste budování internetové stránky,
pravděpodobně aktualizovat pokaždé, když provedete jakákoli poněkud významná změna jen
proto, že někdy se náhodně pokles značku,
nebo jste omylem smazat něco, a pak rozbít něco malého,
ale pak, když uděláte větší změnu jste jako, proč to velká změna
zdánlivě rozbít nesouvisející věci.
Takže je to vždy dobré jakési jít a dělat ty kontroly zdravý rozum.
>> Každopádně tak teď pojďme dělat Poslední kontrola rozumu,
který se pojďme pokusit změnit Text bez Leap Motion,
bez ničeho, jen na zatížení stránce to bude
změnit Hello World na sbohem pomocí jQuery.
Takže pokud si vzpomenete jQuery vystavuje tento znak dolaru funkce,
které můžeme projít voliče CSS, a to hashtag změna text, který
vybere prvek s ID změny textu.
A pak půjdeme volání metody HTML
na objektu se vrací s Argument řetězce sbohem, který
změní položky HTML rozloučit.
Děsivý.
To se zdá docela v pohodě.
A teď, když jsme se občerstvit stránky budeme vidět
se okamžitě změní na rozloučení, ne?
Vzhledem k tomu, že nebude čekat na nic.
Druh jakmile tomuto scriptu spustí se změní to sbohem.
Super.
>> Takže teď pojďme zabalit, že ve funkci.
Správně.
Takže budeme chtít aby se funkce.
Budeme říkat sbohem.
Takže sbohem funkce je bude trvat žádné argumenty
a to není opravdu chystá k návratu nic.
A je to jen bude tomu, že v JavaScriptu.
Výborně.
Takže naše funkce sbohem teď změní text rozloučení, ne?
Tak to nám dává cestu se v podstatě změnou
že text goodbye kdykoli je to jsme zavolali tuto funkci.
Je to tak?
Tak to je docela v pohodě.
>> ARMAGHAN BEHLUM: No, my jsme Můžete také jen se ujistěte,
že teď, protože nejsme volání funkce, pokud budeme aktualizovat stránku,
Všimněte si, že to nebude změnit text.
>> TOMAS REIMERS: Výborný.
Takže teď jdeme na začátek se dostat do té Leap věci
že jsme mluvili o.
Takže Armi, chceš vezměte si ji odsud, nebo?
>> ARMAGHAN BEHLUM: Jo.
Jistě.
Já jsem asi bude potřebovat překontrolovat věci,
ale například pamatovat řekli jsme chtěli
aby se ujistil, v okně Možnosti jsme si stanovili umožnit gesta
TOMAS REIMERS: Dobrý úlovek.
ARMAGHAN BEHLUM: je to pravda.
A pak jsme byli doporučující že kluci by
běh skok dot smyčka, která jak už jsme řekli,
má dvě možnosti, objekt JSON, který se o možnosti, jak chcete
nakonfigurovat Leap Motion práce, a pak se funkce, která je
nechytí rámu jako zpětné volání Funkce jako Tomáš říkal.
A pak upravit, co chcete co do činění s tímto funkcí.
>> Tak jsme se projít v možnost a teď definujeme
funkce, která bude mít v rámečku.
A teď musíme definovat to, co tato funkce dělá.
Je to také kvůli budoucnost, to udělat, aby se ujistil.
TOMAS REIMERS: Výborný.
Takže teď máme to skok funkce dot loop
volání, která v podstatě říká, že dívat se na skok s těmito možnostmi a pokaždé
se něco změní, nazývat Funkce rám se všemi údaji
že jste si vědomi v rámu.
Zní to docela dobře.
Takže teď rychlou kontrolu rozumu, který vždy doporučuji,
je v tom, že jen dát konzola dot log frame.
A pak se v Chromu jej otevřete nahoru a podívat se na konzole
a pohrajte si s Leap vidět rámy byly zaznamenány, protože této vůle
vám představu o tom, co údaje, které máte přístup.
A jako vždy, když se zmást, vyhledat reference API.
A budeme zahrnovat odkaz pro, že na konci tohoto.
>> ARMAGHAN BEHLUM: Tak jsme aktualizujte stránku a poté
jdeme a otevřít znovu konzolu.
A teď jsme si všimli, že jsme s rámy prošel v,
tyto malé objekty jsme viděli dříve.
Tak jo.
To jsou naše rámy objevovat v konzole.
Super.
>> Takže teď, že jsme popadl rámy, jak jste si možná vzpomenou dříve
z příkladu, který jsme měli, pokud budeme kontrolovat rám dot gesta
dostaneme seznam gest rám naposledy chytil.
Můžeme zjistit délku tohoto pole aby zjistil, jestli Leap chytil nějaké gesta.
Takže pokud, že pole je větší než nula pak
víme, že máme nějaké věci na práci.
>> Takže pojďme zabalit, že až v jestliže stavu a teď tady, co víme je, že jsme
Viděl gesto, pojďme jednat.
Takže teď, že jsme tady my mají gesto vyzkoušet.
TOMAS REIMERS: No, první věc je, že to není jen jeden gesto,
to může být tolik gesta.
>> ARMAGHAN BEHLUM: To je pravda.
TOMAS REIMERS: Tak za klasický C styl zde
pravděpodobně budeme chtít použít pro smyčce.
ARMAGHAN BEHLUM: Tady jsme se pak.
Rozhodli jsme se opakovat prostřednictvím gest.
A podívejme se.
i plus, plus.
A teď když jsme snad z jen var gesto rovná
rám dot gesta držák i, teď máme
gesto samotné, což je jen jeden single instance gesto objektu
pro nás pracovat Uvnitř to pro smyčky.
Dobrá.
TOMAS REIMERS: Pojďme zdravý rozum zkontrolujte znovu tady a právě konzole
dot přihlaste gesto, aby viděli, co dostaneme.
>> ARMAGHAN BEHLUM: Console dot log gesto.
Okie dokie.
A obnovit ještě jednou.
>> TOMAS REIMERS: A pojďme zkuste dělat gesto.
Uvidíte, že parta o, když se ohání,
dostanete spoustu gest v konzole a když se snaží udělat kruh,
je to jen--
>> ARMAGHAN BEHLUM: Kruhy jsou jen opravdu pěkné.
>> TOMAS REIMERS: Teď je divná věc tady, což je dělá jeden kroužek,
ale toto je přihlášení 80 gesta, že jo?
To je hodně gest.
Takže první druh věc realizovat, a to může být matoucí,
je to gesto není jen jednou přihlášen.
>> Na každém snímku, vpravo, takže když dělám kruh
Leap to zjistí je změna, z toho
je změna, z toho je změna.
A to se přihlásí každý jeden z nich.
Ale v každém z těch, to bude říkat, oh,
tam je gesto v současné době probíhá.
Takže mi dovolte říct, hele, je tu gesto a to je v současné době probíhá.
Takže to, co nechceme, aby udělat, je říci, oh, na jednoho každého
z těchto gest vám Chcete-li změnit text.
To, co chceme udělat, je, když to gesto se zastaví, a můžeme zkontrolovat, že
pak chceme změnit text.
ARMAGHAN BEHLUM: mhmm.
Tak jako je Tomáš je vysvětlení těchto gest
se mohou objevit až násobek rámy, ale například,
Když jsme byli s že kruh, můžeme vidět
že ID, že jeden jeden kruh, který jsme
možná se snaží dokončit byl po celou dobu stejný ID.
A ve skutečnosti, můžete také podívejte se na stav.
aktualizováno.
>> A pak je to pravděpodobně poslední kruh, který, oh, no, OK.
Takže někdy to ukazuje, stav zastavení gesto
a to vám také ukazuje stav o spuštění nové gesto když
uznává, pro jistotu, že jste začali nový gesto.
Například v tomto případě.
TOMAS REIMERS: cool.
ARMAGHAN BEHLUM: Tak jo.
A pak, podívejme se.
Můžete si také všimnout, když jsme dělali
kruh a gesto má pole s názvem typ
že nám říká, jaký druh gesto, že je.
Tak, že by mohly být užitečné pro nás si vyzkoušet a dělat to, co děláme.
TOMAS REIMERS: Tak přechodu zpět do JS,
První věc, která mě napadá, také, jen přečtení tohoto kódu
Je tam malý optimalizace, což je vlastně
Nemusíte, pokud podmínkou, že jo?
Vzhledem k tomu, pokud rám dot gesta dot délka je nulová, že smyčka je
nebudou probíhat tak jako tak.
Tak jsme se může stejně dobře jít vpřed a zbavit se toho.
Opět platí, že když jste psát kód je důležité vrátit se a třídit
z refaktorovat si uvědomíte, že vás mohl udělat něco lepšího,
nebo že existuje jiný způsob, jak to udělat.
Takže teď už jen tak čistit to rychle a také vyčistit váš kód.
To je velký problém.
>> ARMAGHAN BEHLUM: Dobrý styl je velmi ceněn.
>> TOMAS REIMERS: Můžete vždycky, když někdo
má kód, tam, kde býval, pokud stav a pak odstranili,
ale neměli vložte ji.
Je to velmi jasné a to trochu vypadá ošklivě.
ARMAGHAN BEHLUM: Takže to, co je vedle na naší seznam úkolů?
TOMAS REIMERS: Takže teď, když jsme říkali, Myslím, že první věc, kterou chceme udělat
se ujistěte se, že to gesto je vlastně švihnout, že jo?
>> ARMAGHAN BEHLUM: Jo.
>> TOMAS REIMERS: Takže když říkáte, že naše sbohem je něco jako výpad,
půjdeme s jeho výpad, První věc, kterou musíme říci, je, hej,
je gesto zadejte výpad, že jo?
Ne kruh nebo top, ale je to výpad?
Tak, jak to můžeme udělat se můžeme říci gesto
Typ dot rovná rovná výpad jako řetězec.
>> ARMAGHAN BEHLUM: [neslyšitelné] gesto Typ dot rovná rovná setření.
Tam jsme.
>> TOMAS REIMERS: A pak poslední otázka
Chceme-li vidět je gesto dot Stát se rovná rovná zastávka, že jo?
Tak to je, když gesto to byla zastavena.
Vlastně jsem si, že na výpad, I vím to z vrcholu mé hlavy,
ale jste vítáni, aby to najít, když se
přejeďte pokaždé, když zaregistruje dokud jej nezastavíte, je začátek gesto.
A pak poslední let jen zastavení gesto.
Takže tam bude pouze jednu zastávku gesto, což je pro nás skvělé.
Takže to, co můžeme udělat, je, když gesto dot říkají typ rovné rovné výpad a gesto tečku
Stav rovná se rovná zastavit, pak ať je zdravý rozum
podívejte se sem konzole dot protokolu gesto.
>> Takže půjdeme tady zpátky.
Budeme aktualizovat stránku.
A teď jediný případ, kdy by se něco být konzole tečka přihlášený je, když jsme se švihnout.
A snažíme se přejeďte a vidíme nic.
Je to tak?
Takže je to vlastně velký problém.
Nejsme vidí to, co jsme očekávali.
A ladění může být velká část toho.
Takže první věc, jedeme říci je, OK, pojďme konzole dot
log, pokud gesto dot typ rovný rovného setření.
ARMAGHAN BEHLUM: Jo, pojďme to udělat.
TOMAS REIMERS: Takže jsme chystá se vrátit k tomu.
Budeme aktualizovat.
Budeme švihnout.
A budeme vidět spoustu z nich.
OK.
Takže zřejmě byl problém s naším postavením gesto bodů.
Takže pokud jsme se otevřít jednu z nich potkáme Podívejte se do objektů a uvidíme,
no, to je zastavit, ale, ach, je to jen stav, nikoliv stav.
Takže pokud se vydáme zpět do náš kód můžeme říci,
pokud typ gesto dot rovnat rovnat přejeďte a gesto dot stát rovná rovná zastavení,
pak budeme utěšovat dot načítat.
A tak obnovit.
My švihnout.
A uvidíme, že na každý prst, my jsme jen
jak se jeden, který je konec, což je skvělé, ne?
To je to, co chceme.
>> ARMAGHAN BEHLUM: Jo.
A také můžeme všimnout, že ID pro každý z těchto gest jsou oddělené.
Tak jako Tomas říká proto, že jsme chytání tento jeden stop stav, který
existuje na konci výpad, jsme jak se jednotlivé samostatné gesta
od Leap Motion.
Skvělé.
>> TOMAS REIMERS: Pojďme dál a udělat jen poslední věc, která je,
>> ARMAGHAN BEHLUM: Goodbye.
>> TOMAS REIMERS: Úžasné.
A teď pojďme podívat na naše webové stránky.
Jeden
>> ARMAGHAN BEHLUM: Second.
My jsme, jo, my to říkáme Goodbye.
Skvělé.
>> TOMAS REIMERS: Ne, Goodbye je reálná funkce.
>> ARMAGHAN BEHLUM: Jo.
Pojďme to udělat.
>> TOMAS REIMERS: A když jsme se sbohem, říká sbohem.
>> ARMAGHAN BEHLUM: Máme vítězství.
>> TOMAS REIMERS: Tak docela vzrušující věci.
Doufejme, že si můžete vytvořit něco jiného, ​​ale máte představu o, ne?
Můžete zjistit gesta.
Můžete volat funkce.
A z toho, že vás opravdu dává některé velmi základní stavební bloky
říci, oh, možná když se přejeďte prstem nahoru, protože můžete také zjistit, co
jako směr.
Chci, aby něco udělat.
Nebo když se přejeďte prstem doprava, I chcete, aby něco udělat.
A můžeme začít, aby si kreativní s tím, jak přesně
budeme zlepšovat naše webové stránky použití těchto Swipe gesta nebo kruh
gesta, nebo klepněte na gesta, buď klíč kohoutky nebo obrazovky kohoutky.
A pak jiný, než že jste více než vítáni hrát
se skutečnými údaji, ale pokud chcete dělat
že bychom doporučuji vám jít na dokumenty proto, že jsou opravdu velmi dobré.
Tak šel do docs teď.
Nebo chcete, aby o tom mluvit?
>> ARMAGHAN BEHLUM: Jo.
Pojďme to udělat.
Také jeden další lahůdka rad, si vyzkoušet a myslet na to, ve 3D.
Takže vlastně pojďme vytáhnout ty gesta ještě jednou konzole dot log gesto
a děláme to.
Přijďte a teď pojďme zkusit pár z nich, několik z nich.
>> Pokud půjdeme in a check-out Tyto gesta i
jak můžete vidět, že jsou rozměrů
je ve třech směrech, ve skutečnosti.
Takže to není jen omezovat sami 2D obrazovku
i když by mohla být na 2D internetových stránkách.
Můžete zkusit a přemýšlet, jak uživatel může komunikovat s webové stránky ve 3D.
TOMAS REIMERS: V 3D prostoru.
ARMAGHAN BEHLUM: Přesně tak.
A jo.
Takže jste si nasměrování, rychlosti, všechny tyto skvělé kousky informací.
>> TOMAS REIMERS: A pokud si nejste obeznámeni s tím, že jde x, y,
a pak z je to poslední rozměr.
Prostě něco, co pravděpodobně jste obeznámeni s, pokud jsem se zabýval 3D
Před souřadnic letadla.
Pokud ne, je to stejné, jako 2D jeden až tu třetí rozměr.
Říkáme to z.
A všechno, něco jako směr, což je místo, kde to jde,
Position-- Myslím si, že by to mohlo i vystavit zrychlení, nejsem si jistý.
>> ARMAGHAN BEHLUM: Ano, věřím.
To rozhodně má rychlost.
Já jsem vlastně není 100% jisti zrychlení.
>> TOMAS REIMERS: Může to být volba se můžete přenést na něco.
Tak polohu a rychlost jsou vystaveny v těchto druhu tří souřadnic.
Tak x, y, z, nebo delta x, y delta, delta z.
Takže teď šel do dokumentace to je developer.leapmotion.com
a pak můžete klepnutím na tlačítko dokumentace.
Opět platí, že Leap Motion má všechny tyto nádherné API, jeden pro JavaScript,
jeden pro C Sharp a jednoty, jeden pro C ++, jeden pro Javu, jeden pro Python,
a jeden pro Cíl C. Osobně by tě tlačit směrem k JavaScriptu
nebo pokud se chcete dozvědět Nový jazyk, zkuste Python.
Oba z těchto jazyků jsem pracoval s dříve a jsou opravdu snadno se učí
a vy už víte, JavaScript, který je to opravdu dobrý kandidátem.
>> Jedním slovem opatrně když zadáte dokumenty.
Ujistěte se, že jste na Docs v2.0.
Protože pokud jste na verze jedna, nebude to fungovat.
Také pro příkladu galerii.
Strávili jsme dobrých 30 minut snaží se ladit naše Leap
předtím, než jsme si uvědomili, že V1 nepracuje s V2.
Tak jen se ujistěte, že jste na verzi dvě.
A pak budu ho nechal ukázat své docs.
ARMAGHAN BEHLUM: Jo.
Tak tady je přehled API a poté Některé kousky z informací
že jsme už ti to řekl.
Pěkná malá floating ruce nad skok pohybu.
A připomenutí myslet o prostor ve 3D.
Jeden z prvních objektů, přemýšlet o tom, s Leap Motion jsou ruce, samozřejmě.
Jsme viděli, které byly uznány u Visualizer.
A pak byste měli mít Viděl, že to uznal
část zápěstí a rameno s ním spojené.
TOMAS REIMERS: Pokud chcete, vytáhnout Visualizer.
ARMAGHAN BEHLUM: Jo, pojďme to udělat znovu.
TOMAS REIMERS: Můžete vidět, a to vždy jen dobrá připomínka, aby trochu vidět,
Visualizer snaží ukázat všechny údaje, které Leap vidí.
Takže budete vidět, že máme Tyto druh čtyř bodů
za zápěstí a pak skutečným zápěstí.
A máte tento míč na dlani.
Všechny z nich jsou body uznat uznané skok.
>> ARMAGHAN BEHLUM: Přesně tak.
A tak se tu ruku objektem každý rámec má ruční pole
jakož i, kde můžete také získat levá a pravá ruce.
Můžete získat, které směr ruce jsou
čelí s normální směr dlaně,
nebo jak se tomu říká dlaň normální.
Co ještě máme?
My také, oops.
Zkusme a přejděte dolů tímto způsobem.
Ramena, prsty jsou zastoupené prstem
třída, což je směrovatelná objekt.
A tak, jako bychom říkali, jsme viděli, že Pole pointables pro každou ruku.
Ti, kteří jsou málo prsty myslet.
Tak to je dobrý přehled jít až vyzkoušet a pochopit.
TOMAS REIMERS: [neslyšitelné] ruka anatomie tam nahoru.
ARMAGHAN BEHLUM: Jo, přesně tak.
Tak jo.
Je tu spousta surových dat, která Leap Motion se v interpretů dobře
pro vás, takže je to skvělý nápad jít tudy
a pokusit se přijít na to, jak má Leap už přišel, co pro vás
a tak, jaké informace mají k dispozici od tam.
A pak se tam bych doporučil jít do této levé části sem,
který jde, no vlastně ne, to jsou vlastně jen další API věci about--
>> TOMAS REIMERS: Odkaz na API dno je obvykle dobré místo, kam jít.
Vy jste asi, když viděl, jsme dělali Google Maps pset.
Ale odkaz skutečně právě prochází všechny
funkcí a parametrů k dispozici v objektu na vás.
>> ARMAGHAN BEHLUM: Jo.
Například, to je to, co Hledal jsem předtím.
Když máme stranu jsme může jít a zjistit,
Jak Leap doporučuje se nám najít ruku.
Stejně jako jsem řekl dříve, máme ruce pole.
Zjistěte si, zda máme ruce a zkuste a urvat jednu ruku
pro interakci s tímto způsobem.
Tak to je to, co jsme Doporučujeme pro vás.
Gesta a věci stejně.
Tato dokumentace API bude je fantastický nástroj pro vás.
Máte nějaké jiné doporučení?
>> TOMAS REIMERS: Já ne.
Myslím si, že je to dobré pro tuto chvíli.
>> ARMAGHAN BEHLUM: Jo, Myslím si, že to stejně.
Neváhejte a napište nám a získejte v kontaktu asi Leap Motion
pokud máte možná nějaké problémy nebo potřebovat žádné doporučení.
A můžeme zkusit a zjistit věci se s vámi také.
Děkuju.
>> TOMAS REIMERS: Skvělé.