>> TOMAS Reimers: Cool.
Nii hi, kõigile.
Minu nimi on Tomas.
Ma olen TF ja see on
Armaghan BEHLUM: Armi.
Nice to see you guys.
TOMAS Reimers: Cool.
Nii et me läheme rääkima umbes hüpe Resolutsiooni täna.
Nii hüpe Motion on väga lahe toode, mis
võimaldab teil suhelda arvuti teistmoodi.
Nii et kogu idee hüpe algatusel on see, et sa
saate oma käed suhelda arvuti.
Nii siin on midagi luua.
Räägin seda natuke.
Aga põhiline versioon on saate näha, et mul on käed ees
minu arvuti ja kui ma neid liigutada, saad analoog arvutis
ja saate analüüsida.
Võite teha žeste.
Te saate kasutada oma käed suhelda arvuti
uutes ja huvitaval moel.
>> Noh, ma tegelikult esimene soovid läbida maha Armi
näidata teile mõned lahedad demos, mis mõned inimesed on teinud seda.
Ja siis me räägime, kuidas sa tegelikult kodeerida selle.
Armaghan BEHLUM: Jah.
Tere.
Nii nagu me nägime, vähe andmed siin, aga vaatame
mida mõned inimesed on teinud seda.
Lubage mul avada see näide.
Ja siis, nii näiteks näed minu käest analoog olemas, kuid nüüd on see aeg
mõned inimesed kasutavad Unity on otsustas panna veidi rohkem nahka
ja värki ümber käe.
Ma võin, lähme selle ühe, Kindlasti on mu käed suheldes.
Ja saab ilmselt ette kujutada paar muud cool kasulikke asju
mida saate teha seda.
Nii on see vähemalt üks näide.
Ja siis lähme välja hüpata seda.
>> Ja siis veel üks lahe üks on, lähme see.
Plasmo palli.
Jällegi, me ei pruugi oodata selle taseme keerukust
alates lõpliku projekti CS50.
See on lihtsalt, et näidata teile mõned, annan teile poisid
natuke inspiratsiooni, mida kutid saavad teha hüpe Motion.
Nii näiteks siin on cool füüsika Näiteks kus me läheme.
Kas mõlemad käed nii et nüüd te on see väike plasma ball.
Ja palli reageerib füüsika minu liigub oma käe ümber palli.
Nüüd on see kõik, kuigi kasutades Unity, kasutades sellist abivahendite ja raamistike
et me ei ole õpetatud kutid klassis,
kuid nagu näete päris cool run läbi ekspordi sellega.
>> Aga üks asi, mida poisid võivad teha alustades kohe kinni koos hüpe Resolutsiooni
on töö JavaScript.
Leap Resolutsiooni on JavaScript API, et kutid saavad kasutada ja me väga, väga
Soovitame poisid ehitada oma projekte, kasutades seda.
Nii et lubage mul liigu tagasi maha Tomas
rääkida hüpe Liikumine ja JavaScript.
TOMAS Reimers: Cool.
Või sa tahad näidata neid visualiseerija esimesena?
>> Armaghan BEHLUM: Oh jah.
Jah.
Räägime lähemalt, et visualiseerija.
>> TOMAS Reimers: Nii on kõige elementaarsem tasandil, kui te esimest korda saada hüpe Resolutsiooni
sa lähed on see kast.
Siin tahad, et võtta kontrolli?
>> Armaghan BEHLUM: Jah, minna ta.
>> TOMAS Reimers: Nii et kui te Esimene saad hüpe Resolutsiooni
sa lähed on see kast.
See on seade, mis näeb välja umbes selline.
Sa ühendage see arvutiga paigaldada vajalikud draiverid,
ja siis põhimõtteliselt võimalik luua.
Nii on kõige lihtsam viis, et sortida ning tegeleda hüpe Resolutsiooni
on käesolevas programmis installib nimetatakse hüpe Resolutsiooni visualiseerija.
Ja visualiseerija on sõna otseses mõttes mida ma näidata siin.
See võimaldab teil näha skeleti ülevaate teie kätes.
Ja mida hüpe Resolutsiooni tõlgendab neid.
Nii hüpe Resolutsiooni kasutab kaamera sorteerida ja vaadata oma käed
ja siis ta püüab ära arvata, mida põhilised luustiku koostis et te
vaata ekraanil on.
Ja see, mida see näitab.
Armaghan BEHLUM: Iga ühe mõtet
ja asi, mida sa näed on andmed, mis on saadaval kutid
samuti kasutada.
Nii näed, et see on hõivamiseks, et Tomas
on viis sõrme, iga Nende erinevate sõrmede
on saadaval ka teile andmed punktid kasutada mis tahes taotluse
et te võiksite.
Kui soovite näha, kas keegi teeb pöidlad üles
näed, kui oma sõrmi on lokkis ja kas nad
pöidla sõrm osutab ülespoole, või kui
oma randme või palm on ja seda tüüpi asju.
TOMAS Reimers: Cool.
Nii et näete mõned žestid see mõistab paremini kui teised.
Pea meeles, et see otsib oma käsi on kaamera alt,
nii et kui sul on käed nagu Sellest mõistab täielikult,
aga kui hakkad proovida ja teha thumbs up, mõnikord loeb seda,
mõnikord võib arvata, kuid ausalt kaamera lihtsalt ei näe pöialt.
Nii see ei ole tegelikult Kindlasti, mis toimub.
Just mõned piirangud, mida meeles pidada kui sa arendada seda.
>> Igatahes, nii läheb tagasi selle.
Visualiseerija tegelikult on palju kasulikke tööriistu.
Nii hüpe Motion on programmeeritud selliselt
et nad ei oota sind suhelda, et pilti.
Nad tõesti ei eeldada, et sa aru
mis toimub kulisside taga.
Mida nad teevad, on paljastada hunnik API sa
nii, et saate suhelda neid andmeid
otse, ilma mõistmist mis toimub kapoti alla.
>> Nii et kui me tabanud H siin visualiseerija näete palju võimalusi.
Tähtsam siin küll on kui vajutad O ja siis vajuta H,
näete, et see saate teha žeste.
Nii žest, näete see tõmbab nool üle.
Žest on üks viise, mis Leap Resolutsiooni omamoodi võimaldab teil saada on andmed
ilma seda töötlema.
Nii et pigem mul oleks vaja välja nuputada välja, oh, käsi liikus,
isegi kui mul on punkt juurdepääsu, API on omamoodi lihtsalt öelda,
hey, nad tegid seda žesti.
Nii saad teha põhi nool žeste.
Võite teha ringi žeste.
Võite teha koputades žeste.
Ja sa võid teha klahvivajutust žeste.
Jah.
Ja sellist kraami.
Nüüd, et me oleme omamoodi näinud, mida hüpe Resolutsiooni saab teha,
te näete seda lugeda terve hunnik žeste.
Ma arvan, et ma lähen andke seda tagasi Armi
ja ta ei kavatse rääkida, kuidas sa saad neid JavaScript,
kuidas sa isegi alustada projekti selle.
Ja siis me räägime mõned cool kohti võid minna sellega.
Armaghan BEHLUM: Jah.
Kõlab hästi.
Nii et jah, kõige esimene asi, mida me tahan, et sa muidugi
on pärast saad hüpe Resolutsiooni on minna leapmotion.com loodud, paigaldada
juhtide ja värki.
Pärast teeme, et võite minna veenduge, et see on ühendatud.
Kui näete oma väike salve Leap Resolutsiooni ikoon ja see on roheline,
siis sa tead, et sa oled kõik komplekti.
Ja muidugi kontrollida täpselt Tomas lihtsalt näitas teile žeste
ja teeme ekraani kraanid ja võti kraanid ja seda tüüpi asju.
>> Pärast seda kui me ise, jälle nagu ma ütlesin,
meil on juurdepääs kõik need asju JavaScript samuti.
Ideaalne loodud, et soovitame teil
poisid on minna oma vhost kataloog, kohalik host,
avalikkusele oma CS50 aparaat.
Ja kui sa lähed sinna, mida sa näha, on indeks dot HTML faili.
Nüüd, kui indeks dot HTML faili või index dot
PHP faili, kumb on fine, mida saab siis teha
on minna opsüsteemi.
Ja kui te lähete IP aadress mis on loetletud allosas paremal
nurgas oma seadme siinsamas, nagu näete, siis mis juhtub
on sul minna lehele, mis on osutatakse, et indeks dot HTML faili.
Nii et kõik koodi, mis sa võiksid panna seal saab saata ning on kasutatavad siin.
>> TOMAS Reimers: Nii et see on ka oluline just viide
et kui poisid tegelikult teame kuidas luua server ise,
või sa tahad panna seda maailma web, sa oled teretulnud tegema mida iganes.
Pidage meeles, et need on lihtsalt JavaScript failid
ja kõik hüpe töötlemine tehakse kliendile.
Nii et see ei ole tegelikult küsimus kus teie server elu
niikaua arvuti mida vaatate veebilehte
on hüpe Resolutsiooni paigaldatud.
Armaghan BEHLUM: Absoluutselt.
Nagu Tomas ütles, jah, mida iganes töötab kutid.
See on vaid üks meie soovitusi.
Nüüd kasutama hakata hüpe Resolutsiooni mida sa teeksid
on sul oleks importida JavaScript faili hüpe Motion.
Ja siis sealt mida mida saate teha on, eks nüüd
Mul on ainult käesolevas lõikes tag loodud ID teksti.
Asjad, mida me soovitame seavad kontroller võimalusi
hüpe Liikumine võimaldab žeste, et olla tõsi.
Nii vaikimisi neid žestid, et me näitasime teile
poisid, ring, ja võti kraan ja swipes,
need pole nähtavad kutid vaikimisi.
Aga me väga soovitame kasutada neid nii et sa ei leiutamist.
Luba need, tõsi, läbides need controller võimalusi hüpe dot loop
ja sa oled kõik seatud minna.
Sest siis sa lihtsalt pead määratletud anonüümne funktsioon
mis viib sisse raami hüpe Resolutsiooni
ja et raam on kõik teavet, mida läheb vaja.
>> TOMAS Reimers: Nii lihtsalt sulgege, teil on üks objekt.
Sa pead seda funktsiooni nimetatakse hüpe dot loop.
Ja sa nimetad seda kaks argumenti.
Te nimetate seda ühe, controller võimalusi.
Ja seal on palju võimalusi saab panna sinna.
Üks me ei kavatse rõhutada on võimaldada žeste.
Ja kui valid võrdne tõsi, siis saad juurdepääsu selles žeste
et me näitasime teile visualiseerija.
>> Ja siis teine ​​argument on funktsioon, see on selline nagu kõne tagasi
mida nimetatakse iga ajal iga kaader hüpe,
nii et iga kord hüpe registrite oma käsi liigutada, see on uus raam.
Ja see nõuab see funktsioon ühe argument, mis on frame objekt.
Ja see raam objekti kirjeldab raami hüpe näeb.
Armaghan BEHLUM: Täpselt.
Nii et see sisaldab kogu vajalikku killud info
et me rääkisime varem.
Kontroll raami dot žeste on hulgaliselt žeste
et hüpe algatusel püütud oma käed teeb viimane kaader.
Nii näiteks, mida me teeme siin me kontrollime,
hey, hüpe, et viimane kaader tegi sa saagi iga žeste, mis ma tegin?
Ja kui nii, mida me otsustame teha on itereerima läbi nende žeste
ja proovida ja saada mõned kasulikud teavet neilt.
Iga liigutus on ainulaadne ID sellega seotud.
Nad on tüüpe.
Võite vaadata mis sõrmed osalesid žeste
kontrollides seda pointable kraami.
Nii et kui siis, kui sa lähed läbi Leap Resolutsiooni JavaScript API kraami,
kui nad mainida pointables, nad räägivad need sõrmed.
Ja seejärel käed on muidugi kogu poolt vastu.
>> Mida veel?
Saate kontrollida, kui kaua motion läks
ja, jah, kõik need kasulikke asju.
Mida ma teen kohe Siin ma logitud raam,
ja siis ma värskendan oma HTML kuvada kõik need bitti informatsiooni
raamist.
Nii saab kontrollida, et välja.
>> Nii et siin see on.
Siin index dot HTML faili.
Ja kui sa lihtsalt nägin, kui ma just kolinud minu käest hüpe püütud ringi liikuma.
Nii et näete, mul läheb ringi üle Siin uuendused ringi teavet.
Doing swipes, püük swipes.
Proovime ekraani alt.
Seal me läheme.
Screen kraani ja võti kraani.
Nii võti kraanid ka, mida Nii on, kui vajutad alla.
Nii võite ette kujutada võibolla mängib klaverit.
>> Ja siis ekraan kraanid on kui vajutad ekraanil.
Nii võite ette kujutada äkki sa tegelikult on puutetundlik teie ees
ja sa oled pihta touch ekraan ees.
Ja siis saame haarata ühe Nende objektide siin.
Seega pidage meeles, ma ütlesin, et ma olin kulgeb raami konsooli samamoodi.
Ja nii me saame vaadata läbi kõik killud info
mis on saadaval et raam samuti kasutada.
>> Nagu ma ütlesin, pointables on sõrmed.
Tol hetkel ei olnud meil meie käed ees hüpe Resolutsiooni
nii et see on registreeritud null, kuid see on, kuidas sa
hakkaks teada võibolla Mitu sõrme on ekraanil.
Ja seda tüüpi informatsiooni.
TOMAS Reimers: ja mäleta see on lihtsalt objekt.
Nii et kõik on kättesaadav omamoodi nagu struct
C. Sul on objekti nimi dot vara nimetus.
Ja siis sees, et teil on massiivid ja teil on muid esemeid,
kuid pea meeles, et see on lihtsalt objekt.
Ei ole midagi erilist sest me kasutame hüpe.
Armaghan BEHLUM: Jah.
Külm.
Kas me kontrollida paar JavaScript näiteid?
>> TOMAS Reimers: Nii kiiresti meeles pidada, et me
ütles, et hüpet ei tegelikult sõita iga veebilehel.
LeapJS lihtsalt kätte kliendile.
Ja nii piki kui klient on Leap Resolutsiooni lisatud, et see töötab.
Nii hüpe Resolutsiooni on veebileht, kus inimesed
saavad jagada oma näited on asju, mida nad olen teinud.
Nii et me lihtsalt läheb minema kaudu paar neist
näha, mida on võimalik enne sukeldudes rohkem spetsiifikast, kuidas
see on võimalik.
Nii
Armaghan BEHLUM: Vaatame.
TOMAS Reimers: Nüüd peaks töötama.
Armaghan BEHLUM: Nüüd enne nägime näiteks
kasutades Unity muutis meie kätes päris muljetavaldav graafika nahad,
kuid nüüd näed sa saad teha Sama asi sees veebilehitsejat.
See on kõik sees Chrome lihtsalt kasutades JavaScript.
Ja seejärel teiste kena Asi on selles, kui soovite
teada, kuidas nad seda tegid, näiteid JavaScript
ka koodi võimalusi, et saad kontrollida ja siis vaata
kuidas see inimene haarates käed ja koodid ja selline.
>> Nii et kõik, mida võib leida kell developer.leapmotion.com.
Võite minna ja vaadata läbi JavaScript näiteid, et nad on seal.
Nii et jah.
Siin on need, oops vabandust.
Proovime seda uuesti.
Oh.
Mul on kaks kätt.
Nii et jah.
>> TOMAS Reimers: Nii ja jälle, mäletan mõnikord hüpe messide up.
Lihtsalt anna see teine.
See ei ole täiuslik, kuid see on päris hea.
Armaghan BEHLUM: One muid soovitusi ka
on ei tee seda otsese päikesevalguse kätte.
Nii viis hüpe Resolutsiooni teosed on tegelikult
kui ma näitan kaamera seda samuti, infrapuna valgust.
Nii et see saadab need välja ja seejärel loeb neid, kui nad tulevad tagasi.
Nii et kui sa üritad seda otsese päikesevalguse kätte,
Näiteks on ilmselt ei hakka tööle,
või siis läheb vaja mõned kalibreerimist teha.
>> Ka teine ​​soovitus on selge ruumi taga hüpe
ja ees hüpe.
Mõtle seda tööpäeva sees kuppel, mis on
ümbritsevate see hüpe Resolutsiooni objekti.
Kui seal on asju just taga samuti,
mis on ka kavatse sekkuda kuidas hüpe Resolutsiooni proovib
tunne oma käsi ja seda tüüpi asju.
>> Nii näiteks, ma arvan, et selles juhul on see minu laptop tegelikult
see on omamoodi teha hüpe Motion.
Jah, seal me läheme.
Nii et kui ma tühjendama minu sülearvuti taga küljest näidata üles päris hästi.
Nii et jah.
Seal on see.
Mis siis veel tegime neile näidata.
TOMAS Reimers: Ma arvan, nüüd oleks aeg
sorteerida ja sukelduda ja olgem lihtsalt teha demo täiesti nullist.
See saab olema väga lihtne.
Põhimõtteliselt, mida me ei kavatse proovida teha, on see
nii et kui sa kaevukook oma käsi, taust läheb alguses on punane,
ja kui sa kaevukook oma käsi, taust läheb roheliseks.
OK?
Tõesti lihtne.
Ja see on põhimõtteliselt ainult lähe läbi palju
mõistete taga Leap et saaksime
sattuda see ideoloogia, kuidas hüpe töötab ja kuidas me saame ehitada kraami sellega.
Ja siis sealt jagame ilmselt lihtsalt näitan sulle
API Docs ja kuhu saab pikemalt lugeda.
Ja siis me nimetame seda päeva.
Nii tahad koodi või sa tahad, et ma kood?
Armaghan BEHLUM: Jah.
Noh, ma arvan, et me ei tööta koos selle ja proovida
>> TOMAS Reimers: nii me teha mõned paari kodeerimine.
Armaghan BEHLUM: Seal me läheme.
See on täpselt see, mida ma tahtsin kontrollida.
Külm.
Nii näiteks siin, vaatame.
Kuigi me iterating läbi žestid juba,
TOMAS Reimers: Tahan teha lihtsalt täiesti uue faili?
Armaghan BEHLUM: Täiesti uus fail?
Jah, kindlasti.
>> TOMAS Reimers: Jah.
>> Armaghan BEHLUM: Nii teemegi.
>> TOMAS Reimers: Nii et me läheme teha täielikult faili.
Me nimetame seda käsitsi dot HTML.
See on lahe koos minuga.
Seega pidage meeles, sa HTML tag, Seejärel jooksul, et sul on peas.
See juht on pealkiri sees.
Nii tab muul viisil.
Seal sa lähed.
Pealkiri, me nimetame seda hüpe Näide.
Yep.
>> Armaghan BEHLUM: Oops.
Pealkiri.
>> TOMAS Reimers: Yep.
>> Armaghan BEHLUM: Seal me oleme.
>> TOMAS Reimers: Ja siis teeme keha.
>> Armaghan BEHLUM: Oota, lähme Samuti veenduge, et importida.
TOMAS Reimers: Oh, muidugi.
Minu halb.
Nii et alati veenduge, et olete hüpe script nii see script antakse teile
poolt hüpe Resolutsiooni mis põhimõtteliselt võimaldab veebilehitseja ühendada
seadme kasutaja arvutisse.
Ja siis on meil ka vajame keha ja olgem lihtsalt
teha keha tere öelda nii et me saame näidata õpilastele
kuidas ühendada seda uut veebileht, mis nad tegid.
Armaghan BEHLUM: Sure.
Võtame kasutusele another--
>> TOMAS Reimers: Tere, tere maailmas.
Nii väga lihtne näide.
Tõesti lihtsalt demo.
>> Armaghan BEHLUM: Ja siis siin me võib minna, me kutsusime ta käsi dot HTML,
õige?
Ja oh!
Nii et ma ei tea, mis viga Selle kohe.
Lisame lugemisõigust anda dot HTML.
TOMAS Reimers: Kas soovid seda teha suur terminal
nii et me saame lihtsalt näidata seda the--
>> Armaghan BEHLUM: Jah, see on mõistlik.
Hea küll.
Nii et ma lihtsalt lisada load, kuid kui me
olid, et kontrollida load, enne kui me
oleks näinud, et tegelikult kasutatud dot HTML ei ole lugemisõigust
ning seetõttu ei saa me muuta see.
Aga nüüd, kui me seda näeme meie väike hello world seal.
>> TOMAS Reimers: Nii saab tegelikult, kui ta kirjutas, hello world,
Ma mõtlesin, kuidas me võiks seda muuta.
Teeme seda öelda tere maailmas ning siis, kui laine, ta ütleb hüvasti.
Õigus?
Nii tere, head aega.
>> Armaghan BEHLUM: Sure.
>> TOMAS Reimers: See kõlab päris hea.
>> Armaghan BEHLUM: See kõlab hästi mulle ka.
>> TOMAS Reimers: Nii et kui me kavatsete teha, et lähme lihtsalt
arvan veebilehe kaudu natuke.
Me läheme vajan script mis põhimõtteliselt registreerib
et sa lokkis ja hüpe, laine ja Huitaisu sama asi.
Nii et me läheme vaja skripti, mis põhimõtteliselt registreerub et pühkimine.
Ja veel üks asi, mida me oleme läheb vaja, et me oleme
läheb vaja mõningaid tegelik sisu muuta.
>> Nii nagu te mäletate, jQuery võimaldab muuta sisu.
Nii et üks asi, mida me võid lisada Selles on jQuery raamatukogu.
Ja seejärel, et oleks võimalik valida, mida me tegelikult muutu sisu
et läheb vaja ID või klassi või midagi
et saame kasutada selle valimiseks.
Nii me lihtsalt anda talle Kiire ID muutus tekst.
Ja siis sa tahad haarata jQuery?
Armaghan BEHLUM: Mis siis esimene asi meie teha nimekirja siis nüüd?
TOMAS Reimers: Olgem haarata jQuery?
Armaghan BEHLUM: Olgem haarata jQuery, OK, lahe.
Sel juhul ma lähen et pea actually--
kus oleks Parim koht seda teha?
>> TOMAS Reimers: jQuery, nii et kui sa Google jQuery, tabas jQuery esimene
Armaghan BEHLUM: Väga esimene.
TOMAS Reimers: Or alla.
See on hea.
Tulemus alla v1 ja v2 vasakul.
Nii et me kirjeldades jQuery alates Internetis nagu olete ilmselt teinud.
Kerige.
Up, up.
>> Armaghan BEHLUM: Oh, siin nüüd?
TOMAS Reimers: Või nii.
Yep.
Nii jQuery on majutatud versioon mis tähendab, et sa ei ole tegelikult
vaja alla laadida, aga sa oled rohkem kui
Tere tulemast alla laadida ja vastuvõtva ise.
Armaghan BEHLUM: Cool.
Nüüd on meil jQuery.
Nüüd mis edasi meie teha nimekirja.
TOMAS Reimers: Awesome.
Nii et järgmine, mida me vajame teha, on meil tegelikult vaja
anda p hello world ID nii et me saame seda muuta, eks?
Nii saab anda ettekujutus, Ma ei tea, muuta teksti?
Armaghan BEHLUM: Lihtsalt seda nii tegema, ma arvan.
TOMAS Reimers: changeText, lahe.
Ja nüüd lihtsalt värskenda lehekülge.
Veenduge, et kõik toimib.
Nii tagasi brauseris.
Külm.
Alati on hea meeldetuletus, et kui sa oled hoone veebilehel,
ilmselt värskendada iga kord, kui teha mis tahes mõnevõrra olulist muutust vaid
sest mõnikord kogemata tilk tag,
või kogemata kustutada midagi, ja siis sa murda midagi väikest,
aga siis, kui teete suurem muutus sa oled nagu, miks see suur muutus
näiliselt murda mitteseotud asi.
Nii et see on alati hea mingisugune minna ja teha nende meelerahu kontrolli.
>> Igatahes nii et nüüd teeme viimane meelerahu kontrolli,
mida proovime muuta tekst ilma hüpe Motion,
ilma midagi, lihtsalt lehel koormus Seda saad
muuta hello maailma hüvasti kasutades jQuery.
Nii et kui sa mäletad jQuery paljastab Selle dollari märk funktsiooni
mida me ei liigu CSS valijat üles, nimelt hashtag muutus tekst, mis
valib elemendi ID muutus tekst.
Ja siis me läheme helistada meetod HTML
objekti naaseb koos argument string hüvasti, mis
muutub esemed HTML hüvasti.
Awesome.
See tundub päris lahe.
Ja nüüd, kui me värskendada Lehe me näeme
see koheselt muutub hüvasti, eks?
Sest see ei oota midagi.
Omamoodi niipea, kui see script jookseb see muudab ta hüvasti.
Külm.
>> Vaatame nüüd murrab, et funktsiooni.
Õigus.
Nii et me läheme taha teha funktsiooni.
Me nimetame seda hüvasti.
Nii funktsiooni hüvasti on kavatse võtta ühtegi argumenti
ja see ei ole tõesti läheb tagasi midagi.
Ja see on lihtsalt läheb teha, et JavaScript.
Suurepärane.
Nii et meie ülesanne hüvasti nüüd muudab teksti hüvasti, eks?
Nii et see annab meile teed et põhimõtteliselt muutus
et teksti hüvasti, kui me kutsusime seda funktsiooni.
Õigus?
Nii et see on päris lahe.
>> Armaghan BEHLUM: Noh, me saab ka lihtsalt veenduda
et nüüd, sest me ei kutsu funktsiooni, kui me värskenda lehekülge,
teate see ei hakka muuta teksti.
>> TOMAS Reimers: Suurepärane.
Nüüd me ei kavatse hakata sattuda, et hüpe stuff
et me rääkisime.
Nii Armi, kas sa tahad võta see siit või?
>> Armaghan BEHLUM: Jah.
Muidugi.
Ma ilmselt läheb vaja kontrollige asju,
kuid näiteks mäletan me ütlesime me tahtsime
veenduda Valikud seadsime võimaldab žeste
TOMAS Reimers: Hea saak.
Armaghan BEHLUM: et olla tõsi.
Ja siis me olime soovitades et kutid oleks
joosta hüpe dot loop, mis nagu me varem öelnud,
on kaks võimalust, JSON objekt, mis on võimalusi, kuidas soovite
seadistada hüpe Motion töö ja siis funktsioon, mis on
püüa raami tagasihelistamise funktsiooni nagu Tomas rääkis.
Ja siis muuta, mida tahad teha, et funktsiooni.
>> Nii et me liigu valik ja nüüd me defineerime
funktsioon, mis võtab raami.
Ja nüüd on meil määratleda mida see funktsioon teeb.
Samuti huvides Tulevikus teha veenduda.
TOMAS Reimers: Suurepärane.
Nüüd on meil see hüpe dot loop funktsioon
helistada mis põhimõtteliselt ütleb vaadata hüpe Nende võimaluste ja iga kord
midagi muutub, nimetame seda funktsiooni raami kõik andmed
et olete teadlik raami.
Kõlab päris hea.
Nüüd kiire meelerahu kontrolli, mida ma soovitan alati,
on see, et lihtsalt panna konsooli dot log raami.
Ja siis Chrome avada up ja vaadata oma konsooli
ja mängida hüpe näha raamid logitakse sest see
sulle idee, mida andmete teil on juurdepääs.
Ja nagu alati, kui teil segi, otsida API alles.
Ja me hulka link selle lõpus seda.
>> Armaghan BEHLUM: Nii et me värskenda lehekülge ja siis
me läheme ja avada konsool uuesti.
Ja nüüd märkame, et me oleme võttes raamid möödunud aastal,
neid vähe objekte me nägime.
Nii et jah.
Need on meie raamid ilmumise konsooli.
Külm.
>> Nüüd, et me oleme haaras raamid, nagu te võib meenuda varem
näitel, et meil oli, kui me kontrollime raami dot žeste
saame nimekirja žeste, mis raami viimati püütud.
Saame näha pikkust, et massiivi et näha, kas hüpe püütud mis tahes žeste.
Nii et kui see massiiv on suurem kui null, siis me
tean, et meil on mõned asjad, mida teha.
>> Nii saab wrap üles neid, kui tingimus ja nüüd siin, mida me teame, on meil
näinud žest, olgem alusel tegutseda.
Nüüd, et me oleme siin on žest kontrollida.
TOMAS Reimers: Noh, esimene asi on see ei ole lihtsalt üks žest,
see võib olla nii palju liigutusi.
>> Armaghan BEHLUM: Väga tõsi.
TOMAS Reimers: Nii per Klassikaline C stiili siin
me ilmselt soovite kasutada silmus.
Armaghan BEHLUM: Siin me oleme siis.
Me otsustasime, et kinnitada, läbi žeste.
Ja vaatame.
i pluss pluss.
Ja nüüd, kui me võib-olla teha lihtsalt var žest võrdub
raami dot žeste sulg i, nüüd on meil
žest ise, mis on vaid üks ühe eksemplariga žest objekti
meil tööd sees selle jaoks silmus.
Hea küll.
TOMAS Reimers: Let meelerahu vaadake siin ikka ja ainult lohutada
dot sisse žest näha, mida saame.
>> Armaghan BEHLUM: Console dot log žest.
Okie Dokie.
Ja värskendada veel üks kord.
>> TOMAS Reimers: Ja olgem proovige žest.
Sa näed, et kamp kohta, kui ta swipes,
sa kamp žeste konsooli ja kui ta üritab teha ringi,
see on Lihtsalt--
>> Armaghan BEHLUM: Circles on vaid tõesti kena.
>> TOMAS Reimers: Nüüd on imelik asi siin, mida ta teeb ühe ringi
kuid see on metsaraie 80 žeste, eks?
See on palju žeste.
Nii et esimene asi, et realiseerida, ja see võib segadust tekitada,
on see, et žesti ei ole just sisse üks kord.
>> Igal raam, paremale, nii et kui ma teen ringi
Leap siis tuvastatakse muutub, selle
muutub, sellest muutub.
Ja see sisse iga üks neist.
Kuid iga üks neist, see saab öelda, oh,
seal on žest praegu käimas.
Nii et lubage mul öelda, hei, seal on žest ja see on praegu käimas.
Nii et me ei taha teha, on öelda, oh, iga üks
nende liigutusi, mida soovid muuta teksti.
Mida me tahame teha on, kui see žest peatub, ja me saame kontrollida, et
siis me tahame muuta teksti.
Armaghan BEHLUM: Mhmm.
Nii nagu Tomas on selgitades nende žeste
võib tunduda läbi mitme raamid, kuid näiteks
kui olime võttes et ringi, näeme
et ID et üks ühe ringi, et me
Võib püüdnud täita oli sama ID kogu.
Ja tegelikult, võite ka vaadake staatus.
ajakohastada.
>> Ja siis see on ilmselt viimane ring, et oh, noh, OK.
Nii et mõnikord see näitab seisundi peatumine žest
ja see näitab ka teil staatuse algab uus žest, kui
tunnistab ta kindel, et olete alustanud uue žest.
Näiteks sel juhul.
TOMAS Reimers: Cool.
Armaghan BEHLUM: Nii et jah.
Ja siis vaatame.
Võite märgata kuigi me tegid
ringi ja žest on Väli tüüp
mis ütleb meile, milliseid žest, mis on.
Nii et võib olla kasulik meile sa püüad ja teha seda, mida me teeme.
TOMAS Reimers: Nii minnakse tagasi JS,
Esimene asi, mis juhtub minuga Ka lihtsalt lugedes seda koodi
on seal väike optimeerimine, mis on meil tegelikult
ei vaja seda, kui tingimus, eks?
Sest kui raami dot žeste dot pikkus on null, et kliendiliini
ei kavatse joosta niikuinii.
Seega võib ka lihtsalt minna käia ja vabaneda sellest.
Jällegi, kui sa oled kirjalikult koodi on oluline, et tagasi minna ja sorteeri
kohta refactor kui sa mõistad, et sa oleks võinud teha midagi paremat,
või et on olemas veel üks võimalus seda teha.
Nüüd me lihtsalt läheb puhastamiseks kiiresti ja ka puhastada oma koodi.
See on suur asi.
>> Armaghan BEHLUM: Hea stiil on väga teretulnud.
>> TOMAS Reimers: Te saate alati öelda, kui keegi
on kood, kus varem kui seisukorda ja siis nad eemaldatakse see,
kuid nad ei kommenteeri seda.
See on väga selge ja see omamoodi tundub kole.
Armaghan BEHLUM: Mis siis Järgmise meie teha nimekirja?
TOMAS Reimers: Nüüd, kui me ütlesime, Ma arvan, et esimene asi, mida me tahame teha
on veenduda, et see žest on tegelikult kaevukook, eks?
>> Armaghan BEHLUM: Jah.
>> TOMAS Reimers: Nii et kui me ütleme, et meie hüvasti on selline nagu Huitaisu
me läheme koos see Huitaisu Esimene asi, mida peame öelda, hei,
Kas žest kirjuta kaevukook, eks?
Ei ringi või top, aga kas see Huitaisu?
Nii saame me teha, et on võime öelda, žest
dot tüüpi võrdne võrdsete Huitaisu nagu string.
>> Armaghan BEHLUM: [kuuldamatu] žest dot tüüpi võrdub võrdub pühkimine.
Seal me oleme.
>> TOMAS Reimers: Ja siis viimane küsimus
Me tahame näha on žest dot riik võrdne võrdsete stop, eks?
Nii et kui žest on peatatud.
Ma tegelikult arvan, kaevukook, I tean, et see välja ülalt mu peas,
aga sa oled teretulnud otsige seda, kui
Huitaisu iga kord, kui ta registreerib kuni te lõpetate on start žest.
Ja siis viimane on lihtsalt stop žest.
Nii jäävad alles vaid üks peatus žest, mis on suurepärane meid.
Mida me saame teha, on öelda, kas žest dot kirjuta võrdne võrdsete kaevukook ja žest dot
staatus võrdne võrdsete lõpetada, siis lase meelerahu
vaadake siin lohutada dot log žest.
>> Nii et me läheme siia tagasi.
Me värskenda lehekülge.
Ja nüüd ainult kord midagi peaks olema konsooli dot logitud kui me Huitaisu.
Ja me püüame kaevukook ja me ei näe midagi.
Õigus?
Nii et see on tegelikult suur probleem.
Me ei näe, mida me oodata.
Ja silumine saab suur osa sellest.
Nii et esimene asi, mida me läheme öelda on, OK, olgem lohutada dot
logi, kui žest dot kirjuta võrdne võrdsete pühkimine.
Armaghan BEHLUM: Jah, teeme seda.
TOMAS Reimers: Nii et me lähen tagasi selle.
Me värskendada.
Me Huitaisu.
Ja me näeme kobar.
OK.
Nii selgelt probleem oli meie žest dot staatus.
Nii et kui me avada üks neist jagame vaata objektid ja me näeme,
Noh, see on peatus, kuid oh, seda nimetatakse riigi, mitte status.
Nii et kui me pea tagasi Meie koodi saame öelda
kui žest dot tüüpi võrdne võrdsete Huitaisu ja žest dot riik võrdne võrdsete stop,
siis me lohutada dot logige ta.
Ja nii värskendada.
Me Huitaisu.
Ja me näeme, et iga kaevukook, me oleme ainult
saada üks, mis on lõpuks, mis on hästi, eks?
See, mida me tahame.
>> Armaghan BEHLUM: Yep.
Ja me saame ka teate, et ID-d kõik need žestid on eraldi.
Nii nagu Tomas ütles, sest me oleme püüdmine see üks peatus riik, mis
olemas lõpus Huitaisu me oleme saada individuaalset eraldi žeste
alates hüpe Motion.
Hea.
>> TOMAS Reimers: Lähme edasi ja lihtsalt ei Viimane asi, mis on
>> Armaghan BEHLUM: Goodbye.
>> TOMAS Reimers: Awesome.
Ja nüüd lähme tutvu meie kodulehel.
Üks
>> Armaghan BEHLUM: teine.
Me ei jaa, me ei helista ta Goodbye.
Hea.
>> TOMAS Reimers: No Goodbye on tegelik funktsioon.
>> Armaghan BEHLUM: Jah.
Teeme seda.
>> TOMAS Reimers: Ja kui me laine hüvasti, ta ütleb hüvasti.
>> Armaghan BEHLUM: Meil ​​on võit.
>> TOMAS Reimers: Nii päris põnev värk.
Loodetavasti saab ehitada midagi muud, kuid saate idee, eks?
Võite avastada žeste.
Teil on võimalik helistada funktsioone.
Ja sellest, et tegelikult annab teile väga oluline ehituskivid
öelda, oh, võibolla, kui nad kaevukook üles sest sa võid avastada ka asju
nagu suunas.
Ma tahan, et nad midagi teha.
Või kui nad Huitaisu õigus, ma tahad neid teha midagi.
Ja me saame hakkama saada loominguline, kuidas täpselt
me ei kavatse parandada meie kodulehel kasutades neid Huitaisu žestide või ringi
žestid või koputage žestid, kas võti kraanid või ekraani kraanid.
Ja siis peale, et sa oled rohkem kui teretulnud mängida
tegeliku andmete aga kui sa tahad teha
et meil oleks soovitan teil minna docs sest nad on tegelikult väga hea.
Nii suundus docs nüüd.
Või tahad sellest rääkida?
>> Armaghan BEHLUM: Jah.
Teeme seda.
Ka üks teine ​​tidbit nõu, ei proovida ja mõelda selle 3D.
Nii tegelikult olgem tõmba need žestid veel üks kord konsooli dot log žest
ja me teeme seda.
Tule tagasi ja nüüd proovime Paar need, paar neid.
>> Kui me minna ja vaadata läbi Nende žeste kui ka
nagu näete, et nad dimensionality
on kolmes suunas, tegelikult.
Nii ei ole lihtsalt piirata ise 2D ekraanil
kuigi te võite olema 2D veebilehel.
Võid proovida ja mõelda, kuidas kasutajale võib suhelda kodulehel 3D.
TOMAS Reimers: In 3D ruumi.
Armaghan BEHLUM: Täpselt.
Ja jah.
Nii saad suunas, kiirused, kõik need cool bitti informatsiooni.
>> TOMAS Reimers: Ja kui sa ei ole tuttav, et see läheb x, y,
ja siis z on see viimane mõõde.
Lihtsalt midagi, mida sa ilmselt on tuttav kui olete tegelenud 3D
koordinaattasandil varem.
Kui sa ei ole, see on sama nagu 2D keegi peale seal kolmas mõõde.
Me nimetame seda z.
Ja kõik, omamoodi meeldi suunas, kus see läheb,
position-- Ma arvan, et see võib isegi jätke kiirendus, ma ei ole kindel.
>> Armaghan BEHLUM: Jah, ma usun.
See on kindlasti kiirus.
Ma olen tegelikult ei ole 100% kindel kiirendus.
>> TOMAS Reimers: See võib olla võimalus saab edasi anda midagi.
Nii asend ja kiirus on avatud Nende omamoodi kolm koordinaadid.
Nii x, y, z või delta x, delta y, delta z.
Nüüd suundus dokumendid see on developer.leapmotion.com
ja siis saab klikkida Dokumentatsiooni.
Jällegi hüpe Resolutsiooni on kõik need imeline API üks JavaScript,
üks C Sharp ja Unity, üks C ++, üks Java, üks Python,
ja üks eesmärk C. Mina isiklikult tõstaks teid ees JavaScript
või kui sa tahad õppida uue keele, proovige Python.
Mõlemad neist keeltest Olen töötanud Enne ja nad tõesti lihtne õppida
ja sa juba tead JavaScript, mida muudab tõesti hea kandidaat.
>> Üks Hoiatuseks kui sisestate docs.
Veenduge, et olete Docs v2.0.
Sest kui sa oled versiooni üks, see ei toimi.
Ka näiteks galerii.
Veetsime hea 30 minutit üritab siluda meie hüpe
enne kui me aru, et V1 ei tööta V2.
Nii lihtsalt veendumaks, et sa oled versioon kaks.
Ja siis ma lasen tal näidata oma docs.
Armaghan BEHLUM: Jah.
Nii et siin on API ülevaade ja seejärel mõned killud info
et me oleme juba ütlesin.
Nice little ujuva käed üle hüpe Motion.
Ja meeldetuletus mõelda umbes ruumi 3D.
Üks esimesi objekte mõelda koos hüpe Resolutsiooni on käed, muidugi.
Nägime neid tunnustatakse poolt visualiseerija.
Ja siis võib-olla näinud, et see tunnustatud
osa randme ja haaras sellega seotud.
TOMAS Reimers: Kui soovite tõmba visualiseerija.
Armaghan BEHLUM: Jah, Teeme seda uuesti.
TOMAS Reimers: Näete, alati lihtsalt hea meeldetuletus omamoodi näha,
visualiseerija püüab näidata kõik andmed, hüpe näeb.
Nii näed, et meil on niisugusi neli punkti
poolt randme ja siis tegelik randmele.
Ja siis on ka see pall palm.
Kõik need on punktid tunnistavad tunnustatud hüpe.
>> Armaghan BEHLUM: Täpselt.
Ja nii selle poolt objekt Igal osal on kasutatud hulgaliselt
samuti juhul, kui saab ka vasakule ja paremale kätega.
Saad, mida suunas kätega
silmitsi tavalise suunas palm,
või nagu seda kutsutakse palm normaalne.
Mis meil veel on?
Samuti, oops.
Proovime ja kerige alla sel viisil.
Relvade, sõrmed on esindab sõrme
klass, mis on pointable objekti.
Nii nagu me ütlesime, nägime, et massiivi pointables iga käsi.
Need on vähe sõrmed mõelda.
Nii et see on hea ülevaade minna läbi proovida ja mõista.
TOMAS Reimers: [kuuldamatu] Samas anatoomia seal.
Armaghan BEHLUM: Jah, täpselt.
Nii et jah.
Seal on palju algandmeid, et Leap Resolutsiooni võtab tõlgendab hästi
teile, et see on suurepärane Idee läbida siit
ja proovida aru saada, kuidas hüpe on juba arvasin asju teha teile
ja nii millist teavet on olemas seal.
Ja siis sealt ma soovitaks laskumist vasakpoolset siin,
mis läheb hästi tegelikult ei, need on tegelikult lihtsalt rohkem API kraami about--
>> TOMAS Reimers: API viide põhi on tavaliselt hea koht, kuhu minna.
Kutid ilmselt nägin seda, kui tegime Google Maps pset.
Kuid viide tõesti lihtsalt läheb läbi kõik
funktsioone ja parameetreid saadaval objekti teile.
>> Armaghan BEHLUM: Jah.
Näiteks see, mida Ma otsisin enne.
Kui meil on aga meil minna ja nuputada
kuidas hüpe soovitab Meile leida käsitsi.
Nagu ma ütlesin, meil on käed massiivi.
Uuri välja, kui meil on käes ja proovige ja haarata ühe käega
suhelda sel viisil.
Nii et see, mida me soovitavad kutid.
Žestid ja asjad samuti.
See API dokumentatsiooni läheb fantastiline vahend kutid.
Kas teil on muid soovitusi?
>> TOMAS Reimers: ma ei ole.
Ma arvan, et see on hea nüüd.
>> Armaghan BEHLUM: Jah, Ma arvan, et seda võimalikult hästi.
Julgelt saatke meile ja saada ühendust umbes hüpe Resolutsiooni
kui sul äkki mingeid küsimusi või vajate soovitusi.
Ja me võime proovida aru stuff välja teiega ka.
Aitäh.
>> TOMAS Reimers: Suur.