TOMAS REIMERS: Cool. Dakle hi, svima. Moje ime je Tomas. Ja sam TF i to je ARMAGHAN BEHLUM: Armi. Lijepo je vidjeti vas dečki. TOMAS REIMERS: Cool. Tako ćemo se govori O Leap Motion danas. Dakle Leap Motion je stvarno super proizvod koji omogućuje interakciju s Računalo na drugačiji način. Dakle, cijela ideja skok gibanje je da vas Možete koristiti svoje ruke interakciju sa računalom. Dakle, ovdje imam nešto postaviti. Ja ću govoriti o tome u malo. No, osnovna verzija je možete vidim da imam ruke ispred moje računalo i kada sam ih premjestiti, dobivate analognih na računalu a možete analizirati ovo. Možete napraviti geste. Možete koristiti svoje ruke interakciju sa računalom u nov i zanimljiv način. 

Pa, zapravo sam prvi put Želite proturiti na Armi da vam pokazati neke cool demo onoga što Neki ljudi su učinili s tim. A onda ćemo razgovarati o tome što je zapravo kod sa ovim. ARMAGHAN BEHLUM: Da. Pozdrav. Dakle, kao što smo vidjeli, malo Podaci ovdje, ali vidjet ćemo ono što neki ljudi su učinili s tim. Pa neka mi samo otvoriti ovaj primjer. I onda, tako, na primjer, možete vidjeti moja ruka analogni tamo, ali sad ovaj put Neki ljudi koriste Jedinstvo ima odlučila staviti malo više kože i stvari oko rukom. Tako sam se, idemo s ovom jednom, sigurni, imaju ruke u interakciji. I vjerojatno možete zamisliti Nekoliko drugih kul korisnih stvari što možete učiniti s tim. Dakle, ovaj je barem jedan od primjera. A onda ćemo iskočiti iz toga. 

A onda još jedan super je, idemo s ovom jednom. Plasmo loptu. Opet, ne bi nužno Očekujemo ovu razinu složenosti iz konačnog projekta za CS50. Ovo je samo da vam pokazati Neki od, dati vam dečki Malo inspiracija za ono što vi možete učiniti s Leap Motion. Tako na primjer, ovdje je super fizika primjer, koji tamo idemo. Je li obje moje ruke tako da sada ima tu malo plazme loptu. A lopta se reagira na fizici mene kreće ruku oko loptu. Sada je sve to ipak koriste Jedinstvo, pomoću vrste alata i okvira da nismo učili ti dečki u razredu, ali kao što možete vidjeti neke lijepe super vožnja provodnike s tim. 

No, jedna stvar koju vi možete učiniti počevši od sada s Leap Motion je rad u JavaScriptu. Leap Motion ima JavaScript API koji vi možete koristiti i mi vrlo, vrlo Preporučujemo da dečki graditi Vaši projekti koji koriste taj. Dakle s tim, neka me prođe ga natrag off Tomas govoriti o Leap Motion i JavaScript. TOMAS REIMERS: Cool. Ili želiš pokazati ih Visualizer prvi? 

ARMAGHAN BEHLUM: O, da. Da. Idemo razgovarati o toj Visualizer. 

TOMAS REIMERS: Pa na najosnovnije razini, kada se prvi put doći na skok Motion ti ćeš imati taj okvir. Evo, želiš da preuzmu kontrolu? 

ARMAGHAN BEHLUM: Da, ići za to. 

TOMAS REIMERS: pa kada Prvi doći do Leap Motion ti ćeš imati taj okvir. To je uređaj koji izgleda ovako. Možete ga priključite u računalo, instalirati potrebne upravljačke programe, a onda će u osnovi biti postavljena. Dakle, najlakši način za sortiranje posla s Leap Motion se otvara ovaj program se instalira zove skok Motion Visualizer. A Visualizer je doslovno ono što sam ovdje prikazuje. To vam omogućuje da vidite kostura obris svoje ruke. A što Leap Motion ih interpretiraju. Dakle Leap Motion koristi kameru kako se činilo na dohvat ruke a zatim je pokušava pogoditi što je Osnovni sastav kostura koji vas vidjeti na zaslon. I to je ono što ti pokazuje. ARMAGHAN BEHLUM: Svaki jedna mala točka a ono što vidite je Podaci koje je dostupno na vama i koristiti. Tako ćete vidjeti da je to hvatanje da je Tomas ima pet prstiju, svaki od Ti različiti prsti također su dostupne za vas kao podatke Točke se koristiti u bilo prijavi da možda želite. Ako želite vidjeti ako netko radi palac gore možete vidjeti ako svojim prstima savijaju i da li su thumb prst pokazujući gore, ili gdje njihova zglob ili dlan i ta vrsta stvari. TOMAS REIMERS: Cool. Tako možete vidjeti neke geste se razumije bolje od drugih. Ne zaboravite, da se gleda na svoje Ruka s na kameri od dna, Dakle, kada imate svoje ruke poput to ih razumije u potpunosti, ali jednom kada počnete pokušati napraviti thumbs up, ponekad je to čita, Ponekad se može nagađati, ali iskreno kamera jednostavno ne mogu vidjeti palac. Dakle, to nije stvarno je li ono što se događa. Samo neka ograničenja treba imati na umu kada ste u razvoju s tim. 

U svakom slučaju, tako da ide natrag u to. Visualizer zapravo Ima puno korisnih alata. Dakle Leap Motion je programiran tako da vas ne očekujem da komunicirati s tom slikom podataka. Oni stvarno ne Očekujemo da se razumijemo što se događa iza kulisa. Ono što im je činiti se izlagati hrpa API za vas tako da možete interakciju s ovim podacima izravno, bez razumijevanja što se događa ispod haube. 

Dakle, ako smo hit H ovdje u Visualizer vidjet ćete mnogo opcija. Važan ovdje ipak je li pogoditi O, a zatim pritisnite H, vidjet ćete da je to omogućuje crtanje geste. Dakle gesta, vidjet ćete izvlači strijelu preko. Gesta je jedan od načina koji Leap Prijedlog vrsta omogućuje da dobijete na podacima bez da ga obraditi. Dakle, umjesto da mi trebaju shvatiti out, oh, ruka se kreće, čak i ako imam točku pristupa, API će vrsta samo mi reci, hej, oni su tu gestu. Dakle, možete napraviti osnovne geste strelicama. Možete napraviti krug geste. Možete napraviti dodirom geste. A vi možete učiniti pritiskom na tipku geste. Da. I to vrsta stvari. Tako da sada imamo vrsta vidjeti što Leap Motion može učiniti, možete vidjeti da može pročitati Cijela hrpa gestama. Mislim da ću se prođe ga natrag u Armi i on će govoriti o tome kako ste dobili na njih JavaScript, Kako ste uopće započeti projekt s tim. A onda ćemo razgovarati o nekim cool mjesta možete ići s tim. ARMAGHAN BEHLUM: Da. Zvuči dobro. Tako da, vrlo prva stvar mi će htjeti što učiniti, naravno, je, nakon što dobijete Leap Motion je ići na leapmotion.com, postaviti, instalirati vozači i stvari. Nakon što je događaj koji možete ići pobrinite se da je to povezano. Ako vidite u svom malom ladicu Leap Motion ikona i to je zeleni, onda znate da ste sve postavili. I, naravno, provjeriti što točno Tomas samo ti pokazali sa gestama i radiš dodira zaslona, ​​a Ključne šutnje, a ta vrsta stvari. 

Nakon toga iako smo, opet, kao što sam rekao, imamo pristup svim tim stvari u JavaScriptu te. Idealno postaviti da bismo vam preporučujemo dečki je da ide u svoj vhost imenik, lokalni domaćin, javnosti u vašem CS50 aparata. A kad tamo ono što ćete vidjeti je indeks dot HTML datoteke. Sada kada je indeks dot HTML datoteke ili indeks dot PHP datoteke, ovisno o tome što je u redu, što onda možete učiniti je otići u glavnom operacijskom sustavu. A ako idete na IP adresu koja je navedena u donjem desnom kutak vašeg uređaja upravo ovdje, kao što možete vidjeti, onda što se događa je li otići na stranicu koja je upućivanje tog indeksa dot HTML datoteke. Dakle, sve kod koje biste mogli staviti u Postoji dobiva poslan i ovdje korisna. 

TOMAS REIMERS: Dakle, to je također važno samo za referencu da ako ti dečki zapravo zna Kako postaviti poslužitelju sebe, ili želite staviti ovu na svjetskoj web, vi ste dobrodošli da učine sve. Ne zaboravite da su to samo JavaScript datoteke a sve obradu Leap je učinjeno na klijentu. Dakle, to nije važno gdje je vaš poslužitelj životi tako dugo dok je računalo vi gledate web stranice na Leap Motion je instaliran. ARMAGHAN BEHLUM: Apsolutno. Kao Tomas je rekao, da, sve što radi za vas momci. To je samo jedan od naših preporuka. Sada se početi koristiti skok Motion ono što će učiniti je li bi uvesti JavaScript datoteke s Leap Motion. A onda od tamo što što možete učiniti je, upravo sada Imam samo ovaj stavak tag postaviti s ID teksta. Stvari koje preporučujemo postavljate opcije kontroler za skok s Motion omogućiti geste da bi bilo istinito. Dakle, po defaultu oni geste koje smo vam pokazali Dečki, krug, i Ključ slavine, a swipes, oni nisu prikazani na vi po defaultu. No, mi visoko preporučiti korištenje onima tako da ne otkrivanje tople vode. Omogućite onih istina, prolazi onima Mogućnosti kontroler za skok dot petlju a vi svi ste postavili ići. Jer onda ste upravo definirana je anonimni funkciju koja će se u Okvir od Leap Motion i da okvir ima sve Informacije koje ćete trebati. 

TOMAS REIMERS: Pa upravo to rekapitulacija, imate jedan objekt. Imate tu funkciju zove skok dot petlje. A ti ga nazvati s dva argumenta. Možete ga nazvati s jedne, opcije kontroler. A tu su i puno Opcije možete staviti unutra. Jedan ćemo ističu se omogućilo geste. A ako ste postavili to jednako vrijedi i onda možete dobiti pristup na toj gesti koje smo vam pokazali u Visualizer. 

A onda drugi argument funkcija, to je vrsta kao poziv natrag koja će se zvati svaki Vrijeme je svaki okvir skok, Dakle, svaki put skok knjige koje tvoja ruka potez, to je novi okvir. I to naziva ovu funkciju s jednim argument, što je okvir objekt. A da je okvir Predmet opisuje Okvir skok ga vidi. ARMAGHAN BEHLUM: Točno. Dakle, to sadrži sve korisne bitova i komada informacije da smo razgovarali o ranije. Provjera geste okvira dot je niz gesta da skok gibanje uhvatili Ruke rade u posljednjem kadru. Tako, na primjer, ono što smo radiš ovdje smo provjeru, Hej, skok, u tom posljednjem kadru učinio uhvatiti sve geste koje sam učinio? I ako je tako što smo odlučili napraviti je ponoviti kroz te geste i probati i dobiti neke korisne Informacije iz njih. Svaka gesta ima jedinstven ID povezan s njom. Imaju vrste. Možete pogledati koje prstiju bili uključeni u gestama provjerom ovaj pointable stvari. Dakle, ako kad idete kroz Leap Motion JavaScript API stvari, kada su spomenuti pointables, oni pričaju o tim prstima. A onda su ruke, naravno, Cijeli ruku objekt. 

Što još? Možete provjeriti koliko dugo Prijedlog je otišao na za i, da, sve one korisne stvari. Dakle, ono što ja radim sada Ovdje je sam prijavljen okvir, a onda sam se ažurirati moj HTML za prikaz svih tih bitova informacija od okvira. Tako ćemo to provjeriti. 

Dakle, ovdje je. Evo indeks dot HTML datoteke. I kao što ste upravo vidjeli, kada sam se preselio moja ruka skok uhvatio krug prijedlog. Tako možete vidjeti mi radi krug po Ovdje, ažurira s podacima krug. Doing swipes, hvata swipes. Pokušajmo karticu zaslona. Tamo idemo. Zaslon dodirnite i ključ slavine. Dakle, ključni slavine Također, Tako su kada hit dolje. Dakle, možete zamisliti Možda svira klavir. 

A onda screen punkcija kada hit zaslon. Dakle, možete zamisliti, možda ste zapravo ima zaslon osjetljiv na dodir u ispred vas a vi ste udaranje dodir Zaslon ispred vas. A onda možemo zgrabiti jedan tih objekata u ovdje. Dakle, zapamtite, rekao sam da sam bio donošenje okvira u konzoli zapisnik. I tako možemo provjeriti sve bitova i komada informacije koji su dostupni u koji okvir i koristiti. 

Kao što sam rekao ranije, pointables su prsti. U tom trenutku nismo imali naš ruke ispred Leap Motion pa registrirana nulu, ali to je, kako se će početi saznati možda koliko prsti zaslon. A da je vrsta informacija. TOMAS REIMERS: i sjećanja ovo je samo objekt. Dakle, sve što se može pristupiti vrsta kao STRUCT U C. Imate objekt ime dot ime imovine. A onda u roku koji imate polja i imate i druge predmete, ali zapamtite to je samo objekt. Nema ništa posebno jer mi koristimo skok. ARMAGHAN BEHLUM: Da. Cool. Trebamo provjeriti par JavaScript primjera? 

TOMAS REIMERS: Pa brzo zapamtiti da smo rekao je da je skok zapravo može izvoditi na bilo koju web stranicu. LeapJS samo je služio za klijenta. I tako zajedno kao klijent Leap Motion u prilogu to će raditi. Dakle Leap Motion ima web stranica gdje ljudi možete podijeliti svoje primjere stvari što ste napravili. Dakle, samo ćemo ići kroz par njih vidjeti što je moguće prije Ronjenje u više pojedinosti o tome kako to je moguće. Tako ARMAGHAN BEHLUM: Da vidimo. TOMAS REIMERS: Sada treba raditi. ARMAGHAN BEHLUM: Pa sad Prije nego što smo vidjeli primjer pomoću Jedinstvo koje je donijelo naše ruke s prilično impresivnim grafičkih kože, ali sada možete vidjeti što se može učiniti Ista stvar unutar web pregledniku. To je sve unutar Chrome samo pomoću JavaScript. A onda druga lijepa stvar je, ako želiš znati kako je to učinio, primjeri JavaScript Također su kod opcije koje možete provjeriti i onda vidjeti Kako je ta osoba bila grabbing Ruke i kodove i slično. 

Dakle, to je sve što mogu naći na developer.leapmotion.com. Možete otići i provjeriti JavaScript primjeri da su tamo. Pa da. Ovdje su to, ups sorry. Ajmo opet pokušati. Oh. Imam dvije prave ruke. Pa da. 

TOMAS REIMERS: Pa opet, sjetite se ponekad skok zabrljati gore. Samo da je to trenutak. Nije savršen, ali to je prilično dobro. ARMAGHAN BEHLUM: Jedan druga preporuka također je da to ne učini u izravnoj sunčevoj svjetlosti. Dakle, na koji način Leap Motion Radovi se, zapravo Ako sam pokazati fotoaparatom kao i, infracrveno svjetlo. Tako da šalje one van i onda čita ih kad se vratim. Dakle, ako ste pokušavate učiniti izravnoj sunčevoj svjetlosti, na primjer, to je vjerojatno Ne ide na posao, ili će zahtijevati Neki kalibracija to učiniti. 

Također još jedna preporuka je da se očistiti prostor iza skok a pred skok. Razmislite o tome što su radili unutar kupole koja je okružuje ovaj skok Motion objekt. Ako postoji stvar u pravu Iza njega, kao i, koja također će ometati s koliko Leap Motion pokušava prepoznati svoju ruku i ta vrsta stvari. 

Tako, na primjer, mislim da u ovom Slučaj je moj laptop je zapravo to je vrsta odluka skok prijedlog. Da, tamo idemo. Dakle, ako sam rasprodati svoj laptop iz Iza njega ruku pokazuju se prilično dobro. Pa da. Tu je to. Dakle, ono što drugi nije mi ih pokazati. TOMAS REIMERS: Mislim Sada bi bilo vrijeme sortirati od ronjenja u i neka je samo napraviti demo potpuno ispočetka. To će biti jako jednostavno. Uglavnom ono što ćemo pokušati učiniti je to tako da kad ukrasti vaše strane, pozadini će početi kao crvena, a kad ukrasti ruku, pozadina će postati zelena. OK? Stvarno jednostavan. I to je zapravo samo ići kroz mnogo od pojmova iza Skok, tako da možemo dobiti u ovoj ideologiji kako Leap radi i kako možemo graditi stvari s tim. A onda od tamo mi ćemo vjerojatno samo vam pokazati API Docs i gdje vas Možete pročitati više o tome. A onda ćemo ga nazvati dan. Dakle, želite li kod ili želiš da šifru? ARMAGHAN BEHLUM: Da. Pa, mislim da možemo raditi zajedno na tome i pokušajte 

TOMAS REIMERS: pa ćemo napraviti neki par kodiranje. ARMAGHAN BEHLUM: Nije mi ići. To je upravo ono što sam htjela provjeriti. Cool. Tako, primjerice, u ovdje, da vidimo. Dok smo se iterating kroz već gestama, TOMAS REIMERS: Želite li napraviti Samo potpuno novi file? ARMAGHAN BEHLUM: Potpuno nova datoteka? Da, sigurno. 

TOMAS REIMERS: Da. 

ARMAGHAN BEHLUM: Pa neka je to. 

TOMAS REIMERS: Pa idemo kako bi u potpunosti datoteku. Zvat ćemo ga predati dot HTML. To je super sa mnom. Dakle, ne zaboravite vi HTML oznake, onda unutar toga imate glavu. To glava ima naslov unutar njega. Dakle tab drugi način. Postoji li ići. Naslov, mi ćemo ga nazvati skok primjer. Yep. 

ARMAGHAN BEHLUM: Ups. Naslov. 

TOMAS REIMERS: Yep. 

ARMAGHAN BEHLUM: Tu smo. 

TOMAS REIMERS: I onda ćemo napraviti tijelo. 

ARMAGHAN BEHLUM: Čekaj, neka je Također, pazite na uvoz. TOMAS REIMERS: Oh, naravno. Moja loša. Dakle, uvijek provjerite imate Leap skripta da je skripta tebi by Leap Motion koji je u osnovi omogućuje web preglednik za spajanje na uređaju na korisnikovom računalu. I onda u tome smo također treba tijelo i neka je samo bi tijelo pozdraviti tako da možemo pokazati studente Kako se spojiti na ovaj novi web stranica koje su napravili. ARMAGHAN BEHLUM: Naravno. Pa neka je samo staviti another-- 

TOMAS REIMERS: Hi, Hello World. Dakle, vrlo osnovni primjer. Zapravo samo demo. 

ARMAGHAN BEHLUM: I onda ovdje ćemo može ići, to se zove smo ruku dot HTML, zar ne? I oh! Pa se pitam što nije u redu s ovim sada. Dodajmo pročitane dozvole predati dot HTML. TOMAS REIMERS: Želite li to učiniti u velikom terminalu tako da mi samo može pokazati na the-- 

ARMAGHAN BEHLUM: Da, to ima smisla. U redu. Dakle, samo sam dodao dozvole, ali ako smo bili su to provjeriti dozvole prije nego što smo bi vidio da je zapravo ruku dot HTML nije pročitao dozvole i zato nismo mogli donijeti. Ali sad, ako smo to učinili, mi vidimo našu Malo Pozdrav svijetu upravo tamo. 

TOMAS REIMERS: Pa neka je zapravo, kao što je on pisao, Hello World, Mislio sam o tome na način bismo mogli promijeniti to. Učinimo to pozdraviti svijet, a onda kad val, on kaže zbogom. Pravo? Dakle Pozdrav, zbogom. 

ARMAGHAN BEHLUM: Naravno. 

TOMAS REIMERS: To zvuči prilično dobro. 

ARMAGHAN BEHLUM: Da zvuči dobro za mene, previše. 

TOMAS REIMERS: Dakle, ako smo učiniti da je to neka jednostavno mislim da preko web stranice malo. Ćemo morati neke skripte koji u osnovi registrira da li je mahnuo i skok, val i swipe, ista stvar. Tako ćemo morati skriptu koja zapravo registrira za taj ciklus brisanja. I još jedna stvar smo Trebat će nam se da smo će trebati neke Stvarni sadržaj za promjenu. 

Dakle, kao što se sjećate, jQuery omogućuje vam da promijenite sadržaj. Dakle, jedna stvar mi možda želite uključiti U to je jQuery knjižnice. A onda bi mogli odabrati ono mi zapravo neće promijeniti sadržaj, da će morati ID ili klase, ili nešto koje možemo koristiti kako biste ga odabrali. Dakle, samo mi ćemo ga dati Brzi ID promjene teksta. A onda želiš zgrabiti jQuery? ARMAGHAN BEHLUM: Zato što je prvi stvar na našem napraviti popis onda sad? TOMAS REIMERS: Ajmo uhvatiti jQuery? ARMAGHAN BEHLUM: Pokušajmo zgrabite jQuery, OK, cool. U tom slučaju, idem Morat actually-- gdje će biti najbolje mjesto za to? 

TOMAS REIMERS: jQuery, pa ako Google jQuery, udario jQuery, prva ARMAGHAN BEHLUM: Vrlo prvi. TOMAS REIMERS: Ili preuzimanje. To je u redu. Hit preuzimanje V1 i V2 na lijevoj strani. Tako smo opisujući jQuery od online kao što ste vjerojatno učinio. Pomaknite se prema dolje. Gore, gore. 

ARMAGHAN BEHLUM: Oh, ovdje sada? TOMAS REIMERS: Ili da. Yep. Dakle, jQuery ima domaćin verziju što znači da se zapravo ne treba ga skinuti, ali ti si više nego Pozdravljamo ga skinuti i ugostiti ga sami. ARMAGHAN BEHLUM: Cool. Tako sada imamo jQuery. Sada ono što je sljedeće na našem napraviti popis. TOMAS REIMERS: Awesome. Dakle, pored onoga što nam je potrebno to je zapravo potrebno dati p Pozdrav svijetu ID tako da ga može promijeniti, zar ne? Tako ćemo dati ideju, Ne znam, promijeniti tekst? ARMAGHAN BEHLUM: Ajmo to učiniti na ovaj način, pretpostavljam. TOMAS REIMERS: changeText, super. I sada neka je samo osvježite stranicu. Pobrinite se da sve radi. Dakle, još u pregledniku. Cool. Uvijek dobar podsjetnik da kada ste izrada web stranica, Vjerojatno osvježiti svaki put kad bi bilo nešto značajno promijeniti samo jer ponekad slučajno ispadne oznaku, ili ste slučajno izbrisali nešto, i onda razbiti nešto malo, ali onda kad bi veću promjenu ti si kao, zašto je to učinio velika promjena naizgled nepovezanih razbiti stvar. Dakle, to je uvijek dobro svojevrsni idite i učinite one razum provjere. 

U svakom slučaju, tako sada ćemo napraviti posljednji duševne ček, koji se pokušajmo promijeniti Tekst bez Leap Motion, bez ičega, samo na stranici opterećenja bit promijeniti Pozdrav svijetu se zbogom pomoću jQuery. Dakle, ako se sjećate jQuery izlaže ovo dolar znak funkcija, koji možemo proći CSS selektor na, naime hashtag promjene tekst, koji odabire element s ID promjene teksta. A onda ćemo pozvati metodu HTML na objekt vraća s argument je string zbogom, koji će se promijeniti stavke HTML je reći zbogom. Awesome. To se čini prilično cool. I sada, kada smo osvježili Stranica ćemo vidjeti to odmah mijenja se zbogom, zar ne? Budući da ne čekaš. Vrsta čim taj scenarij radi se to mijenja na rastanak. Cool. 

Dakle, sada ćemo završiti da je u funkciji. Pravo. Tako ćemo željeti napraviti funkciju. Mi ćemo ga nazvati zbogom. Dakle, funkcija zbogom je događa da se bez argumenata i to zapravo nije će se vratiti ništa. I to samo ide na to je u JavaScriptu. Izvrsno. Dakle, naša funkcija zbogom sada mijenja tekst za zbogom, zar ne? Dakle, to nam daje put u osnovi promjene taj tekst za zbogom kad god nazvali smo tu funkciju. Pravo? Dakle, ovo je baš fora. 

ARMAGHAN BEHLUM: Pa, mi može također samo pazite da je sada, jer mi ne zove funkcija, ako osvježite stranicu, primijetiti da se ne ide za izmjenu teksta. 

TOMAS REIMERS: Izvrsno. Tako sada ćemo početi da se u taj skok stvari da smo razgovarali o tome. Dakle Armi, želite li uzmi od ovog mjesta ili? 

ARMAGHAN BEHLUM: Da. Naravno. Ja sam vjerojatno će trebati provjeriti stvari, ali npr sjećam rekao mi smo htjeli kako bi bili sigurni u Opcije postavili smo omogućili geste TOMAS REIMERS: Dobar ulov. ARMAGHAN BEHLUM: da bi bilo istinito. A onda su mi preporuku da ti dečki bi izvoditi skok dot petlje, koja kao što smo rekli ranije, ima dvije opcije, a JSON objekt koji je opcija za koliko želiš konfigurirati skok prijedlog da se rad, a zatim funkcija koja je će uhvatiti okvir kao povratni funkcija kao što je Tomas je govorio. A onda urediti ono što želite učiniti s tom funkcijom. 

Tako smo proći Opcija a sada smo definirali funkcija koja će se u okviru. A sad moramo definirati što je to funkcija radi. To je također zbog Budućnost, to bi bili sigurni. TOMAS REIMERS: Izvrsno. Tako sada imamo ovo skok dot funkciju petlje nazovite koji u osnovi kaže gledati skok s tim opcijama i svaki put nešto promijeni, to zvati Funkcija okvir sa svim podacima da ste svjesni u okvir. Zvuči prilično dobro. Tako sada brza provjera razum, što sam uvijek preporučiti, je da je samo staviti konzola frame dot zapisnik. A onda je u Chromeu ga otvoriti i pogled na svoju konzolu i poigrati s Leap vidjeti Okviri se logirati jer će dobili ideju o tome što Podaci imate pristup. I kao i uvijek, ako ste dobili zbunjeni, potražite API referencu. A mi ćemo uključiti vezu za to na kraju ovoga. 

ARMAGHAN BEHLUM: Tako smo osvježite stranicu, a zatim idemo i ponovno otvoriti konzolu. I sada smo obavijest da smo ima okvire donesenih u, ti mali predmeti smo vidjeli ranije. Pa da. To su naši okviri prikazuje se na konzoli. Cool. 

Dakle, sada kada smo zgrabio okviri, kao što ste mogli zapamtiti ranije od primjera koje smo imali, Ako bismo provjerili geste okvira dot smo dobili popis geste koje Okvir nedavno uhvaćen. Možemo provjeriti duljinu tog polja da li skok uhvaćen bilo geste. Dakle, ako je to niz je veći od nule tada znam da imamo neke stvari za napraviti. 

Tako ćemo završiti da se u Ako stanje a sad ovdje ono što znamo je da smo Vidjeli gestu, neka je djelovati na njega. Pa sada da smo ovdje smo imaju gestu da provjeriti. TOMAS REIMERS: Pa, prvo stvar je da nije samo jedna gesta, to bi mogao biti onoliko geste. 

ARMAGHAN BEHLUM: Vrlo istinito. TOMAS REIMERS: Pa po klasični C stil ovdje vjerojatno ćete želite koristiti za petlje. ARMAGHAN BEHLUM: Ovdje smo tada. Odlučili smo ponoviti kroz geste. I da vidimo. I plus, plus. A sad, ako smo možda napravili Samo var gesta jednak geste frame dot Nosač sam, sada imamo Sama gesta, koja je samo jedan Jedan primjer gesta objekta za nas raditi unutar toga za petlju. U redu. TOMAS REIMERS: Idemo razum provjeriti ovdje opet i samo utješiti dot prijavite gestu da se vidi što smo dobili. 

ARMAGHAN BEHLUM: Konzola dot log gesta. Okie dokie. I refresh još jednom. 

TOMAS REIMERS: i neka je pokušajte gestu. Vidjet ćete da je hrpa od kada je on swipes, dobivate hrpu geste u konzola i ako on pokuša napraviti krug, to je just-- 

ARMAGHAN BEHLUM: Krugovi samo su jako lijepo. 

TOMAS REIMERS: Sada je čudno Ovdje, što je on radi jedan krug, ali to se prijavom 80 geste, zar ne? To je puno gestama. Dakle, prvi takve stvari se shvatiti, a to može biti zbunjujuće, Je li to gesta nije samo prijavljeni jednom. 

Na svakom kadru, zar ne, pa ako radim krug Leap će to prepoznati je promjena, od toga je promjena, od toga je promjena. I to će se prijaviti svaki od njih. No, u svakom od njih, to će reći, oh, Tu je gesta u tijeku. Pa neka mi samo reći, hej, postoji gesta i to je trenutno u tijeku. Dakle, ono što ne želimo da se to je reći, oh, na svakom tih gesta koju želite promijeniti tekst. Ono što želimo učiniti je kad to gesta zaustavlja, a može se provjeriti da je, onda želimo promijeniti tekst. ARMAGHAN BEHLUM: Mhmm. Dakle, kao što je Tomas je objašnjavajući ove geste može se pojaviti kroz više okviri, ali za primjer, kad smo imali koji krug, možemo vidjeti da ID za taj jedan Jedan krug da bismo Možda su pokušavali završiti bio isti ID cijeloj. A u stvari, također možete check out status. ažurira. 

A onda je to vjerojatno Posljednji krug koji, oh, dobro, u redu. Dakle, ponekad se pokazuje Status zaustavljanja gestu i to također pokazuje status s početkom nove gestu kada ona priznaje sigurno da ste započeli novi pokret. Na primjer, u ovom slučaju. TOMAS REIMERS: Cool. ARMAGHAN BEHLUM: Pa da. A onda, da vidimo. Također možete primijetiti iako smo bili izradu krug i gesta ima polje zove tip koja nam govori kakav gesta je to. Tako da bi moglo biti korisno za nas vi pokušati učiniti ono što radimo. TOMAS REIMERS: Pa Prelaženje natrag na JS, Prva stvar koja mi pada na pamet Također, samo čitajući ovaj kod Ima je mali optimizacija, što je zapravo ne to je potrebno ako je stanju, zar ne? Jer ako geste okvir dot dot Duljina je nula, da je za loop-a Ne ide to ionako trčanje. Dakle, možemo i samo ići naprijed i riješiti to. Opet, dok ste pisanja koda važno je da se vrati i neka vrsta od refactor kao što ste shvatili da vas mogao učiniti nešto bolje, ili da postoji još jedan način za to. Dakle, sada smo samo ćemo očistiti ovaj brzo i očistiti svoj kod. To je velika stvar. 

ARMAGHAN BEHLUM: Dobar Stil je vrlo cijenjen. 

TOMAS REIMERS: Možete Uvijek kažem kad netko ima kod tamo gdje se koristi kako bi se, ako stanje i onda ga ukloniti, ali oni to nisu uncomment. To je vrlo očito i To je vrsta izgleda ružno. ARMAGHAN BEHLUM: Zato što je Slijedeća na našem napraviti popis? TOMAS REIMERS: Dakle, sada kao što smo rekli, Mislim da je prva stvar koju želite učiniti se pobrinite da ta gesta je zapravo swipe, zar ne? 

ARMAGHAN BEHLUM: Da. 

TOMAS REIMERS: Dakle, ako ste se reći da naša zbogom je vrsta kao što ukrasti, ćemo ići sa svojim swipe, Prva stvar koju moramo reći, hej, je gesta upišete ukrasti, zar ne? Ne krug ili top, ali je to swipe? Dakle, na koji način možemo napraviti je možemo reći gestu Tip točka jednaka jednaka swipe kao niz. 

ARMAGHAN BEHLUM: [nečujan] gesta Tip točka jednaka jednaka ciklus brisanja. Tu smo. 

TOMAS REIMERS: I onda zadnje pitanje želimo vidjeti je gesta dot Država jednaka jednaka zaustaviti, zar ne? Dakle, to je kad Gesta je bio zaustavljen. Ja zapravo mislim da za ukrasti, ja znam ovo off vrhu moje glave, ali vi ste dobrodošli da potražite ga, kada ukrasti svaki put kad ga registrira dok ne prestane je početak gesta. A onda zadnji je Samo zaustavljanje gesta. Tako će biti samo jedan stop gesta, koja je super za nas. Dakle, ono što možemo učiniti je reći, ako je gesta točka unesite jednak jednak pomaknite prstima i geste točku Status jednaka jednaka zaustavi, onda neka je razum provjeriti ovdje utješiti točkica log gestu. 

Tako ćemo se vratiti ovdje. Mi ćemo osvježiti stranicu. A sada jedini put nešto treba biti konzola dot prijavljeni kad smo ukrasti. A mi pokušati ukrasti i vidimo ništa. Pravo? Dakle, to je zapravo veliki problem. Mi ne vidimo ono što smo očekivali da. I ispravljanje pogrešaka može biti veliki dio toga. Dakle, prva stvar mi ide reći je, OK, neka je utješiti točku prijavite ga, ako je gesta dot unesite jednak jednak ciklus brisanja. ARMAGHAN BEHLUM: Da, neka je učiniti. TOMAS REIMERS: Tako smo će se vratiti na to. Mi ćemo osvježiti. Mi ćemo ukrasti. A mi ćemo vidjeti hrpu njih. OK. Dakle, očito je problem bio s našim statusom gesta dot. Dakle, ako smo otvorili jedan od njih mi ćemo gledati u objektima, pa ćemo vidjeti, dobro, to je stajalište, ali, oh, to se zove država, a ne status. Dakle, ako krenemo natrag u Naš Kodeks možemo reći Ako tip gesta točka jednaka jednaka swipe i gesta dot država jednaka jednaka zaustavljanje, onda ćemo utješiti dot prijavite ga. I tako osvježiti. Mi ukrasti. I vidjet ćemo da je na svaki swipe, mi smo samo uzimajući jedan, što je kraj, što je super, zar ne? To je ono što želimo. 

ARMAGHAN BEHLUM: Yep. I mi također može primijetiti da je IDS za svaki od tih gesti su odvojeni. Dakle, kao što je Tomas je govorio, jer smo uhvatiti ovu stop stanje koje postoji na kraju ukrasti, mi smo sve pojedinačne odvojene gestama od Leap Motion. Veliki. 

TOMAS REIMERS: Idemo naprijed i Upravo to konačni stvar, a to je, 

ARMAGHAN BEHLUM: Zbogom. 

TOMAS REIMERS: Awesome. A sada ćemo pogledati našu web stranicu. Jedan 

ARMAGHAN BEHLUM: Drugi. Mi si, da, nismo ga zovu Zbogom. Veliki. 

TOMAS REIMERS: Ne, Zbogom je stvarna funkcija. 

ARMAGHAN BEHLUM: Da. Učinimo to. 

TOMAS REIMERS: A kad smo val zbogom, ona kaže zbogom. 

ARMAGHAN BEHLUM: Imamo pobjedu. 

TOMAS REIMERS: Pa prilično uzbudljivo stvari. Nadam se da možete izgraditi nešto drugo, ali da dobijete ideju, zar ne? Možete otkriti geste. Možete nazvati funkcije. A od onog koji uistinu vam daje neke vrlo temeljni građevni blokovi reći, oh, možda kad prijeđite gore, zato što se također može otkriti stvari kao i smjer. Želim da učine nešto. Ili kad udesno, ja želite da učine nešto. I možemo početi da se kreativni s koliko je točno ćemo poboljšati našu web stranicu Korištenjem ovih Povlačenje prstima geste ili krug geste ili dotaknite geste, bilo ključno slavine ili dodira zaslona. A onda osim da si više nego dobrodošli da igraju sa stvarnim podacima, ali ako želite napraviti da bi vam predlažemo idu na dokumente jer oni su zapravo jako dobri. Dakle, na čelu s docs sada. Ili želiš razgovarati o tome? 

ARMAGHAN BEHLUM: Da. Učinimo to. Također jedna malčice savjet, ne probati i mislim da je to u 3D. Tako je zapravo neka je podići te geste još jednom konzole dot dnevnik gesta i mi to. Vratite se i sada pokušajmo Nekoliko njih, par njih. 

Ako ćemo ići i check out ove geste kao kao što možete vidjeti da oni dimenzionalnosti je u tri smjera, zapravo. Dakle, ne samo ograničiti sebi da 2D zaslonu iako možda biti na 2D stranicama. Možete probati i mislim kako je korisnik Možda interakciju s web stranice u 3D. TOMAS REIMERS: U 3D prostoru. ARMAGHAN BEHLUM: Točno. I da. Tako ćete dobiti upute, brzina, Svi ovi super bitova informacija. 

TOMAS REIMERS: A ako niste upoznati s tim, to ide x, y, a zatim z je ovo posljednja dimenzija. Samo nešto što ste vjerojatno ste upoznati s, ako ste se bavila 3D koordinira zrakoplova prije. Ako niste, to je isto kao 2D jedan osim tu treću dimenziju. Mi ga zovemo z. I sve, nešto poput smjer, što je, gdje to ide, position-- mislim da bi čak i izlagati ubrzanja, nisam siguran. 

ARMAGHAN BEHLUM: Da, vjerujem. To svakako ima brzinu. Ja sam zapravo i nije 100% sigurni ubrzanja. 

TOMAS REIMERS: To može biti opcija možete proći na nešto. Dakle, položaj i brzina su izloženi U tih vrsta triju koordinata. Dakle x, y, z ili delta x, y delta, delta z. Tako sada na čelu s dokumentacijom to je developer.leapmotion.com a onda možete kliknuti dokumentaciju. Opet, Leap Motion je sve to divne API, jedan za JavaScript, jedan za C Sharp i jedinstvo, jedan za C ++, jedan za Javu, jedan za Python, i jedan za Objective C Osobno će vas gurnuti prema JavaScript ili ako želite naučiti novi jezik, pokušajte Python. Obje od tih jezika koje sam radio s prije i oni stvarno jednostavan za naučiti i vi već znate JavaScript koja čini jako dobar kandidat. 

Jedna riječ oprez Kada uđete u dokumente. Pobrinite se da ste na Docs v2.0. Jer, ako ste na Verzija jedan, to neće raditi. Također za primjer galeriji. Proveli smo dobrih 30 minuta težak ispravljanje naš skok Prije nego što je shvatio da je V1 ne radi s V2. Dakle, samo bi bili sigurni da ste na verziji dva. A onda ću ga pustiti pokazati svoje doktori. ARMAGHAN BEHLUM: Da. Dakle, ovdje je pregled API, a zatim neke bitova i komada informacije kako smo već rekao. Lijepo malo Plutajući Ruke iznad skok pokretu. I podsjetnik da misle o prostoru u 3D. Jedan od prvih objekata za razmisliti s Leap Motion su ruke, naravno. Vidjeli smo one prepoznali po Visualizer. A onda možda ćete morati vidi se da je to prepoznala dio ručnog zgloba i ruka povezana s njom. TOMAS REIMERS: Ukoliko želite podići Visualizer. ARMAGHAN BEHLUM: Da, neka je učiniti opet. TOMAS REIMERS: možete vidjeti, uvijek samo dobar podsjetnik da se nekako vidjeti, Visualizer pokušava pokazati Svi podaci koji Leap vidi. Tako ćete vidjeti da smo to vrsta četiri boda od ručnog zgloba i potom stvarne zglob. A imate i tu loptu na dlanu. Sve su to točke prepoznaju priznata od strane skok. 

ARMAGHAN BEHLUM: Točno. I tako s tom rukom objekt svaki okvir ima ruke niz kao i gdje se može dobiti lijeva i desna ruka. Možete dobiti koja Smjer ruke su suočava s normalnim Smjer dlan, ili kako ga oni zovu Palm normalno. Što još imamo? Također, ups. Pokušajmo i pomaknite se dolje na ovaj način. Ruke, prsti su zastupan po prst klase, što je pointable objekt. Dakle, kao što smo rekli, vidjeli smo da je Niz pointables za svaku ruku. Oni su mali Prsti su razmišljati o tome. Dakle, to je dobar pregled da se ide kroz pokušati razumjeti. TOMAS REIMERS: [nečujan] Ruka anatomija gore. ARMAGHAN BEHLUM: Da, točno. Pa da. Postoji mnogo sirovih podataka koji Leap Motion uzima u interpretira dobro za vas, tako da je super Ideja proći ovdje i pokušati shvatiti kako Leap ima Već shvatio stvari za vas pa što vam informacije imati na raspolaganju od tamo. A onda od tamo bih preporučio ide u tom lijevom dijelu ovamo, koja ide, ali zapravo nema, one su zapravo samo još API stvari about-- 

TOMAS REIMERS: API referenca na Dno je obično dobro mjesto za izlazak. Vi dečki vjerojatno vidio to kada smo radili na Google Maps PSET. No, referenca stvarno samo ide kroz sve funkcija i parametara dostupan u objekt za vas. 

ARMAGHAN BEHLUM: Da. Na primjer, to je ono što Tražio sam prije. Kad imamo strane, može ići i shvatiti Kako Leap preporučuje kako nas pronaći ruku. Kao što sam rekao ranije, imamo ruke niz. Saznajte ako imamo ruke i onda pokušati zgrabiti jednu ruku komunicirati s na taj način. Dakle, to je ono što mi preporučiti za vas momci. Geste i stvari kao dobro. Ovaj API dokumentacija će se biti fantastičan alat za vas momci. Imate li kakvih drugih preporuke? 

TOMAS REIMERS: Ne znam. Mislim da je to dobro za sada. 

ARMAGHAN BEHLUM: Da, Mislim kako dobro. Slobodno nam e-mail i dobiti u kontaktu oko Leap Motion Ako imate bilo kakvih pitanja možda ili trebate bilo kakve preporuke. I možemo pokušati shvatiti stvari s vama kao dobro. Hvala Vam. 

TOMAS REIMERS: Veliki.