>> 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.