>> TOMAS Reimers: Cool.
Joten Hei kaikki.
Nimeni on Tomas.
Olen TF ja tämä on
ARMAGHAN BEHLUM: Armi.
Kiva nähdä teitä.
TOMAS Reimers: Cool.
Joten aiomme puhuvan noin Leap Motion tänään.
Joten Leap Motion on todella siistiä tuote,
avulla voit vuorovaikutuksessa tietokone eri tavalla.
Joten koko ajatus harppaus liike on, että
voi käyttää käsiäsi vuorovaikutuksessa tietokoneen kanssa.
Joten minulla on tässä jotain perustaa.
Kerron sen vähän.
Mutta perusversio on voit nähdä, että minulla on kädet edessä
minun tietokone ja kun siirrän ne, saat analogisen tietokoneen
ja voit analysoida.
Voit tehdä eleitä.
Voit käyttää käsiäsi vuorovaikutuksessa tietokoneen
uudella ja mielenkiintoisella tavalla.
>> No, olen itse ensin halua siirtää pois Armi
näyttämään hienoja demoja, mitä jotkut ihmiset ovat tehneet tämän.
Ja sitten me puhumme miten todella koodi tähän.
ARMAGHAN BEHLUM: Joo.
Hei.
Joten kuten näimme, vähän tietoja täällä, mutta katsotaanpa
mitä jotkut ihmiset ovat tehneet tämän.
Joten haluan vain avata tätä esimerkkiä.
Ja sitten, joten esimerkiksi voit nähdä käteni analoginen siellä, mutta nyt tällä kertaa
jotkut ihmiset käyttävät Unity on päätti laittaa vähän enemmän iho
ja tavaraa ympäri käsi.
Voin siis, mennään tämän kanssa, varma, on käteni vuorovaikutuksessa.
Ja voit varmaan kuvitella Pari muita hienoja hyödyllisiä asioita
että voit tehdä tämän.
Niin tämä on vähintään yksi esimerkki.
Ja sitten katsotaanpa hypätä ulos tästä.
>> Ja sitten toinen viileä yksi on, mennään tämän kanssa.
Plasmo pallo.
Jälleen emme välttämättä odottaa tämän tason monimutkaisuutta
alkaen lopullinen hanke CS50.
Tämä on vain näyttää, jotkut, antaa te
hieman inspiraatiota, mitä te voi tehdä Leap Motion.
Joten esimerkiksi täällä on viileä fysiikka Esimerkiksi mikä siellä mennään.
Onko molemmat käteni niin nyt sinulla on tämä pieni plasma pallo.
Ja pallo reagoi fysiikka minusta liikkuvat käteni ympäri palloa.
Nyt tämä kaikki on tosin käyttäen Unity, käyttämällä sellaista välineitä ja järjestelmiä
että emme ole opettaneet te luokassa,
mutta kuten näette joitakin melko viileä ajaa läpiviennit kanssa.
>> Mutta yksi asia, että te voi tehdä alkaen pois juuri nyt Leap Motion
on työtä JavaScript.
Leap Motion on JavaScript API, joka te voi käyttää ja me erittäin, erittäin
Suosittelemme, että te rakentaa projekteja käyttäen, että.
Niin, että haluan siirtää sen takaisin pois Tomas
puhua Leap Motion ja JavaScript.
TOMAS Reimers: Cool.
Vai haluatko näyttää ne Visualizer ensimmäinen?
>> ARMAGHAN BEHLUM: Voi kyllä.
Kyllä.
Puhutaanpa siitä enemmän Visualizer.
>> TOMAS Reimers: Joten alkeellisinta tasolla, kun ensin saada Leap Motion
olet menossa on tähän ruutuun.
Täällä haluavat minun ottaa ohjat?
>> ARMAGHAN BEHLUM: Joo, mene siitä.
>> TOMAS Reimers: Joten kun ensin saada Leap Motion
olet menossa on tähän ruutuun.
Se on laite, joka näyttää suunnilleen tältä.
Liität sen tietokoneeseen, asentaa tarvittavat ohjaimet,
ja sitten se pohjimmiltaan perustetaan.
Joten helpoin tapa lajitella Deal kanssa Leap Motion
on avata tätä ohjelmaa se asentaa nimeltään Leap Motion Visualizer.
Ja Visualizer on kirjaimellisesti mitä näytän täällä.
Sen avulla voit nähdä luuston ääriviivat kädet.
Ja mitä Leap Motion tulkitsee niitä.
Joten Leap Motion käyttää kameraa tavallaan katsomassa käsissä
ja sitten se yrittää arvata mitä perus luuston koostumus että olet
näet ruudulla on.
Ja sitähän se näyttää.
ARMAGHAN BEHLUM: Joka yksi pieni piste
ja asia, että näet siellä on tietoa, joka on saatavilla te
sekä käyttää.
Niin näet, että se on syömällä että Tomas
on viisi sormea, kukin näiden eri sormet
ovat myös sinun datana pistettä käytettäväksi missä tahansa sovelluksen
että saatat haluta.
Jos haluat nähdä, jos joku tekee peukkua
voit nähdä, jos näppejään ovat kiertynyt ja ovatko he
peukalo sormi osoittaa ylöspäin, tai jos
heidän ranne tai kämmen on ja että tyyppi kamaa.
TOMAS Reimers: Cool.
Joten voit nähdä joitakin eleitä se ymmärtää paremmin kuin toiset.
Muista, että se on vilkaisu käsi at kamera pohjasta,
joten kun sinulla on kädet kuin Tässä se ymmärtää ne täysin,
mutta kun alkaa yrittää tehdä peukkua, joskus se lukee sen,
joskus se voi arvata, mutta rehellisesti kamera vain voi nähdä peukalo.
Joten se ei ole oikeastaan varma, mitä tapahtuu.
Vain joitakin rajoituksia pitää mielessä kun olet kehittämässä tätä.
>> Joka tapauksessa, niin menee takaisin tähän.
Visualizer oikeastaan on paljon hyödyllisiä työkaluja.
Joten Leap Motion on ohjelmoitu siten,
että he eivät odota sinun vuorovaikutuksessa että kuvatietoja.
He eivät oikeastaan odottaa sinua ymmärtämään
mitä tapahtuu kulissien takana.
Mitä he tekevät on altistaa nippu API sinulle
niin, että voit vuorovaikutuksessa nämä tiedot
suoraan ilman ymmärrystä mitä tapahtuu konepellin alle.
>> Joten jos me osuma H täällä Visualizer näet paljon vaihtoehtoja.
Tärkeä tässä vaikka on jos osut O ja sitten lyödä H,
näet, että se voit piirtää eleitä.
Joten ele, näet se vetää nuolen poikki.
Ele on yksi tavoista, jotka Leap Motion tavallaan voit saada klo tiedot
ilman sen käsittelyyn.
Joten sen sijaan minua tarvitse keksiä ulos, oh, käsi liikkui,
vaikka minulla on yhteyspiste, API tavallaan vain kertoa minulle,
hei, he tekivät tämän eleen.
Joten voit tehdä perus nuoli eleitä.
Voit tehdä ympyrä eleitä.
Voit tehdä napauttamalla eleitä.
Ja voit tehdä painamalla näppäintä eleitä.
Joo.
Ja tuollaista.
Joten nyt, että olemme tavallaan nähnyt mitä Leap Motion voi tehdä,
voit nähdä sen voi lukea läjän eleitä.
Luulen aion siirtää sen takaisin Armi
ja hän aikoo puhua siitä, miten saat näitä JavaScript,
miten edes aloittaa projektin tähän.
Ja sitten me puhumme joitakin viileä paikkoja voit mennä kanssa.
ARMAGHAN BEHLUM: Joo.
Kuulostaa hyvältä.
Niin joo, aivan ensimmäinen asia, haluaa sinun tehdä tietenkin
on sen jälkeen saat Leap Motion on Siirry leapmotion.com, asentamiseen
kuljettajat ja tavaraa.
Kun tekee, että voit mennä varmista, että se on liitetty.
Jos näette pieni tarjotin Leap Motion kuvake ja se vihreä,
niin tiedät olet valmis.
Ja tietenkin tarkistaa, mitä Tomas vain osoitti sinulle eleet
ja tekee ruutukosketukset ja avain hanat, ja että tyyppi kamaa.
>> Sen jälkeen, että vaikka me, jälleen kerran, kuten sanoin,
meillä on pääsy kaikkiin näihin asioita JavaScript samoin.
Ihanteellinen perustaa että suosittelemme sinulle
kaverit on mennä sinun vhost hakemistoon, paikallinen isäntä,
julkinen teidän CS50 laitteen.
Ja kun menet sinne, mitä sinun katso on indeksi piste HTML-tiedoston.
Nyt indeksi piste HTML-tiedosto tai hakemisto piste
PHP-tiedosto, kumpi on hieno, mitä voit tehdä
on mennä pääkäyttöjärjestelmän.
Ja jos menet IP-osoite joka on lueteltu oikealla alhaalla
kulmaan laitteen täällä, kuten näette, mitä sitten tapahtuu
on menet sivulle, joka on viittaamat että indeksi piste HTML-tiedosto.
Joten kaikki, jota saatat laittaa siellä saa lähettää ja on käyttökelpoinen täällä.
>> TOMAS Reimers: Niin se on myös tärkeää vain viitteellisiä
että jos te todella tietää miten perustaa palvelimen itse,
tai et halua laittaa tähän maailmanlaajuiseen Web, olet tervetullut tekemään mitä tahansa.
Muista, että nämä ovat vain JavaScript-tiedostot
ja kaikki Leap käsittely tehdään asiakkaalle.
Joten se ei ole oikeastaan ​​väliä missä palvelin elämää
niin kauan kuin tietokone katselet verkkosivuilla
on Leap Motion asennettu.
ARMAGHAN BEHLUM: Ehdottomasti.
Kuten Tomas sanoi, joo, mitä toimii sinulle kaverit.
Tämä on vain yksi meidän suosituksia.
Nyt alkaa käyttää Leap Motion mitä tekisit
on voisitte tuoda JavaScript tiedosto Leap Motion.
Ja sitten sieltä mitä voit tehdä on, juuri nyt
Minulla on vain tämä kohta tag perustettu ID tekstiä.
Asiat, suosittelemme asettavat ohjausyksikkövaihtoehdot
varten Leap Motion kanssa mahdollistaa eleet ollakseen totta.
Joten oletuksena nämä eleet, että näytimme sinulle
kaverit, ympyrä, ja avain kosketa, ja pyyhkäisee,
ne eivät ole osoittautuneet te oletuksena.
Mutta suosittelemme käyttäen näitä joten et ole keksiä pyörää uudelleen.
Ota nämä tosi, kulkee näiden ohjausyksikkövaihtoehdot hypätä piste silmukka
ja sitten kaikki mennä.
Koska silloin sinun täytyy vain määritellään anonyymi funktio
joka toteuttaa runko Leap Motion
ja että runko on kaikki tietoa, että olet menossa tarvitsevat.
>> TOMAS Reimers: Joten vain kertaus, sinulla on yksi kohde.
Sinulla on tämä toiminto nimeltään harppaus dot silmukka.
Ja te kutsutte sitä kaksi argumenttia.
Voit kutsua sitä yhdellä, ohjain vaihtoehtoja.
Ja siellä on paljon vaihtoehtoja voit laittaa sinne.
Yksi aiomme painottaa on mahdollistaa eleitä.
Ja jos olet asettanut sen yhtä totta sitten voit saada tämän eleitä
että näytimme sinulle Visualizer.
>> Ja sitten toinen argumentti on toiminto, se on ikään kuin soittaa takaisin
jota kutsutaan joka aikaan joka runko Leap,
niin aina harppaus rekisterit kätesi liikkua, se on uusi runko.
Ja se kutsuu tätä toimintoa yhdellä argumentti, joka on kehyksen kohde.
Ja että runko esine kuvaa kehyksen Leap näkee sen.
ARMAGHAN BEHLUM: Aivan.
Joten tämä sisältää kaikki hyödyllinen palasia tietoa
että puhuimme aiemmin.
Tarkistaminen runko dot eleet on joukko eleitä
että harppaus liikettä kiinni teidän kädet tehdä viimeisen kehyksen.
Niinpä esimerkiksi, mitä olemme teet täällä on olemme tarkkailun,
hei, Leap, että viimeisen kuvan teki saalis kaikki eleet, että tein?
Ja jos niin mitä päätämme tehdä on kerrata läpi näitä eleitä
ja yrittää saada hyödyllisiä tietoa niistä.
Jokainen ele on ainutlaatuinen ID liittyy siihen.
Heillä on tyyppejä.
Voit katsoa mikä sormet olivat mukana eleet
tarkistamalla tämän suunnattavat kamaa.
Joten jos kun menet läpi Leap Motion JavaScript API kamaa,
kun he mainitsevat pointables, he puhuvat näistä sormien.
Ja sitten kädet ovat tietenkin koko käsi esine.
>> Mitä muuta?
Voit tarkistaa, miten kauan liike meni
varten ja, joo, kaikki ne hyödyllisiä asioita.
Joten mitä teen juuri nyt täällä on Kirjauduin runko,
ja sitten voin päivittää HTML näyttää kaikki nämä bittiä tietoa
rungosta.
Joten tarkistaa, että ulos.
>> Joten tässä se on.
Tässä indeksi piste HTML-tiedosto.
Ja juuri näin, kun olen juuri muuttanut käteni Leap kiinni ympyrä liike.
Joten voit nähdä minut tekee ympyrän yli Täältä päivittyy ympyrä tietoa.
Doing pyyhkäisee, saaliit pyyhkäisee.
Kokeillaan näytön välilehti.
Siellä mennään.
Näytön hana ja avain kosketa.
Joten avain hanat myös, että tavalla, ovat, kun osut alas.
Joten voitte kuvitella ehkä pelaa piano.
>> Ja sitten ruutukosketukset ovat kun osut näytön.
Joten voitte kuvitella ehkä itse on kosketusnäyttö edessä
ja olet lyödä touch näytön edessä.
Ja sitten voimme napata yksi Näiden kohteiden täällä.
Muista siis sanoin, että olin kulkee kehyksen konsoli loki.
Ja jotta voimme tarkistaa kaikki palasia tietoa
jotka ovat käytettävissä että runko sekä käyttää.
>> Kuten sanoin aiemmin, pointables ovat sormet.
Sillä hetkellä meillä ei ole meidän kädet edessä Leap Motion
joten se on rekisteröity nolla, mutta tämä on miten
alkaisi selvittää ehkä kuinka monta sormea ​​ovat näytön.
Ja että tyyppistä tietoa.
TOMAS Reimers: Ja muistaminen tämä on vain esine.
Joten kaikki pääsee tavallaan kuin struct
C. Sinulla on esine nimetä piste ominaisuuden nimi.
Ja sitten sisällä että sinulla on taulukot ja sinulla on muita esineitä,
mutta muistakaa se on vain esine.
Ei ole mitään erityistä koska käytämme Leap.
ARMAGHAN BEHLUM: Joo.
Cool.
Pitäisikö meidän tarkistaa pari JavaScript esimerkkejä?
>> TOMAS Reimers: Niin nopeasti muistaa, että me
sanoi, että Leap voi todella ajaa millä tahansa sivustolla.
LeapJS on vain tiedoksi asiakkaalle.
Ja niin kauan kuin asiakkaalla on Leap Motion liitteenä se toimii.
Joten Leap Motion on sivusto, jossa ihmiset
voivat jakaa esimerkkejä asioita he ovat tehneet.
Joten me vain menossa läpi pari niistä
nähdä, mikä on mahdollista ennen sukeltamalla lisää yksityiskohtia siitä, miten
se on mahdollista.
Joten
ARMAGHAN BEHLUM: Katsotaanpa.
TOMAS Reimers: Nyt pitäisi toimia.
ARMAGHAN BEHLUM: Joten nyt ennen näimme esimerkin
käyttäen Unity saatettuja käsissämme melko vaikuttava graafinen nahat,
mutta nyt näet, voit tehdä Sama juttu sisällä selaimen.
Tämä on kaikki sisällä Chrome vain JavaScriptin avulla.
Ja sitten muuta mukavaa asia on, jos haluat
tietää, miten he tekivät tämän, esimerkkejä JavaScript
myös koodin vaihtoehdot voit tarkistaa ja katso sitten
miten tämä henkilö oli kähmintä kädet ja koodit ja tällainen.
>> Niin, että kaikki löydät klo developer.leapmotion.com.
Voit mennä ja tarkistaa JavaScript esimerkkejä siitä, että he ovat siellä.
Niin joo.
Tässä ovat nämä, oho pahoillani.
Kokeillaan, että uudelleen.
Oh.
Minulla on kaksi oikeaa kättä.
Niin joo.
>> TOMAS Reimers: Niin ja jälleen, Muistan joskus Leap sotkee.
Anna se toinen.
Se ei ole täydellinen, mutta se on melko hyvä.
ARMAGHAN BEHLUM: Yksi muut suosituksessa
on tehdä sitä suoraan auringonvaloon.
Joten miten Leap Motion työt on tosiasiallisesti
jos näytän kameran tämä samoin, infrapunavaloa.
Joten se lähettää ne pois ja sitten lukee niitä, kun he tulevat takaisin.
Joten jos yrität tehdä sen suoraan auringonvaloon,
Esimerkiksi, se on luultavasti ei tule toimimaan,
tai se tulee vaatia jotkut kalibrointi tehdä niin.
>> Myös toinen suositus on tyhjentää tila takana Leap
ja edessä Leap.
Ajattele sitä työtä sisällä kupoli, joka on
ympäröivän tämän Leap Motion esine.
Jos siellä on kamaa oikeassa takana samoin,
joka on myös menossa puuttua miten Leap Motionin yrittää
tunnistamaan kätesi ja että tyyppi kamaa.
>> Niinpä esimerkiksi, mielestäni tässä tapauksessa se on minun laptop todella
Sellainen tekee Leap Motion.
Joo, siellä mennään.
Joten jos minä tyhjentää minun kannettavaan sen takana käsi näyttää jopa melko hyvin.
Niin joo.
Siinä on se.
Joten mitä muuta teki näytämme heille.
TOMAS Reimers: Luulen nyt olisi aika
tavallaan sukeltaa ja haluan vain tehdä demo täysin tyhjästä.
Se tulee olemaan todella helppoa.
Periaatteessa mitä aiomme yrittää tehdä, on se
niin että kun pyyhkäistä kädellä, tausta tulee aloittaa niin punainen,
ja kun pyyhkäistä kädellä, tausta menee muuttuu vihreäksi.
OK?
Todella yksinkertaista.
Ja se on pohjimmiltaan vain mene läpi paljon
käsitteiden takana Leap jotta voimme
päästä tämä ideologia miten Leap toimii ja miten voimme rakentaa juttuja että.
Ja sitten sieltä me will luultavasti vain näyttää
API dokumentaatio ja missä voi lukea lisää tästä.
Ja sitten me kutsumme sitä päivä.
Joten haluat koodin tai haluat minun koodin?
ARMAGHAN BEHLUM: Joo.
No, kai voimme työskennellä yhdessä tämän ja yrittää
>> TOMAS Reimers: niin me tehdä joitakin pari koodausta.
ARMAGHAN BEHLUM: Siellä mennään.
Juuri minä halusi tarkistaa.
Cool.
Niinpä esimerkiksi täällä, katsotaanpa.
Vaikka olemme iteroimalla läpi eleet jo,
TOMAS Reimers: Haluatko tehdä vain täysin uuden tiedoston?
ARMAGHAN BEHLUM: Täysin uusi tiedosto?
Joo, varmasti.
>> TOMAS Reimers: Joo.
>> ARMAGHAN BEHLUM: Joten tehdä.
>> TOMAS Reimers: Eli olemme menossa tehdä täysin tiedostoon.
Me kutsumme sitä käsi piste HTML.
Se viileä minulle.
Muista siis teet HTML-tunnisteen, sitten sisällä että sinulla on pää.
Tämä pää on otsikon sisällä.
Joten välilehti toisinpäin.
Siellä mennään.
Otsikko, me kutsumme sitä Leap esimerkin.
Jep.
>> ARMAGHAN BEHLUM: Oho.
Otsikko.
>> TOMAS Reimers: Jep.
>> ARMAGHAN BEHLUM: On olemme.
>> TOMAS Reimers: Ja sitten tehkäämme elin.
>> ARMAGHAN BEHLUM: Odota, katsotaanpa Varmista myös tuoda.
TOMAS Reimers: Tietysti.
My bad.
Joten aina varmista, että sinulla on Leap skriptin niin se kirjoitus antaa sinulle
mukaan Leap Motion joka pohjimmiltaan mahdollistaa selaimen yhteyden
laitteeseen käyttäjän tietokoneelle.
Ja sitten me myös tarvitsevat kehon ja haluan vain
tehdä kehon moikkaamaan niin että voimme näyttää opiskelijoille
miten yhdistää tähän uuteen Web-sivua, he tekivät.
ARMAGHAN BEHLUM: Toki.
Joten vain laittaa another--
>> TOMAS Reimers: Hei, hei maailma.
Joten hyvin yksinkertainen esimerkki.
Oikeastaan ​​vain demo.
>> ARMAGHAN BEHLUM: Ja sitten täällä voi mennä, me kutsuimme sitä käsi piste HTML,
oikeassa?
Ja oh!
Joten ihmettelen mitä vikaa Tämän nyt.
Katsotaanpa lisätä lukuoikeudet käsi piste HTML.
TOMAS Reimers: Haluatko tehdä se iso terminaali
jotta voimme vain näyttää sen the--
>> ARMAGHAN BEHLUM: Joo, se on järkevää.
Selvä.
Joten olen vain lisännyt käyttöoikeudet, mutta jos me
oli tarkistaa käyttöoikeudet, ennen kuin
olisi huomannut, että todella käsi dot HTML ei ole lukuoikeudet
ja siksi emme voi tehdä sitä.
Mutta nyt jos teemme niin, näemme pikku Hei maailma oikeassa.
>> TOMAS Reimers: Joten oikeastaan, koska hän oli kirjallisesti, hello world,
Ajattelin tavalla voisimme muuttaa.
Tehdään se tervehtimään maailman, ja sitten kun aalto, se sanoo hyvästit.
Oikea?
Joten hei, näkemiin.
>> ARMAGHAN BEHLUM: Toki.
>> TOMAS Reimers: Kuulostaa hyvältä.
>> ARMAGHAN BEHLUM: Että kuulostaa hyvältä, liian.
>> TOMAS Reimers: Eli jos olemme aikoo tehdä, että haluan vain
ajatella läpi sivun hieman.
Olemme menossa tarvitsevat jonkin verran kirjoitus joka pohjimmiltaan rekisterit
että te vilkutti ja Leap, aalto ja pyyhkäise, sama asia.
Joten olemme menossa tarvitse skripti, joka pohjimmiltaan rekisteröityy että pyyhkäisemällä.
Ja toinen asia, että olemme menossa on olemme
menossa tarvitsevat jonkin verran Varsinainen sisältö muuttua.
>> Joten kun muistat, jQuery voit muuttaa sisältöä.
Joten yksi asia meidän kannattaa sisällyttää Tässä on jQuery-kirjaston.
Ja sitten voi valita, mitä me todella aio muuttaa sisältöä,
joka on menossa on tunnus tai luokan, tai jotain
että voimme käyttää valitse se.
Joten me vain antaa sen nopea ID muutoksen tekstin.
Ja sitten sinä haluat napata jQuery?
ARMAGHAN BEHLUM: Mikä siis ensimmäinen asia meidän tehdä lista sitten nyt?
TOMAS Reimers: Katsotaanpa tartu jQuery?
ARMAGHAN BEHLUM: Katsotaanpa napata jQuery, OK, viileä.
Siinä tapauksessa, aion täytyy actually--
jossa olisi paras paikka tehdä se?
>> TOMAS Reimers: jQuery, joten jos Google jQuery, osuma jQuery, ensimmäinen
ARMAGHAN BEHLUM: ensimmäinen.
TOMAS Reimers: Or latauksena.
Se on hieno.
Hit lataa v1 ja v2 vasemmalla.
Joten me kuvataan jQuery kohteesta verkossa, kuten olet luultavasti tehnyt.
Selaa alaspäin.
Up, up.
>> ARMAGHAN BEHLUM: Ai, täällä nyt?
TOMAS Reimers: Tai että.
Jep.
Joten jQuery on isännöi versio mikä tarkoittaa, että sinun ei itse
tarvitse ladata sitä, mutta olet enemmän kuin
tervetuloa ladata sen ja isäntä itse.
ARMAGHAN BEHLUM: Cool.
Joten nyt meillä on jQuery.
Nyt mitä seuraavaksi meidän tehdä luettelo.
TOMAS Reimers: Mahtavaa.
Joten seuraavaksi, mitä me tarvitsemme tehdä, on me todella tarvitsemme
antaa p hello world ID joten voimme muuttaa sitä, eikö?
Joten antaa käsityksen, En tiedä, muuttaa tekstin?
ARMAGHAN BEHLUM: Mennään vain tee näin, luulisin.
TOMAS Reimers: changeText, viileä.
Ja nyt haluan vain päivitä sivu.
Varmista, että kaikki toimii.
Joten takaisin selaimen.
Cool.
Aina hyvä muistutus siitä, että kun olet rakentaa verkkosivuilla,
luultavasti päivittyy joka kerta teet kaikki hieman merkittäviä muutoksia vain
koska joskus vahingossa pudota tag,
tai vahingossa poistat jotain, ja sitten rikot jotain pientä,
mutta sitten kun teet isompi muutos et pidä, miksi tämä suuri muutos
näennäisesti rikkoa etuyhteydettömille asia.
Joten se on aina hyvä tavallaan mennä ja tehdä niille järki tarkastuksia.
>> Joka tapauksessa niin nyt tehkäämme yksi viime järki tarkistaa,
jota yritetään muuttaa teksti ilman Leap Motion,
ilman mitään, vain Sivulla kuorman se tulee
muuttaa hei maailma näkemiin jQuery.
Joten jos muistat jQuery paljastuksia Tämän dollarin merkki toiminto,
jonka voimme välittää CSS valitsin, eli hashtag muutos tekstin, joka
valitsee elementin kanssa ID muutoksen tekstin.
Ja sitten olemme menossa soittaa menetelmä HTML
objektia se palaa argumentti merkkijono hyvästit, joka
muuttuu kohdetta HTML hyvästellä.
Mahtavaa.
Se näyttää melko viileä.
Ja nyt kun me virkistää sivu aiomme nähdä
se hetkessä muuttuu hyvästit, eikö?
Koska se ei odota mitään.
Tavallaan heti, että kirjoitus kulkee se muuttuu sen hyvästit.
Cool.
>> Joten nyt Katsotaanpa kääri että funktio.
Oikea.
Joten aiomme haluavat tehdä funktio.
Me kutsumme sitä hyvästit.
Joten toiminto hyvästit on vie mitään perusteluja
ja se ei ole oikeastaan aio palata mitään.
Ja se juuri menossa tehdä JavaScript.
Erinomainen.
Joten meidän toiminto hyvästi nyt muuttaa tekstin hyvästit, eikö?
Joten tämä antaa meille tapa periaatteessa muutos
että tekstin näkemiin aina soitimme että toiminto.
Oikea?
Joten tämä on aika siistiä.
>> ARMAGHAN BEHLUM: No, me voi myös vain varmistaa
että nyt, koska emme soittamalla toiminto, jos me päivitä sivu,
huomaa se ei tule Muuta tekstin.
>> TOMAS Reimers: Erinomainen.
Joten nyt aiomme aloittaa päästä että Leap jutut
että puhuimme.
Joten Armi, haluatko ota se tässä tai?
>> ARMAGHAN BEHLUM: Joo.
Toki.
Olen luultavasti menossa tarvitse kaksinkertaistaa tarkistaa asioita,
mutta esimerkiksi muistaa sanoimme halusimme
varmistaa vaihtoehdoissa asetamme käyttöön eleet
TOMAS Reimers: Hyvä saalis.
ARMAGHAN BEHLUM: ollakseen totta.
Ja sitten olimme suositella että te kaverit
ajaa harppaus piste silmukka, joka kuten sanoimme aiemmin,
on kaksi vaihtoehtoa, JSON esine, joka on vaihtoehtoja, miten haluat
määrittää Leap Motion työtä, ja sitten toiminto, joka on
menossa kiinni kehyksen soittopyynnön toiminta kuten Tomas sanoi.
Ja sitten muokata mitä haluat tehdä tämän tehtävän.
>> Joten me kulkea vaihtoehto ja nyt määrittelemme
toiminto, joka vie kehyksessä.
Ja nyt meidän on määriteltävä mitä tämä toiminto tekee.
Se on myös vuoksi Tulevaisuudessa tehdä varmistaa.
TOMAS Reimers: Erinomainen.
Joten nyt meillä on tämä harppaus dot loop-toiminto
soita joka pohjimmiltaan sanoo katsella Leap näitä vaihtoehtoja ja joka kerta
jotain muutoksia, kutsuvat tätä toiminto runko kaikki tiedot
että olet tietoinen kehyksessä.
Kuulostaa aika hyvältä.
Joten nyt nopeasti järki tarkistaa, joka olen aina suositella,
on, että vain laittaa konsoli piste hirsikehikon.
Ja sitten Chrome avaa se ylös ja katso konsoli
ja leikkiä Leap nähdä kehykset on kirjautunut koska tahdon
saada käsityksen siitä, mitä tietoja sinulla on pääsy.
Ja kuten aina, jos hämmentyä, etsiä API viittaus.
Ja me sisältävät linkin varten, että lopussa tämän.
>> ARMAGHAN BEHLUM: Joten me päivitä sivu ja sitten
menemme ja avata konsoli uudelleen.
Ja nyt huomaamme, että olemme ottaa kehykset hyväksyttiin,
Näiden pikku esineet näimme aiemmin.
Niin joo.
Nämä ovat meidän kehykset näy konsoli.
Cool.
>> Joten nyt olemme tarttui kehyksiä, kuten ehkä muistat aiemmin
esimerkistä, että meillä oli, jos voimme tarkistaa rungon piste eleet
saamme luettelon eleitä, jotka runko viimeksi kiinni.
Voimme tarkistaa pituuden että array onko Leap kiinni mitään eleitä.
Joten jos se joukko on suurempi kuin nolla sitten
tiedämme, että meillä on joitakin juttuja tehdä.
>> Joten kääri että vuonna jos ehto ja nyt täällä, mitä me tiedämme on meidän
nähneet ele, katsotaanpa toimia sen.
Joten nyt olemme täällä on ele tarkistaa.
TOMAS Reimers: No, ensimmäinen asia on se ei ole vain yksi ele,
se voi olla niin monta eleitä.
>> ARMAGHAN BEHLUM: Erittäin totta.
TOMAS Reimers: Niin kohti Classic C tyyli täällä
me luultavasti halua käyttää silmukka.
ARMAGHAN BEHLUM: Täällä ollaan sitten.
Päätimme iteroida läpi eleet.
Ja katsotaanpa.
i plus, plus.
Ja nyt jos me ehkä tehty vain var ele on yhtä
runko dot eleet kiinnike i, nyt meillä on
ele itsessään, joka on vain yksi kertaalleen ele esine
meille työskennellä sisäosat silmukan.
Selvä.
TOMAS Reimers: Let järki tarkista täällä taas ja vain lohduttaa
dot log ele, mitä saamme.
>> ARMAGHAN BEHLUM: Console dot log ele.
Okie dokie.
Ja päivittää vielä kerran.
>> TOMAS Reimers: Ja katsotaanpa yritä tehdä ele.
Näet että joukko on, kun hän pyyhkäisee,
saat kasan eleitä konsoli ja jos hän yrittää tehdä ympyrä,
se just--
>> ARMAGHAN BEHLUM: Circles ovat vain todella mukavaa.
>> TOMAS Reimers: Nyt on outo juttu täällä, joka on hän tekee yhden ympyrän,
mutta tämä on kirjautumisen 80 eleitä, eikö?
Se on paljon eleitä.
Joten ensimmäinen sellainen asia ymmärtää, ja tämä voi olla hämmentävää,
on, että ele ei ole vain kirjautuneena kerran.
>> On jokaisen kehyksen, oikea, joten jos olen tekemässä ympyrä
Leap havaitsee tämän on muutos, tästä
on muutos, tästä on muutos.
Ja se kirjaa jokaisen näistä.
Mutta jokainen näistä, se tulee sanoa, oh,
siellä ele parhaillaan käynnissä.
Joten sanon vain, hei, siellä ele ja se on tällä hetkellä käynnissä.
Joten mitä me emme halua tehdä, on sanoa, oh, jokaisen päälle
näiden eleitä sinua haluat muuttaa tekstiä.
Mitä me haluamme tehdä, on silloin, kun tätä elettä pysähtyy, ja voimme tarkistaa, että
Sitten haluamme muuttaa tekstiä.
ARMAGHAN BEHLUM: mhmm.
Joten kuten Tomas on selittää eleet
saattaa näkyä läpi useita kehyksiä, mutta esimerkiksi,
kun meillä oli että ympyrä, voimme nähdä
että tunnus että yksi yksi ympyrä, että me
ehkä yrittänyt loppuun oli sama tunnus kaikkialla.
Ja itse asiassa, voit myös tutustu tilan.
päivitetty.
>> Ja sitten tämä on luultavasti viime ympyrä, että No, OK.
Joten joskus se näyttää aseman pysähtymättä ele
ja se näyttää myös tilan aloittaa uuden ele kun
se tunnustaa varmasti, että olet aloittanut uuden ele.
Esimerkiksi tässä tapauksessa.
TOMAS Reimers: Cool.
ARMAGHAN BEHLUM: Niin joo.
Ja sitten, katsotaanpa.
Voit myös huomata vaikka olimme tehden
ympyrä ja ele on kenttä nimeltä tyyppi
joka kertoo meille, millaisia ele, joka on.
Niin, että voisi olla hyötyä meille yrität tehdä mitä teemme.
TOMAS Reimers: Niin siirryttäessä takaisin JS,
Ensimmäinen asia, joka tapahtuu minulle myös, juuri luet tätä koodia
on olemassa pieni optimointi, joka on oikeastaan
ei tarvitse tätä, jos ehto, eikö?
Koska jos runko piste eleitä piste pituus on nolla, että silmukan
aio juosta muutenkin.
Joten voimme aivan hyvin mennä eteenpäin ja päästä eroon siitä.
Jälleen kun olet kirjoittamassa koodia on tärkeää palata ja lajitella
of Refactor kuin huomaat, että olet olisi voinut tehdä jotain paremmin,
tai että on olemassa toinen tapa tehdä se.
Joten nyt olemme juuri menossa puhdista nopeasti ja myös siivoamaan koodin.
Se on iso juttu.
>> ARMAGHAN BEHLUM: Hyvä tyyli on erittäin arvostettu.
>> TOMAS Reimers: Voit aina kun joku
on koodi, jos siellä käytetään olla, jos kunnossa ja sitten ne poistetaan se,
mutta ne eivät komnentit sitä.
On hyvin ilmeistä ja se tavallaan näyttää ruma.
ARMAGHAN BEHLUM: Mikä siis vieressä meidän tehdä luettelo?
TOMAS Reimers: Nyt sanomme siis, Oletan ensimmäinen asia haluamme tehdä
on varmistaa, että ele n todella pyyhkäisemällä, eikö?
>> ARMAGHAN BEHLUM: Joo.
>> TOMAS Reimers: Eli jos sanomme, että meidän hyvästit on ikään kuin huitaista,
menemme kanssa on huitaista, Ensimmäinen asia, joka meidän täytyy sanoa, hei,
on ele kirjoittaa pyyhkäisemällä, eikö?
Ei ympyrä tai ylhäältä, mutta on se huitaista?
Joten miten voimme tehdä, että on voimme sanoa ele
dot tyyppi yhdenvertaisen yhdenvertaisen huitaista merkkijonona.
>> ARMAGHAN BEHLUM: [äänetön] ele dot tyyppi on yhtä on yhtä kuin pyyhkäisemällä.
Siellä olemme.
>> TOMAS Reimers: Ja Sitten viimeinen kysymys
haluamme on ele piste valtion yhdenvertaisen yhdenvertaisen pysäkki, eikö?
Niin, että kun ele on pysäytetty.
Olen itse ajatella pyyhkäisemällä, I tietävät tämän päältä pääni,
mutta olet tervetullut etsiä sen, kun
pyyhkäise joka kerta se rekisteröi sen kunnes lopetat on alku ele.
Ja sitten viimeinen n vain pysäkki ele.
Joten vain yksi pysäkki ele, joka on hyvä meille.
Joten mitä voimme tehdä, on sanoa, jos ele piste kirjoita yhdenvertaisen yhdenvertaisen pyyhkäisyllä ja ele piste
asemaan kuin yhdenvertaisen lopettaa, anna järki
Tarkista tässä lohduttaa dot log ele.
>> Joten palaamme tänne.
Me päivitä sivu.
Ja nyt vain ajan jotain pitäisi olla konsoli dot kirjautuneena on, kun me pyyhkäisemällä.
Ja yritämme pyyhkäisemällä ja näemme mitään.
Oikea?
Joten tämä on todella iso asia.
Emme näe, mitä odotimme.
Ja virheenkorjaus voi olla iso osa tätä.
Joten ensimmäinen asia olemme menossa sanoa on, OK, katsotaanpa lohduttaa piste
kirjaudu, jos ele piste kirjoita yhdenvertaisen yhdenvertaisen pyyhkäisemällä.
ARMAGHAN BEHLUM: Joo, tehdään se.
TOMAS Reimers: Olemme siis menossa takaisin tähän.
Me virkistää.
Me pyyhkäisemällä.
Ja aiomme nähdä nippu niitä.
OK.
Niin selvästi ongelma oli meidän ele piste tila.
Joten jos avaamme näistä jaamme katso esineitä ja näemme,
hyvin, se pysähtyy, mutta, oi, sitä kutsutaan valtion, ei tila.
Joten jos lähdemme takaisin meidän koodi voimme sanoa
jos ele piste tyyppi yhdenvertaisen yhdenvertaisen pyyhkäisemällä ja ele piste valtion yhdenvertaisen yhdenvertaisen pysäkki,
sitten me lohduttaa dot log sitä.
Ja niin virkistää.
Me pyyhkäisemällä.
Ja näemme, että jokainen pyyhkäisy, olemme vain
saada yksi, joka on pää, joka on suuri, oikea?
Sitähän me haluamme.
>> ARMAGHAN BEHLUM: Jep.
Ja voimme myös huomata, että tunnukset jokainen näistä eleet ovat erillisiä.
Niin kuin Tomas sanoi, koska olemme pyydystämiseen tämä yksi stop tilassa, että
olemassa lopussa huitaista, olemme saada yksittäisiä erillisiä eleet
alkaen Leap Motion.
Suuri.
>> TOMAS Reimers: Mennään eteenpäin ja vain tehdä lopullinen asia, joka on,
>> ARMAGHAN BEHLUM: Hyvästi.
>> TOMAS Reimers: Mahtavaa.
Ja nyt Katsotaanpa tutustu verkkosivuilla.
Yksi
>> ARMAGHAN BEHLUM: Toinen.
Emme, joo, me ei kutsua sitä Hyvästi.
Suuri.
>> TOMAS Reimers: Ei, Goodbye on todellinen funktio.
>> ARMAGHAN BEHLUM: Joo.
Mennään vain.
>> TOMAS Reimers: Ja kun me hyvästit, se sanoo hyvästit.
>> ARMAGHAN BEHLUM: Meillä on voitto.
>> TOMAS Reimers: Eli melko jännittäviä juttuja.
Toivottavasti voit rakentaa jotain muuta, mutta saat ajatus, eikö?
Voit tunnistaa eleitä.
Voit soittaa toimintoja.
Ja siitä, että todella antaa sinulle joitakin hyvin perustavaa laatua rakennuspalikoita
sanoa, oh, ehkä kun he pyyhkäisemällä ylös, koska voit myös havaita asioita
kuten suuntaan.
Haluan heidän tehdä jotain.
Tai kun he Pyyhkäise oikealle, minä haluat heidän tekevän jotain.
Ja me voimme alkaa saada luovasti miten tarkalleen
aiomme parantaa sivuston Käyttämällä näitä pyyhkäisemällä eleet tai ympyrä
eleet, tai kosketa eleet, joko avain hanat tai ruutukosketukset.
Ja sitten muuta kuin, että olet enemmän kuin tervetulleita pelaamaan
varsinaisen datan, mutta jos haluat tehdä
että ehdotamme menet docs koska he todella todella hyvä.
Joten suuntasi docs nyt.
Vai haluatko puhua siitä?
>> ARMAGHAN BEHLUM: Joo.
Mennään vain.
Myös yksi muu makupala neuvoja, älä yritä ajatella tätä 3D.
Joten oikeastaan ​​katsotaanpa vetää nuo eleet vielä kerran konsoli dot log ele
ja me teemme sen.
Tule takaisin ja nyt yritetään pari näitä, pari niistä.
>> Jos menemme ja tutustu eleet samoin
kuten näette, että he dimensionality
on kolmeen suuntaan, todella.
Joten älä vain rajoittaa itse 2D-näyttö
vaikka saatat olla 2D verkkosivuilla.
Voit kokeilla ja miettiä, miten käyttäjä voisi vuorovaikutuksessa verkkosivuilla 3D.
TOMAS Reimers: In 3D-tilassa.
ARMAGHAN BEHLUM: Aivan.
Ja joo.
Joten saat ohjeet, nopeudet, kaikki nämä hienoja bittiä tietoa.
>> TOMAS Reimers: Ja jos et ole tuntee, että se menee x, y,
ja sitten z on tämä viimeinen ulottuvuus.
Vain mikä luultavasti olet perehtynyt jos olet käsitellyt 3D
koordinoida lentokoneita ennen.
Jos et ole, se on sama kuin 2D yksi paitsi siellä kolmannen ulottuvuuden.
Me kutsumme sitä z.
Ja kaikki, tavallaan kuin suuntaan, mikä on kun se on menossa,
position-- Mielestäni se voisi jopa altista kiihtyvyys, en ole varma.
>> ARMAGHAN BEHLUM: Joo, uskon.
Se varmasti on nopeus.
En oikeastaan ​​ole 100% varma kiihtyvyys.
>> TOMAS Reimers: Se voi olla vaihtoehto voit välittää jotain.
Joten asema ja nopeus ovat alttiina Näissä tavallaan kolme koordinaatit.
Joten x, y, z tai delta x, delta y, delta z.
Joten nyt suuntasi asiakirjat se developer.leapmotion.com
ja sitten voit valita Documentation.
Jälleen Leap Motion on kaikki nämä ihana API, yksi JavaScript,
yksi C Sharp ja Unity, yksi C ++, yksi Java, yksi Python,
ja yksi tavoite C. Olen henkilökohtaisesti nostaisi sinua kohti JavaScript
tai jos haluat oppia uusi kieli, kokeile Python.
Molemmat näistä kielistä olen työskennellyt ennen ja he todella helppo oppia
ja tiedät jo JavaScript, joka tekee todella hyvää haastaja.
>> Yksi varoituksen sana kun annat docs.
Varmista olet Docs v2.0.
Koska jos olet versio yksi, se ei toimi.
Myös esimerkiksi galleria.
Vietimme hyvä 30 minuuttia yrittää debug meidän Leap
ennen huomasimme, että V1 ei toimi V2.
Joten varmista, että olet versio kaksi.
Ja sitten annan hänen näyttää docs.
ARMAGHAN BEHLUM: Joo.
Joten tässä API yleiskatsaus ja sitten jotkut palasia tiedot
että olemme jo määrännyt.
Mukava pikku Floating hands yläpuolella Leap Motion.
Ja muistutus ajatella noin tilaa 3D.
Yksi ensimmäisistä esineiden ajatella kanssa Leap Motion ovat käsissä, tietenkin.
Näimme hyväksytyille jonka Visualizer.
Ja sitten saatat olla nähdä, että se tunnustetaan
osa ranteen ja varsi liittyy siihen.
TOMAS Reimers: Jos haluat vetää Visualizer.
ARMAGHAN BEHLUM: Joo, Tehdään se uudestaan.
TOMAS Reimers: Näet aina vain hyvä muistutus tavallaan nähdä,
Visualizer yrittää näyttää kaikki tiedot, jotka Leap näkee.
Joten näet, että meillä on nämä tavallaan neljä pistettä
ranteesta ja sitten todellinen ranne.
Ja sinulla on myös tämä pallo palmu.
Kaikki nämä ovat pisteiden tunnustavat tunnustanut harppaus.
>> ARMAGHAN BEHLUM: Aivan.
Ja niin sillä kädellä esine jokainen kehys on käsi array
samoin, jossa voit myös saada vasen ja oikea käsi.
Saat joka suuntaan kädet ovat
päin normaalia suuntaan kämmen,
tai kuten he sitä kutsuvat kämmen normaalia.
Mitä muuta meillä on?
Olemme myös, oho.
Kokeillaan ja selaa tällä tavalla.
Käsivarret, sormet ovat edustaa sormen
luokka, joka on suunnattavat esine.
Joten kuten sanoimme, näimme, että joukko pointables jokaisen käden.
Ne ovat hieman sormet ajatella.
Joten tämä on hyvä yleiskuva mennä kautta yrittää ymmärtää.
TOMAS Reimers: [äänetön] käsi anatomia siellä.
ARMAGHAN BEHLUM: Joo, täsmälleen.
Niin joo.
Siellä on paljon raakadatan että Leap Motion vie tulkitsee hyvin
sinulle, niin se on hyvä idea mennä läpi täällä
ja yrittää selvittää, miten Leap on jo tajunnut asioita sinulle
ja niin, mitä tietoja on saatavissa sieltä.
Ja sitten sieltä Voisin suositella menee tämä vasemman puoleinen tänne,
joka menee hyvin oikeastaan ​​mitään, ne ovat oikeastaan ​​vain lisää API tavaraa about--
>> TOMAS Reimers: API viittaus pohja on yleensä hyvä paikka mennä.
Te varmaan näki tämän, kun teimme Google Maps PSET.
Mutta viittaus todella vain menee läpi kaikki
toiminnot ja parametrit käytettävissä objekti sinulle.
>> ARMAGHAN BEHLUM: Joo.
Esimerkiksi, tämä on mitä Etsin ennen.
Kun meillä on käsi me voi mennä ja selvittää
miten Leap suosittelee meille löytää käden.
Kuten sanoin aiemmin, meillä on käsissä joukko.
Selvitä, jos meillä on käsissä ja sitten yrittää napata yhden käden
vuorovaikutuksessa tällä tavoin.
Niin, että mitä me Suosittelen teitä.
Eleet ja tavaraa samoin.
Tämä API dokumentaatio on menossa olla loistava työkalu teitä.
Onko teillä muita suosituksia?
>> TOMAS Reimers: En.
Minusta se on hyvä nyt.
>> ARMAGHAN BEHLUM: Joo, Luulen niin samoin.
Voit vapaasti lähettää meille sähköpostia ja saada yhteyttä noin Leap Motion
jos sinulla on ehkä mitään ongelmia tai tarvitset suosituksia.
Ja voimme yrittää selvittää juttuja ulos te samoin.
Kiitos.
>> TOMAS Reimers: Suuri.