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.