TOMAS Reimers: Cool. Torej, hi, vsi. Moje ime je Tomas. Sem TF in to je ARMAGHAN BEHLUM: Armi. Lepo vas je videti fantje. TOMAS Reimers: Cool. Torej bomo govorili O Leap Motion danes. Torej Leap Motion je res super izdelek, ki vam omogoča interakcijo z Računalnik na drugačen način. Torej celotna ideja preskok motion je, da vas Lahko uporabite svoje roke interakcijo z računalnikom. Torej, tukaj imam nekaj ustanoviti. Jaz bom govoril o tem v bit. Vendar je osnovna različica je lahko vidim, da imam moje roke spredaj moj računalnik in ko sem jih premakniti, dobiš analogne na računalniku in to lahko analizirate. Lahko naredite kretnje. Lahko uporabite svoje roke interakcijo z računalnikom v novem in zanimiv način. 

No, dejansko sem prvič želijo prenesti off Armi da vam pokažem nekaj kul demos kaj nekateri ljudje so naredili s tem. In potem bomo govorili o tem, kako ste dejansko kodo s tem. ARMAGHAN BEHLUM: Ja. Pozdravljeni. Torej, kot smo videli, le malo Podatki so tukaj, ampak poglejmo, kar so nekateri ljudje naredili s tem. Zato mi dovolite, samo odpreti ta primer. In potem, da, na primer, lahko vidite moja roka analogni tam, zdaj pa je ta čas nekateri ljudje uporabljajo Unity imajo odločil, da bo malo več kože in stvari okoli roke. Tako sem lahko, pojdimo s to eno, prepričan, imajo moje roke interakciji. In si verjetno lahko predstavljate nekaj drugih kul koristnih stvari da lahko narediš s tem. Torej je to vsaj en primer. In potem pa skoči ven iz tega. 

In potem še en kul je, pojdimo s tem. Plasmo žogo. Še enkrat, ne bi nujno pričakujejo to raven zahtevnosti iz končnega projekta za CS50. To je samo, da ti pokažem nekaj, da vam fantje malo navdih za kaj vi lahko storite z Leap Motion. Tako, na primer, tukaj je kul primer fizike, ki tam gremo. Ima tako mojih rokah, tako zdaj ima to malo plazme žogo. In žoga se odziva na fiziko mene premika roko okoli žogo. Zdaj je to vse, čeprav s pomočjo enotnosti, uporabo vrste orodij in okvirov da nismo učil fantje v razredu, ampak kot lahko vidite nekaj zelo cool run kanale s tem. 

Ampak ena stvar, ki lahko vi storite speljevanju zdaj z Leap Motion je delo v JavaScript. Leap Predlog ima JavaScript API, vidva lahko uporabite in smo zelo, zelo Priporočamo, da vidva graditi vaši projekti uporabljajo, da. Torej, s tem, kaj me dajati nazaj off Tomas govoriti o Leap Predlog in JavaScript. TOMAS Reimers: Cool. Ali hočeš pokazati jim Visualizer prvi? 

ARMAGHAN BEHLUM: Oh ja. Da. Spregovorimo več o tem Visualizer. 

TOMAS Reimers: Torej na najbolj osnovna stopnjo, ko ste prvič prišli do Leap Motion boste morali to polje. Tukaj, želiš, da prevzame nadzor? 

ARMAGHAN BEHLUM: Ja, gre za to. 

TOMAS Reimers: Torej, ko vas najprej priti do Leap Motion boste morali to polje. To je naprava, ki izgleda nekako takole. Lahko ga priključite na računalnik, namestitev potrebnih gonilnikov, nato pa bo v bistvu se ustanovi. Torej je najlažji način, da razvrstite od dogovora z Leap Motion se ta program odprl pa namesti imenuje Leap Motion Visualizerja. In Visualizer je dobesedno kaj sem tukaj pokazal. To vam omogoča, da vidite, skeletne oris vaših rokah. In kaj Leap Predlog se jih interpretirajo. Torej Leap Motion uporablja kamero razvrstiti od pogled na vaše roke potem pa poskuša uganiti, kaj je osnovno skeletno sestavo, ki vas videli na zaslon. In to je tisto, kar se vam pokaže. ARMAGHAN BEHLUM: Vsak single malo točka in stvar, ki jo vidite, da je podatkov, ki je na voljo za vaju kot tudi za uporabo. Torej vidite, da je zajemanje ki Tomas Ima pet prstov, vsaka od ti različni prsti so na voljo tudi za vas, saj podatki Točke za uporabo v kakršnikoli vlogi da boste morda želeli. Če želite, da vidim, če nekdo počne thumbs up lahko vidite, če prste so zvite in ali oni palec prstom kaže navzgor, ali kadar njihova zapestje ali palm je in da je vrsta stvari. TOMAS Reimers: Cool. Tako si lahko ogledate nekaj kretenj je razume bolje kot drugi. Ne pozabite, da je videti na vaš z od na kamero od spodaj, tako da, če imate roke, kot so ta pa jih razume v celoti, ampak ko enkrat začnete poskusiti in narediti thumbs up, včasih pa ga prebere, včasih lahko uganiti, ampak pošteno Kamera samo ne more videti palec. Tako da to ni res vem, kaj se dogaja. Le nekatere omejitve, ki vodijo v mislih ko ste v razvoju s tem. 

Kakorkoli že, tako da gredo nazaj v to. Visualizer dejansko Ima veliko uporabnih orodij. Torej Leap Motion je programiran tako, da ti ne pričakujejo, da bodo interakcijo z slikovnih podatkov. Ti res ne Pričakujem, da boste razumeli kaj se dogaja v zakulisju. Kaj ti je izpostaviti kup API za vas tako, da lahko interakcijo s tem podatki neposredno, brez razumevanja kaj se dogaja pod pokrovom. 

Torej, če smo zadeti H tukaj v Visualizer boste videli veliko možnosti. Pomembno ena tu, čeprav je, če ste zadeli O in nato pritisnite H, boste videli, da ji vam omogoča, da pripravi kretnje. Torej gesta, boste videli, črpa puščico čez. Gesta, je eden od načinov, ki Leap Predlog nekako vam omogoča, da bi dobili na podatkih ne da obdelati. Torej, namesto da me potrebuje, da ugotovimo ven, oh, roka je bila premika, tudi če imam točko dostopa, je API bo nekako mi samo povej, hej, so naredili to potezo. Tako da lahko osnovne puščicami kretnje. Lahko naredite krog kretnje. Lahko, da se dotaknete kretnje. In lahko sprejemajo ključne tiskovne kretnje. Ja. In da je vrsta stvari. Torej sedaj, da smo jih nekako videl, kaj lahko storite, Leap Predlog, lahko vidite, da je mogoče prebrati cel kup kretenj. Mislim, da bom preide nazaj v Armi in on se dogaja, da se govori o tem, kako dobite pri teh z JavaScript, Kako ste sploh začeli projekt s tem. In potem bomo govorili o nekaterih cool mesta lahko greš s tem. ARMAGHAN BEHLUM: Ja. Sliši se dobro. Torej, ja, zelo prva stvar, ki smo bodo želeli, da narediš seveda, je po tem, ko ste dobili skok Predlog je, da pojdite na leapmotion.com, ustanovljenega, namestite vozniki in stvari. Po tem, da lahko gredo se prepričajte, da je to povezano. Če vidite v svoj mali pladenj Leap icon Predlog in to je zelena, potem veste, da ste vse set. In seveda preverite, kaj Tomas samo ti so pokazali, z gestami in delaš pipe zaslon in Ključne pipe, in da vrsta stvari. 

Po tem, čeprav mi, še enkrat, kot sem rekel, imamo dostop do vseh teh stvari v JavaScriptu, kot tudi. Idealen ustanovi, ki mi bi vam priporočam Fantje, je, da gredo v vaš vhost imenik, lokalnega gostitelja, javno v vašem CS50 aparata. In ko greš tja, kaj boste videti je indeks pika HTML datoteke. Zdaj, indeks dot HTML datoteko ali index dot PHP datoteke, kar je v redu, kaj lahko naredite je iti v svojem glavnem operacijskem sistemu. In če greš na IP naslov ki je naveden v spodnjem desnem kotu kotiček vašega aparata tukaj, Kot lahko vidite, kaj se zgodi potem se greš na stran, ki je se sklicujejo na ta indeks dot datoteko HTML. Torej vse kode, ki jih lahko dal v tam dobi poslal in je uporabna tukaj. 

TOMAS Reimers: Torej je tudi pomembna samo za referenco da če vidva dejansko vedeti kako vzpostaviti strežniku sebe, ali želite, da bi to na svetovnem web, ste dobrodošli, da storiti karkoli. Ne pozabite, da so ti le datoteke JavaScript in vse obdelave Leap se izvaja na odjemalcu. Tako da ne res pomembno če vaš strežnik življenje dokler računalnika si ogledujete spletno stran na je Leap Predlog nameščen. ARMAGHAN BEHLUM: Absolutno. Tako kot Tomas rekel, ja, karkoli dela za vas. To je le eden od naših priporočil. Zdaj, da začnete uporabljati Leap Predlog, kaj bi storili, se bi uvozite JavaScript datoteko iz Leap Motion. In potem od tam kaj lahko storite, je, zdaj Imam samo ta odstavek tag ustanovljen z ID besedila. Stvari, ki bi jih priporočamo so možnosti nastavitev regulatorja za Leap Motion s omogočajo, kretnje, da bi bilo res. Torej, tisti, ki ga privzeto kretnje, ki smo vam pokazali fantje, krog, in Ključni pipe, in swipes, tisti, ki niso prikazani na vidva privzeto. Ampak močno priporočam uporabo tistih, tako da vam ne izumljanju kolesa. Omogočiti tistim, ki res, mimo tistih, Možnosti krmilnik za skok dot zanko in ste pripravljeni iti. Ker potem boste morali opredelil anonimno funkcijo da bo v Okvir iz Leap Motion in da okvir ima vse informacije, ki jih boste potrebovali. 

TOMAS Reimers: Torej, samo da bi Rekapitulacija, imaš en predmet. Imate to funkcijo imenovano prestopno dot zanka. In jo pokličite s dva argumenta. Lahko ga imenujemo z eno, možnosti krmilnik. In obstaja veliko možnosti, ki jih lahko dal noter. Eden bomo poudariti je omogočiti kretnje. In če ste nastavili to enako res, potem lahko dobite dostop na tej gestami da vam bomo pokazali, v Visualizer. 

In potem drugi argument je funkcija, to je nekako kot klic nazaj ki se bo imenovala vsaka Čas vsak okvir Leap, tako da vsakič, ko registri prestopnih da roko poteza, da ima nov okvir. In ga poziva, naj to funkcijo z enim trditev, ki je predmet okvir. In da okvir objekt opisuje Okvir preskoku vidi. ARMAGHAN BEHLUM: Točno tako. Torej, ta vsebuje vse koristne bitov in kosov informacij da smo govorili prej. Preverjanje dot geste okvirja je nabor gest da je ulovilo preskok motion vaš roke delaš v zadnjem okvirju. Tako, na primer, kaj smo delaš tukaj se bomo preverjanje, hej, Leap, v tem zadnjem okvirju storil ste ujeti nobene kretnje, ki sem storil? Če in kaj smo se odločili narediti Ponovil je s temi gestami in poskusite in dobili nekaj koristnih informacije od njih. Vsaka poteza ima edinstveno ID povezana z njim. Imajo vrst. Si lahko ogledate na katerih prstih so bili vključeni v kretnje s preverjanjem ta pointable stvari. Torej, če, ko greš skozi Leap Predlog JavaScript API stvari, ko se omenja pointables, ti govoriš o teh prstov. In potem roke so, seveda, Celoten objekt z. 

Kaj drugega? Preverite lahko, kako dolgo motion šel na za in, ja, vse te koristne stvari. Torej, kaj počnem zdaj tukaj se bom prijaviti okvir, in potem sem posodobiti svoj HTML za prikaz vseh teh bitov informacij iz okvirja. Torej, kaj je preveriti, ali ven. 

Torej, tukaj je. Tukaj je indeks dot HTML datoteke. In kot ste pravkar videli, ko sem se preselil moja roka Leap ujeli krožnega gibanja. Tako lahko vidite, mi delaš krog več tukaj, posodablja z informacijami krog. Narediti swipes, ujame swipes. Poskusimo zavihek zaslona. Tam gremo. Zaslon tapnite in ključni pipe. Torej, ključni pipe tudi, po Tako so, ko si udaril navzdol. Torej si lahko predstavljate Mogoče igranje klavirja. 

In potem zaslon pipe so Ko ste zadeli zaslon. Torej si lahko predstavljate, morda ste v resnici ima zaslon na dotik, ki je pred vami in ste hitting dotik zaslon pred vami. In potem bomo lahko zgrabi enega teh objektov v tukaj. Torej, ne pozabite, sem rekel, da sem bil mimo okvirja v konzoli dnevnik. In tako bomo lahko preverite vse bitov in kosov informacij ki so na voljo v da okvir kot tudi za uporabo. 

Kot sem že rekel, pointables so prsti. V tistem trenutku nismo imeli naši Roke na sprednji strani Leap Motion zato je registrirana nič, ampak to je, kako vas bi se začel, da ugotovite, morda koliko prstov so zaslon. In da je vrsta informacij. TOMAS Reimers: In spominjanje To je samo objekt. Torej je mogoče dostopati vse nekako kot struct v C. Imate predmet ime dot ime lastnine. In nato znotraj, da imate nizi in imate druge predmete, vendar ne pozabite, to je samo predmet. Ni nič posebnega ker smo s pomočjo poskok. ARMAGHAN BEHLUM: Ja. Cool. Bi morali odjaviti par JavaScript primerov? 

TOMAS Reimers: Torej hitro se spomnite, da smo je dejal, da Leap lahko dejansko deluje na kateri koli spletni strani. LeapJS je samo vroči stranki. In tako dolgo, ima naročnik Leap Predlog pritrjena, da bo delovalo. Torej Leap Predlog ima Spletna stran, kjer ljudje lahko delijo svoje primere stvari, ki so jih naredili. Tako da smo le, da bo šel z nekaj njih da vidim, kaj je mogoče pred potapljanje v več podrobnosti o tem, kako je to mogoče. Torej ARMAGHAN BEHLUM: Poglejmo. TOMAS Reimers: Zdaj je treba delati. ARMAGHAN BEHLUM: Torej sedaj preden bomo videli zgled uporabo enotnosti, ki je izdalo naše roke s precej impresivno grafične kože, zdaj pa lahko vidite, lahko storite Isto znotraj spletnega brskalnika. To je vse v notranjosti Chrome samo z uporabo JavaScript. In potem drugi lepo stvar je, če hočeš vedeti, kako so to storili, primeri JavaScript vključuje tudi možnosti kod, ki si lahko ogledate in potem videli kako ta oseba je bila oprijemalne roke in kode in podobno. 

Torej, to je vse, kar lahko najdete na developer.leapmotion.com. Lahko greš in preverite JavaScript Primeri, ki jih imajo tam. Torej, ja. Tu gre, oops žal. Poskusimo, da še enkrat. Oh. Imam dve prave roke. Torej, ja. 

TOMAS Reimers: Torej, in še enkrat, zapomni si včasih Leap zamoči. Samo izročiti to sekundo. To ni popoln, ampak to je zelo dobro. ARMAGHAN BEHLUM: One drugo priporočilo tudi je, da ne bo na neposredni sončni svetlobi. Torej način Leap Motion Dela je, pravzaprav če bom pokazal kamero to kot tudi, infrardeča svetloba. Torej pošilja tistih, in nato jih bere, ko pridejo nazaj. Torej, če ste poskušali to storiti neposredni sončni svetlobi, na primer, je to verjetno ne bo šlo, ali pa se dogaja, da zahtevajo nekateri kalibracija, da to storijo. 

Tudi drugo priporočilo je, da počistite prostor zadaj Leap in pred skokom. Misli, da je delovno notranjost kupole, ki je obdaja to Leap Motion predmet. Če je stvar prava za njo, kot tudi, da se tudi dogaja, da se motijo s tem, kako Leap Predlog poskuša da priznajo svojo roko in da je vrsta stvari. 

Tako, na primer, mislim, da je to Primer je moj laptop dejansko To je nekako tako, da Leap Motion. Ja, gremo. Torej, če sem jasno iz moje laptop iz za njim z roko pokaže precej dobro. Torej, ja. Tam je to. Torej, kaj si mi jih pokazal. TOMAS Reimers: Mislim, da Zdaj bo čas razvrstiti potopa v in Dovolite samo da demo popolnoma iz nič. To se dogaja, da je res enostavno. V bistvu, kaj bomo da bi poskušali narediti je, da jo tako da, ko potegnete roko, se v ozadju dogaja, da začnete ven kot rdeča, in ko si potegnite roko, v ozadju dogaja, da postane zelena. OK? Res preprosta. In to je v bistvu samo šel skozi veliko od konceptov Leap, tako da bomo lahko priti v to ideologijo, kako Leap deluje in kako lahko gradimo stvari s tem. In potem od tam bova verjetno samo ti pokažem API Docs in kjer vas lahko preberete več o tem. In potem jo bomo dan. Torej hočeš, da kodo ali hočeš, da kodo? ARMAGHAN BEHLUM: Ja. No, mislim, da lahko delamo skupaj na to in poskusite 

TOMAS Reimers: Torej bomo narediti nekaj par kodiranja. ARMAGHAN BEHLUM: Tukaj gremo. To je točno, kaj sem želel odjaviti. Cool. Tako na primer tukaj, pa poglejmo. Medtem ko smo ponavljanjem skozi že kretnje, TOMAS Reimers: Želite, da bi le popolnoma nova datoteka? ARMAGHAN BEHLUM: Popolnoma nova datoteka? Ja, seveda. 

TOMAS Reimers: Ja. 

ARMAGHAN BEHLUM: Torej, kaj je naredil. 

TOMAS Reimers: Torej gremo da bi popolnoma datoteko. Bomo ga pokličete ročno dot HTML. To je kul z mano. Torej, ne pozabite, vam HTML tag, nato pa v roku, ki imate glavo. Da glava ima naslov v njej. Torej tab drug način. Tam greš. Naslov, bomo ga pokličete Leap Primer. Ja. 

ARMAGHAN BEHLUM: Ups. Naslov. 

TOMAS Reimers: Yep. 

ARMAGHAN BEHLUM: Tukaj smo. 

TOMAS Reimers: In potem pa bo telo. 

ARMAGHAN BEHLUM: Počakajte, Dovolite Prav tako se prepričajte, da uvoziti. TOMAS Reimers: Oh, seveda. Moja napaka. Zato vedno preverite, ali imate Leap skript, tako da je scenarij, ki ste s Leap Motion, ki v osnovi omogoča spletni brskalnik za povezovanje z napravo na uporabnikovem računalniku. Nato pa v to smo tudi Potrebujete telo in Dovolite samo da telo pozdravit tako da bomo lahko pokažemo učencem kako povezati ta nova Spletna stran, ki so naredili. ARMAGHAN BEHLUM: Seveda. Torej, kaj je pravkar dal another-- 

TOMAS Reimers: Zdravo, zdravo svet. Tako zelo osnovni primer. Res samo demo. 

ARMAGHAN BEHLUM: In potem se tu Lahko greš k smo jo imenovali roko dot HTML, kajne? In oh! Torej, jaz se sprašujem, kaj je narobe s tem zdaj. Dodajmo še dovoljenja za branje predati dot HTML. TOMAS Reimers: Želite to storiti v velikem terminalu tako da bomo lahko samo kažejo na the-- 

ARMAGHAN BEHLUM: Ja, to je smiselno. Vse je v redu. Tako da sem dodal dovoljenj, če pa je bilo, da preverite dovoljenj, preden smo bi videl, da je pravzaprav roko dot HTML ni imel dovoljenja za branje in zato ni mogel postane. Ampak zdaj, če bomo to storili, bomo videli naše malo zdravo svet tam. 

TOMAS Reimers: Torej Dovolite dejansko, kot je bilo pisanje, zdravo svet, Mislil sem na način, bi lahko to spremenili. Naj bo to pozdravit svet, in potem ko val, pravi zbogom. Kajne? Torej zdravo, zbogom. 

ARMAGHAN BEHLUM: Seveda. 

TOMAS Reimers: To se sliši precej dobro. 

ARMAGHAN BEHLUM: That Sliši se dobro, da tudi zame. 

TOMAS Reimers: Torej, če smo gre za to kaj je samo mislim, preko spletne strani malo. Bomo potrebovali nekaj skript ki v bistvu registri da si pomahala in preskok, val in swipe, ista stvar. Torej bomo potrebovali skript, v bistvu registrira za ta zamah. In še ena stvar, ki smo bodo potrebovali, je, da smo bo treba nekaj dejanska vsebina spremeniti. 

Torej, ko se spomnite, jQuery vam omogoča spreminjanje vsebine. Torej, ena stvar, ki bi želeli vključiti Pri tem je knjižnica jQuery. In potem bi mogli izbrati, kaj smo dejansko dogaja, da spremenijo vsebino, da se dogaja, da potrebujejo ID ali razred, ali kaj da bomo lahko uporabite, da jo izberete. Torej bomo samo za njih Hitro ID besedila sprememb. In potem hočeš, da zgrabite jQuery? ARMAGHAN BEHLUM: Torej, kaj je prva stvar na naš seznam opravil pa zdaj? TOMAS Reimers: Oglejmo zgrabi jQuery? ARMAGHAN BEHLUM: Recimo, zgrabi jQuery, OK, kul. V tem primeru, jaz grem morali actually-- če bi Najboljši kraj za to? 

TOMAS Reimers: jQuery, tako da, če ste Google jQuery, jQuery hit, prvi ARMAGHAN BEHLUM: Zelo prvi. TOMAS Reimers: Ali prenesete. To je v redu. Hit prenos V1 in V2 na levi strani. Zato smo z opisom jQuery od na spletu, kot ste verjetno naredil. Pomaknite navzdol. Up, up. 

ARMAGHAN BEHLUM: Oh, tukaj pa zdaj? TOMAS Reimers: Ali to. Ja. Torej jQuery je gostil različico kar pomeni, da ne boste dejansko morali prenesti, ampak ti si več kot dobrodošli, da jo naložite in ji sami gosti. ARMAGHAN BEHLUM: Cool. Torej, zdaj imamo jQuery. Zdaj, kaj je naslednji na naš seznam Opravila. TOMAS Reimers: Awesome. Torej, naslednjič, kaj potrebujemo storiti, je, da smo v resnici potrebujemo dati p Hello World ID tako bomo lahko spremenili, kajne? Torej, kaj je dala idejo, Ne vem, spremenili besedilo? ARMAGHAN BEHLUM: Naj samo to storiti na ta način, se mi zdi. TOMAS Reimers: changeText, cool. In zdaj naj samo osvežite stran. Poskrbite, da vse deluje. Torej nazaj v brskalniku. Cool. Vedno dober opomin, da ko ste izgradnjo spletne strani, Verjetno osveži vsakič, ko bi vsaka nekoliko večja sprememba le ker včasih vas po nesreči spusti oznako, ali pomotoma izbrišete nekaj, in potem si zlomil nekaj malega, potem pa, ko bo večji spremembo ste kot, zakaj je to storil velika sprememba navidezno prekinil nepovezanih stvar. Torej, to je vedno dobro, da nekako iti in narediti te preglede prištevnosti. 

Nekako tako zdaj naredimo še zadnji pregled sanity, ki se poskusimo spremeniti besedilo brez Leap Motion, ne da bi karkoli, samo na strani obremenitve pa bom spremenite Zdravo svet Poslovite uporabo jQuery. Torej, če se spomnite jQuery izpostavlja ta funkcija znak za dolar, ki se lahko prenese na izbiro CSS, sicer hashtag besedilo spremembe, ki izbere element z ID besedila sprememb. In potem gremo poklicati metodo HTML o predmetu se vrne s Argument godalni zbogom, ki bo spremenila postavke HTML reči zbogom. Super. To se zdi zelo kul. In zdaj, ko smo osvežitev Stran bomo videli se takoj spremeni v slovo, kajne? Ker ne čakati na vse. Nekako v najkrajšem možnem ta skript teče jo spremeni v slovo. Cool. 

Torej, zdaj pa zaviti, da je v funkciji. Prav. Torej bomo želeli da bi funkcijo. Imenovali jo bomo zbogom. Torej funkcija Poslovite se dogaja, da brez argumentov in to ni res vrača ničesar. In to je le, da bo to, da v JavaScript. Odlično. Torej, naša naloga zbogom zdaj spremeni besedilo v slovo, kajne? Torej, to nam daje pot v bistvu spremembe da je besedilo v slovo kadar je to smo poklicali funkcijo. Kajne? Torej, to je zelo kul. 

ARMAGHAN BEHLUM: No, lahko tudi samo poskrbite, da je zdaj, ker mi ne kliče funkcijo, če bomo osvežite stran, opazili, da je ne bo , da spremenite besedilo. 

TOMAS Reimers: Odlično. Torej, zdaj bomo začeli da se v tem Leap stvari da smo govorili o tem. Torej Armi, hočeš, da prevzel od tukaj ali? 

ARMAGHAN BEHLUM: Ja. Prepričani. Jaz sem verjetno bo potrebno Če želite preveriti, stvari, dvojne, ampak na primer ne pozabite smo rekli, smo želeli zagotoviti v Možnosti smo postavili omogočajo kretnje TOMAS Reimers: Dober ulov. ARMAGHAN BEHLUM: Če bi bilo res. In potem smo se priporoča da bi se vidva teči preskok dot zanke, ki kot smo že povedali, ima dve možnosti, a JSON objekt, ki je možnosti za kako želite konfigurirati Leap Motion za delo, in potem funkcija, ki je dogaja ujeti okvir kot povratni klic Funkcija kot Tomas je rekel. Nato pa uredite, kaj hočeš storiti s to funkcijo. 

Tako se peljemo v možnost in sedaj smo definirali funkcijo, ki bo v okvirju. In zdaj moramo opredeliti kaj ta funkcija počne. To je tudi zaradi Prihodnost, narediti, da se prepričajte. TOMAS Reimers: Odlično. Torej, zdaj imamo to skok dot funkcija loop klic, ki v bistvu pravi, da gledam Leap s temi možnostmi in vsakič nekaj spreminja, to imenujemo Funkcija okvir z vseh podatkov da ste seznanjeni v okvirju. Sliši se precej dobro. Torej, zdaj check hitro sanity, kar sem vedno priporočamo, je v tem, samo da konzola dot log okvir. In potem v Chrome ga odprete up in pogled na vašo konzolo in igral s skokom za prikaz Okvirji se prijaviti, ker da bo dobili idejo o tem, kaj Podatki imate dostop do. In kot vedno, če se boste zmedeni, poglej gor sklic API. In bomo vključiti povezavo Za to konec tega. 

ARMAGHAN BEHLUM: Tako smo osvežite stran in nato gremo spet odprli konzolo. In zdaj smo opazili, da smo ob okvirji opravili v, ti mali predmeti smo videli prej. Torej, ja. To so naši okvirji Prikaz v konzoli. Cool. 

Torej sedaj, da smo zgrabil okvirji, kot si morda spomnite prej na primer to, da smo imeli, če smo preveriti dot kretnje okvirja smo dobili seznam kretnje, Okvir nazadnje ujeli. Mi lahko preverite dolžino te matrike da vidim, če Leap ujeli nobene kretnje. Torej, če je matrika je večja od nič, potem smo vemo, da imamo nekaj stvari za narediti. 

Torej, kaj je zaviti, da se v stanju, če in zdaj je tukaj, kar vemo je, da smo Videli gesto, pa deluje na njem. Torej sedaj, da smo tu mi imajo gesto, da preverite. TOMAS Reimers: No, najprej stvar je, da to ni le ena poteza, to bi bilo toliko geste. 

ARMAGHAN BEHLUM: Zelo res. TOMAS Reimers: Torej na klasičen stil C tukaj bomo verjetno želeli uporabiti za zanke. ARMAGHAN BEHLUM: Tukaj smo takrat. Odločili smo se, da ponovitev skozi geste. In poglejmo. i plus, plus. In zdaj, če bomo morda na Samo var gesta enaka geste okvir dot konzola i, zdaj imamo gesta sama, ki je samo ena en primerek gesta objekta za nas, da delo z Notranjost to zanko. Vse je v redu. TOMAS Reimers: Delajmo sanity še enkrat preverite tukaj in samo potolažiti dot prijavite gesto, da vidite, kaj smo dobili. 

ARMAGHAN BEHLUM: Konzola dot log gesta. Okie dokie. In osvežite še enkrat. 

TOMAS Reimers: In dajmo poskusite tako potezo. Boste videli, da kup o, ko je swipes, dobiš kup potez v konzole in če poskuša narediti krog, to je just-- 

ARMAGHAN BEHLUM: Circles so samo res lepo. 

TOMAS Reimers: Zdaj je čudna stvar tu, ki se mu gre en krog, To pa se prijavite 80. kretnje, kajne? To je veliko kretenj. Torej prva reč, da zavedaš, in to je lahko zavajajoče, je to gesto ni samo prijavljeni enkrat. 

Na vsakem okvirju, desno, tako da, če delam krog Leap bo to zaznal je sprememba, od tega je sprememba, s to spremembo. In bo to prijavite vsakega od njih. Toda v vsakem izmed tistih, to bo rekel, oh, tam je gesta je trenutno v teku. Torej, naj povem, hej, tam je gesta in je trenutno v teku. Torej, kaj ne želimo, da se storiti, je rekel, oh, na vsakem izmed od teh kretenj si želite spremeniti besedilo. Kaj želimo narediti je, ko da je gesta ustavi, in bomo lahko preverite, da je potem želimo spremeniti besedilo. ARMAGHAN BEHLUM: Mhmm. Tako kot Tomas je razloži te kretnje se lahko pojavijo zaradi večkratne okvirji, ampak za primer, ko smo se ob da krog, lahko vidimo da ID za ta ena Enotni krog, da smo Morda so poskušali za dokončanje je enak ID celotnem besedilu. In v resnici, lahko tudi vi preverite stanje. posodobljena. 

In potem je to verjetno zadnji krog, da, oh, no, OK. Torej, včasih pa vam pokaže Status ustavil gesto in to tudi vam prikazuje stanje z začetkom novega gesto, kadar priznava prepričani, da da ste začeli novo potezo. Na primer, v tem primeru. TOMAS Reimers: Cool. ARMAGHAN BEHLUM: Torej, ja. In potem, da vidimo. Prav tako lahko opazili čeprav smo bili kar Krog in gesto Ima visoko imenuje tip ki nam pove, kakšno z gesto, ki je. Tako, da bi bilo koristno za nas ste poskusiti in narediti tisto, kar počnemo. TOMAS Reimers: Torej prehod nazaj v JS, Prva stvar, ki se mi Prav, samo branje s to oznako je tam majhna optimizacija, ki je dejansko Ne potrebujem tega, če pogoj, kajne? Ker če geste okvir dot dot Dolžina nič, da se za zanke je ne bom teči anyway. Tako smo lahko tudi samo pojdi naprej in se znebite tega. Again, medtem ko pišete kodo je pomembno, da se vrnete in sortiranje od refactor saj se zavedaš, da vas bi naredili nekaj boljšega, ali pa da obstaja še en način, da to storim. Torej, zdaj smo le, da bo to čiščenje hitro in tudi počistiti kodo. To je velika stvar. 

ARMAGHAN BEHLUM: Good slog je zelo cenjeno. 

TOMAS Reimers: Lahko Vedno povem, ko je nekdo ima kodo, kjer se uporablja, da se, če stanje, nato pa so ga odstranili, vendar ga ni odkomentirate. To je zelo očitno in to nekako izgleda grdo. ARMAGHAN BEHLUM: Torej, kaj je Naslednji na naš seznam opravil? TOMAS Reimers: Torej, zdaj, ko so govorili, Mislim, da je prva stvar, ki jo želimo narediti se prepričajte, da je ta poteza je dejansko Močan, kajne? 

ARMAGHAN BEHLUM: Ja. 

TOMAS Reimers: Torej, če smo pravi, da naša zbogom je nekako kot zamah, bomo šli s to Močan, Prva stvar, moramo povedati, je, hej, je gesta vnesite potegnite, kajne? Ni krog ali top, vendar je swipe? Tako mimogrede, kar lahko naredimo, da je lahko rečemo, gesto Tip dot enako enako swipe kot niz. 

ARMAGHAN BEHLUM: [neslišno] gesta Tip dot enaka enaka potegnite. Tukaj smo. 

TOMAS Reimers: In nato pa zadnje vprašanje želimo, da je gesta dot stanje enako enako stop, kajne? Torej, to je, ko gesta bila je ustavila. Pravzaprav mislim, da za zamah, sem to vedo off vrhu moje glave, vendar ste dobrodošli, da poglej ga, ko potegniti vsakič, ko jo je registriral dokler se ne ustavi, je začetek gesta. In potem zadnja je le gesta stop. Tako da bo le en postanek gesta, ki je super za nas. Torej, kaj lahko storimo, je, če gesta dot reči vnesite enako enako potegnite in kretnjami dot Stanje enako enako ustavi, potem pa sanity preverite tukaj tolažimo dot dnevnika gesto. 

Torej bomo šli nazaj. Bomo osvežite stran. In zdaj samo nekaj časa naj biti konzola dot prijavljeni je, ko smo poteg. In se trudimo, da potegnete in vidimo ničesar. Kajne? Torej, to je dejansko velik problem. Nismo videli, kaj smo pričakovali, da. In odpravljanje napak je lahko velik del tega. Torej prva stvar, bomo povedati je, OK, kaj je potolažiti dot se prijavite, če gesta dot vnesite enako enako potegnite. ARMAGHAN BEHLUM: Ja, kaj je naredil. TOMAS Reimers: Torej smo dogaja, da se vrnete na to. Bomo osvežitev. Bomo poteg. In bomo videli kup njih. OK. Torej je jasno, da je problem z našim statusom gesta dot. Torej, če bomo odprli enega od teh bomo pogled na predmete in bomo videli, dobro, to je stop, ampak oh, to se imenuje stanje, ne stanje. Torej, če bomo odpravili nazaj naša koda lahko rečemo, če tip gesta dot enaka enaka swipe in gesta dot stanje enako enako stop, potem bomo tolažili dot jo prijavite. In tako osvežite. Mi poteg. In bomo videli, da je na vsak Močan, smo samo še eno, ki je konec, kar je super, kajne? To je tisto, kar želimo. 

ARMAGHAN BEHLUM: Yep. In lahko smo tudi opazili, da so ID-ji za vsak od teh potez sta ločena. Tako Tomas je rekel, ker smo lov to stanje na enem mestu, da obstaja na koncu zamah, smo pridobivanje posameznih ločenih kretnje od Leap Motion. Super. 

TOMAS Reimers: Gremo naprej in pač končno stvar, ki je, 

ARMAGHAN BEHLUM: Goodbye. 

TOMAS Reimers: Awesome. In zdaj pa si oglejte našo spletno stran. Eden 

ARMAGHAN BEHLUM: drugi. Mi pa, ja, nismo ga pokličete Goodbye. Super. 

TOMAS Reimers: Ne, Goodbye je realna funkcija. 

ARMAGHAN BEHLUM: Ja. Naredimo to. 

TOMAS Reimers: In ko smo mahati zbogom, pa pravi zbogom. 

ARMAGHAN BEHLUM: Imamo zmago. 

TOMAS Reimers: Torej precej razburljivo stvari. Upajmo, da lahko gradijo nekaj drugega, ampak boste dobili idejo, kajne? Lahko zazna gibe. Lahko pokličete funkcij. In od tistega, ki resnično vam daje nekaj zelo temeljni gradniki reči, oh, morda, ko potegnete gor, saj lahko zazna tudi stvari kot smer. Rad bi, da narediš nekaj. Ali ko potegnete prav, sem želim, da nekaj storiti. In bomo lahko začeli, da bi dobili ustvarjalni s kako točno bomo izboljšali našo spletno stran uporabo teh potegniti s kretnjami ali krog geste ali tapnite, kretnje, bodisi ključ pip ali screen pipe. In potem, razen da ste več kot dobrodošli, da igrajo z dejanskimi podatki, če pa želite narediti da bi vam predlagamo, da gredo na docs ker oni so dejansko res dobri. Tako vodil do docs zdaj. Ali hočeš govoriti o tem? 

ARMAGHAN BEHLUM: Ja. Naredimo to. Tudi ena druga Malčice nasvetov, ne poskusiti in pomislite na to v 3D. Torej, dejansko pa dvigni tiste kretnje še enkrat konzola dot log gesta in to naredimo. Pridi nazaj in zdaj poskusimo Nekaj ​​od teh, nekaj teh. 

Če gremo v in preverite te geste, kot tudi Kot lahko vidite, da je oni dimenzionalnost je v treh smereh, pravzaprav. Torej ne samo omejujejo sami na 2D zaslonu čeprav ste morda je na spletni strani 2D. Lahko poskusite in pomislite, kako uporabnik lahko interakcijo s spletno stranjo v 3D. TOMAS Reimers: V 3D prostoru. ARMAGHAN BEHLUM: Točno tako. In ja. Tako boste dobili smeri, hitrosti, vsi ti kul bitov informacij. 

TOMAS Reimers: In če niste seznanjeni s tem, da gre X, Y, nato pa z je to zadnja razsežnost. Samo nekaj, kar verjetno ste poznati, če ste obravnavali 3D Pred usklajujejo letala. Če še niste, to je isto kot 2D nihče razen tam je tretja dimenzija. Imenujemo jo z. In vse, nekako všeč Smer, ki je, če se dogaja, position-- Mislim, da bi lahko celo izpostaviti pospešek, nisem prepričan. 

ARMAGHAN BEHLUM: Ja, verjamem. Prav gotovo ima hitrost. Jaz sem pravzaprav ni 100% prepričani o pospeševanju. 

TOMAS Reimers: Morda je možnost lahko prenese na nekaj. Torej se položaj in hitrost izpostavljeni V teh vrste treh koordinat. Torej x, y, z ali delta x, y delta, delta z. Torej, zdaj vodi v dokumentaciji to je developer.leapmotion.com in potem lahko kliknete dokumentacijo. Again, Leap Predlog ima vse to čudovite API, eno za JavaScript, ena za C Sharp in enotnosti, enega za C ++, eden za Javo, ena za Python, in eno za Cilj C. Osebno bi vas potisnite JavaScript ali, če želite, da se naučijo nov jezik, poskusite Python. Oba od teh jezikov, ki sem jih delala z pred in oni so res enostavno naučiti in že veste JavaScript, ki zaradi česar je res dober kandidat. 

Ena beseda previdnosti Ko vnesete docs. Prepričajte se, da ste na Docs v2.0. Ker če ste na Različica za eno, to ne bo delovalo. Tudi za primer galeriji. Porabili smo po dobrih 30 minutah težaven razhroščevanje naša Leap preden smo spoznali, da V1 ne deluje z V2. Torej, samo poskrbite, da ste na različici dveh. In potem ga bom pustil pokazati svoje docs. ARMAGHAN BEHLUM: Ja. Torej, tukaj je pregled API in nato nekaj bitov in kosov informacij da smo ti že povedal. Lepo plavajoči Roke, ki presegajo Leap Motion. In opomin, da razmišljajo o prostoru v 3D. Ena od prvih predmetov, da razmišljajo o z Leap Motion so roke, seveda. Videli smo, ki so priznane ki jih je Visualizer. In potem boste morda morali razvidno, da je bilo ugotovljeno, del zapestja in kraku, povezane z njo. TOMAS Reimers: Če želite da dvigni Visualizerja. ARMAGHAN BEHLUM: Ja, kaj je to, da še enkrat. TOMAS Reimers: Lahko vidite, vedno samo dober opomin, da nekako videti, Visualizer skuša pokazati, vsi podatki, ki Leap vidi. Tako da boste videli, da imamo ti nekako štirih točk z zapestja in nato dejansko zapestju. In imate tudi ta gol na dlani. Vse to so točke priznajo priznalo preskok. 

ARMAGHAN BEHLUM: Točno tako. In tako se s tem strani objekta vsak okvir ima ročno niz kakor tudi, kjer lahko dobite tudi leve in desne roke. Lahko dobite kar Smer roke so sooča z normalno Smer dlani, ali, kot ga imenujejo palm normalno. Kaj imamo? Prav tako, oops. Poskusimo in se pomaknite navzdol na ta način. Roke, prsti so s prstom zastopa Razred, ki je pointable objekt. Tako kot smo rekel, smo videli, da array pointables za vsako roko. Tisti, ki so malo prste, da misliti. Torej je to dober pregled, da gredo skozi poskusiti in razumeti. TOMAS Reimers: [neslišno] roko anatomija tam gor. ARMAGHAN BEHLUM: Ja, točno. Torej, ja. Obstaja veliko neobdelanih podatkov, ki Leap Predlog ima v interpretira tudi za vas, tako da je super Ideja, da gredo skozi tu in poskusite ugotoviti, kako je Leap že pogruntal stvari za vas in kaj informacije vam imajo na razpolago od tam. In potem od tam jaz bi priporočal gre v tem levega dela tukaj, kar gre, no, pravzaprav ni tisti, ki so dejansko samo bolj API stvari about-- 

TOMAS Reimers: referenčna API na dno je običajno dober kraj za iti. Vidva videla to, ko smo naredili Google Maps PSET. Ampak referenčni res gre samo skozi vse funkcij in parametrov na voljo v objekt za vas. 

ARMAGHAN BEHLUM: Ja. Na primer, to je tisto, Iskal sem prej. Ko imamo strani pa smo Lahko greš in ugotovimo, kako Leap priporoča za nas, da bi našli roko. Kot sem že rekel, imamo roke array. Ugotovite, če imamo roke in Nato poskusite zgrabi eno roko za sodelovanje z na ta način. Torej, to je tisto, kar smo priporočam za vas. Gibi in stvari, kot tudi. Ta API dokumentacija se bo fantastično orodje za vas. Ali imate kakšne druge priporočili? 

TOMAS Reimers: Jaz ne. Mislim, da je dobro za zdaj. 

ARMAGHAN BEHLUM: Ja, Mislim, da tako, kot dobro. Vas prosimo, da nam pošljite e-pošto in dobili v stiku okoli Leap Motion če imate morda vsa vprašanja ali potrebujejo nobenih priporočil. In lahko poskusite ugotoviti stvari ven z vami, kot tudi. Hvala. 

TOMAS Reimers: Great.