1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS Reimers: Cool. 3 00:00:11,965 --> 00:00:13,230 Joten Hei kaikki. 4 00:00:13,230 --> 00:00:14,300 Nimeni on Tomas. 5 00:00:14,300 --> 00:00:15,744 Olen TF ja tämä on 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Kiva nähdä teitä. 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 Joten aiomme puhuvan noin Leap Motion tänään. 10 00:00:20,740 --> 00:00:22,800 Joten Leap Motion on todella siistiä tuote, 11 00:00:22,800 --> 00:00:25,900 avulla voit vuorovaikutuksessa tietokone eri tavalla. 12 00:00:25,900 --> 00:00:28,560 Joten koko ajatus harppaus liike on, että 13 00:00:28,560 --> 00:00:31,430 voi käyttää käsiäsi vuorovaikutuksessa tietokoneen kanssa. 14 00:00:31,430 --> 00:00:33,610 Joten minulla on tässä jotain perustaa. 15 00:00:33,610 --> 00:00:34,790 Kerron sen vähän. 16 00:00:34,790 --> 00:00:37,540 Mutta perusversio on voit nähdä, että minulla on kädet edessä 17 00:00:37,540 --> 00:00:42,840 minun tietokone ja kun siirrän ne, saat analogisen tietokoneen 18 00:00:42,840 --> 00:00:44,170 ja voit analysoida. 19 00:00:44,170 --> 00:00:46,230 Voit tehdä eleitä. 20 00:00:46,230 --> 00:00:49,176 Voit käyttää käsiäsi vuorovaikutuksessa tietokoneen 21 00:00:49,176 --> 00:00:50,300 uudella ja mielenkiintoisella tavalla. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> No, olen itse ensin halua siirtää pois Armi 24 00:00:57,520 --> 00:01:00,400 näyttämään hienoja demoja, mitä jotkut ihmiset ovat tehneet tämän. 25 00:01:00,400 --> 00:01:02,816 Ja sitten me puhumme miten todella koodi tähän. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Joo. 27 00:01:04,800 --> 00:01:05,300 Hei. 28 00:01:05,300 --> 00:01:08,870 Joten kuten näimme, vähän tietoja täällä, mutta katsotaanpa 29 00:01:08,870 --> 00:01:11,680 mitä jotkut ihmiset ovat tehneet tämän. 30 00:01:11,680 --> 00:01:15,130 Joten haluan vain avata tätä esimerkkiä. 31 00:01:15,130 --> 00:01:20,770 Ja sitten, joten esimerkiksi voit nähdä käteni analoginen siellä, mutta nyt tällä kertaa 32 00:01:20,770 --> 00:01:26,680 jotkut ihmiset käyttävät Unity on päätti laittaa vähän enemmän iho 33 00:01:26,680 --> 00:01:28,670 ja tavaraa ympäri käsi. 34 00:01:28,670 --> 00:01:35,900 Voin siis, mennään tämän kanssa, varma, on käteni vuorovaikutuksessa. 35 00:01:35,900 --> 00:01:41,050 Ja voit varmaan kuvitella Pari muita hienoja hyödyllisiä asioita 36 00:01:41,050 --> 00:01:42,840 että voit tehdä tämän. 37 00:01:42,840 --> 00:01:45,530 Niin tämä on vähintään yksi esimerkki. 38 00:01:45,530 --> 00:01:48,910 Ja sitten katsotaanpa hypätä ulos tästä. 39 00:01:48,910 --> 00:01:56,590 >> Ja sitten toinen viileä yksi on, mennään tämän kanssa. 40 00:01:56,590 --> 00:01:58,390 Plasmo pallo. 41 00:01:58,390 --> 00:02:03,510 Jälleen emme välttämättä odottaa tämän tason monimutkaisuutta 42 00:02:03,510 --> 00:02:06,450 alkaen lopullinen hanke CS50. 43 00:02:06,450 --> 00:02:10,029 Tämä on vain näyttää, jotkut, antaa te 44 00:02:10,029 --> 00:02:14,570 hieman inspiraatiota, mitä te voi tehdä Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Joten esimerkiksi täällä on viileä fysiikka Esimerkiksi mikä siellä mennään. 46 00:02:20,500 --> 00:02:24,305 Onko molemmat käteni niin nyt sinulla on tämä pieni plasma pallo. 47 00:02:24,305 --> 00:02:31,030 Ja pallo reagoi fysiikka minusta liikkuvat käteni ympäri palloa. 48 00:02:31,030 --> 00:02:36,920 Nyt tämä kaikki on tosin käyttäen Unity, käyttämällä sellaista välineitä ja järjestelmiä 49 00:02:36,920 --> 00:02:39,510 että emme ole opettaneet te luokassa, 50 00:02:39,510 --> 00:02:46,590 mutta kuten näette joitakin melko viileä ajaa läpiviennit kanssa. 51 00:02:46,590 --> 00:02:51,750 >> Mutta yksi asia, että te voi tehdä alkaen pois juuri nyt Leap Motion 52 00:02:51,750 --> 00:02:53,260 on työtä JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion on JavaScript API, joka te voi käyttää ja me erittäin, erittäin 54 00:02:58,960 --> 00:03:02,040 Suosittelemme, että te rakentaa projekteja käyttäen, että. 55 00:03:02,040 --> 00:03:04,350 Niin, että haluan siirtää sen takaisin pois Tomas 56 00:03:04,350 --> 00:03:06,582 puhua Leap Motion ja JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Vai haluatko näyttää ne Visualizer ensimmäinen? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Voi kyllä. 60 00:03:09,670 --> 00:03:10,170 Kyllä. 61 00:03:10,170 --> 00:03:11,900 Puhutaanpa siitä enemmän Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimers: Joten alkeellisinta tasolla, kun ensin saada Leap Motion 63 00:03:14,983 --> 00:03:16,940 olet menossa on tähän ruutuun. 64 00:03:16,940 --> 00:03:18,330 Täällä haluavat minun ottaa ohjat? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Joo, mene siitä. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimers: Joten kun ensin saada Leap Motion 67 00:03:20,530 --> 00:03:21,780 olet menossa on tähän ruutuun. 68 00:03:21,780 --> 00:03:24,460 Se on laite, joka näyttää suunnilleen tältä. 69 00:03:24,460 --> 00:03:28,990 Liität sen tietokoneeseen, asentaa tarvittavat ohjaimet, 70 00:03:28,990 --> 00:03:30,950 ja sitten se pohjimmiltaan perustetaan. 71 00:03:30,950 --> 00:03:34,160 Joten helpoin tapa lajitella Deal kanssa Leap Motion 72 00:03:34,160 --> 00:03:39,240 on avata tätä ohjelmaa se asentaa nimeltään Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Ja Visualizer on kirjaimellisesti mitä näytän täällä. 74 00:03:41,490 --> 00:03:45,340 Sen avulla voit nähdä luuston ääriviivat kädet. 75 00:03:45,340 --> 00:03:49,940 Ja mitä Leap Motion tulkitsee niitä. 76 00:03:49,940 --> 00:03:53,750 Joten Leap Motion käyttää kameraa tavallaan katsomassa käsissä 77 00:03:53,750 --> 00:03:59,176 ja sitten se yrittää arvata mitä perus luuston koostumus että olet 78 00:03:59,176 --> 00:04:00,460 näet ruudulla on. 79 00:04:00,460 --> 00:04:01,669 Ja sitähän se näyttää. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Joka yksi pieni piste 81 00:04:03,418 --> 00:04:06,580 ja asia, että näet siellä on tietoa, joka on saatavilla te 82 00:04:06,580 --> 00:04:07,270 sekä käyttää. 83 00:04:07,270 --> 00:04:09,670 Niin näet, että se on syömällä että Tomas 84 00:04:09,670 --> 00:04:12,160 on viisi sormea, kukin näiden eri sormet 85 00:04:12,160 --> 00:04:17,110 ovat myös sinun datana pistettä käytettäväksi missä tahansa sovelluksen 86 00:04:17,110 --> 00:04:18,256 että saatat haluta. 87 00:04:18,256 --> 00:04:20,339 Jos haluat nähdä, jos joku tekee peukkua 88 00:04:20,339 --> 00:04:23,860 voit nähdä, jos näppejään ovat kiertynyt ja ovatko he 89 00:04:23,860 --> 00:04:25,850 peukalo sormi osoittaa ylöspäin, tai jos 90 00:04:25,850 --> 00:04:30,037 heidän ranne tai kämmen on ja että tyyppi kamaa. 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Joten voit nähdä joitakin eleitä se ymmärtää paremmin kuin toiset. 93 00:04:35,186 --> 00:04:38,310 Muista, että se on vilkaisu käsi at kamera pohjasta, 94 00:04:38,310 --> 00:04:41,630 joten kun sinulla on kädet kuin Tässä se ymmärtää ne täysin, 95 00:04:41,630 --> 00:04:44,509 mutta kun alkaa yrittää tehdä peukkua, joskus se lukee sen, 96 00:04:44,509 --> 00:04:47,550 joskus se voi arvata, mutta rehellisesti kamera vain voi nähdä peukalo. 97 00:04:47,550 --> 00:04:49,810 Joten se ei ole oikeastaan varma, mitä tapahtuu. 98 00:04:49,810 --> 00:04:54,910 Vain joitakin rajoituksia pitää mielessä kun olet kehittämässä tätä. 99 00:04:54,910 --> 00:04:56,540 >> Joka tapauksessa, niin menee takaisin tähän. 100 00:04:56,540 --> 00:04:59,040 Visualizer oikeastaan on paljon hyödyllisiä työkaluja. 101 00:04:59,040 --> 00:05:01,780 Joten Leap Motion on ohjelmoitu siten, 102 00:05:01,780 --> 00:05:04,280 että he eivät odota sinun vuorovaikutuksessa että kuvatietoja. 103 00:05:04,280 --> 00:05:06,230 He eivät oikeastaan odottaa sinua ymmärtämään 104 00:05:06,230 --> 00:05:08,060 mitä tapahtuu kulissien takana. 105 00:05:08,060 --> 00:05:11,620 Mitä he tekevät on altistaa nippu API sinulle 106 00:05:11,620 --> 00:05:13,420 niin, että voit vuorovaikutuksessa nämä tiedot 107 00:05:13,420 --> 00:05:18,400 suoraan ilman ymmärrystä mitä tapahtuu konepellin alle. 108 00:05:18,400 --> 00:05:27,790 >> Joten jos me osuma H täällä Visualizer näet paljon vaihtoehtoja. 109 00:05:27,790 --> 00:05:35,450 Tärkeä tässä vaikka on jos osut O ja sitten lyödä H, 110 00:05:35,450 --> 00:05:38,080 näet, että se voit piirtää eleitä. 111 00:05:38,080 --> 00:05:43,380 Joten ele, näet se vetää nuolen poikki. 112 00:05:43,380 --> 00:05:47,010 Ele on yksi tavoista, jotka Leap Motion tavallaan voit saada klo tiedot 113 00:05:47,010 --> 00:05:48,462 ilman sen käsittelyyn. 114 00:05:48,462 --> 00:05:51,170 Joten sen sijaan minua tarvitse keksiä ulos, oh, käsi liikkui, 115 00:05:51,170 --> 00:05:54,970 vaikka minulla on yhteyspiste, API tavallaan vain kertoa minulle, 116 00:05:54,970 --> 00:05:56,380 hei, he tekivät tämän eleen. 117 00:05:56,380 --> 00:05:58,920 Joten voit tehdä perus nuoli eleitä. 118 00:05:58,920 --> 00:06:00,590 Voit tehdä ympyrä eleitä. 119 00:06:00,590 --> 00:06:03,530 Voit tehdä napauttamalla eleitä. 120 00:06:03,530 --> 00:06:07,630 Ja voit tehdä painamalla näppäintä eleitä. 121 00:06:07,630 --> 00:06:09,394 Joo. 122 00:06:09,394 --> 00:06:10,800 Ja tuollaista. 123 00:06:10,800 --> 00:06:14,370 Joten nyt, että olemme tavallaan nähnyt mitä Leap Motion voi tehdä, 124 00:06:14,370 --> 00:06:17,792 voit nähdä sen voi lukea läjän eleitä. 125 00:06:17,792 --> 00:06:19,500 Luulen aion siirtää sen takaisin Armi 126 00:06:19,500 --> 00:06:22,300 ja hän aikoo puhua siitä, miten saat näitä JavaScript, 127 00:06:22,300 --> 00:06:24,520 miten edes aloittaa projektin tähän. 128 00:06:24,520 --> 00:06:27,724 Ja sitten me puhumme joitakin viileä paikkoja voit mennä kanssa. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Joo. 130 00:06:28,640 --> 00:06:29,300 Kuulostaa hyvältä. 131 00:06:29,300 --> 00:06:31,950 Niin joo, aivan ensimmäinen asia, haluaa sinun tehdä tietenkin 132 00:06:31,950 --> 00:06:37,170 on sen jälkeen saat Leap Motion on Siirry leapmotion.com, asentamiseen 133 00:06:37,170 --> 00:06:38,420 kuljettajat ja tavaraa. 134 00:06:38,420 --> 00:06:42,520 Kun tekee, että voit mennä varmista, että se on liitetty. 135 00:06:42,520 --> 00:06:46,910 Jos näette pieni tarjotin Leap Motion kuvake ja se vihreä, 136 00:06:46,910 --> 00:06:48,640 niin tiedät olet valmis. 137 00:06:48,640 --> 00:06:53,710 Ja tietenkin tarkistaa, mitä Tomas vain osoitti sinulle eleet 138 00:06:53,710 --> 00:06:59,320 ja tekee ruutukosketukset ja avain hanat, ja että tyyppi kamaa. 139 00:06:59,320 --> 00:07:02,180 >> Sen jälkeen, että vaikka me, jälleen kerran, kuten sanoin, 140 00:07:02,180 --> 00:07:06,530 meillä on pääsy kaikkiin näihin asioita JavaScript samoin. 141 00:07:06,530 --> 00:07:09,020 Ihanteellinen perustaa että suosittelemme sinulle 142 00:07:09,020 --> 00:07:16,440 kaverit on mennä sinun vhost hakemistoon, paikallinen isäntä, 143 00:07:16,440 --> 00:07:19,340 julkinen teidän CS50 laitteen. 144 00:07:19,340 --> 00:07:24,790 Ja kun menet sinne, mitä sinun katso on indeksi piste HTML-tiedoston. 145 00:07:24,790 --> 00:07:28,180 Nyt indeksi piste HTML-tiedosto tai hakemisto piste 146 00:07:28,180 --> 00:07:32,740 PHP-tiedosto, kumpi on hieno, mitä voit tehdä 147 00:07:32,740 --> 00:07:35,150 on mennä pääkäyttöjärjestelmän. 148 00:07:35,150 --> 00:07:38,650 Ja jos menet IP-osoite joka on lueteltu oikealla alhaalla 149 00:07:38,650 --> 00:07:45,180 kulmaan laitteen täällä, kuten näette, mitä sitten tapahtuu 150 00:07:45,180 --> 00:07:51,240 on menet sivulle, joka on viittaamat että indeksi piste HTML-tiedosto. 151 00:07:51,240 --> 00:07:56,610 Joten kaikki, jota saatat laittaa siellä saa lähettää ja on käyttökelpoinen täällä. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimers: Niin se on myös tärkeää vain viitteellisiä 153 00:07:58,960 --> 00:08:06,554 että jos te todella tietää miten perustaa palvelimen itse, 154 00:08:06,554 --> 00:08:09,720 tai et halua laittaa tähän maailmanlaajuiseen Web, olet tervetullut tekemään mitä tahansa. 155 00:08:09,720 --> 00:08:11,594 Muista, että nämä ovat vain JavaScript-tiedostot 156 00:08:11,594 --> 00:08:14,250 ja kaikki Leap käsittely tehdään asiakkaalle. 157 00:08:14,250 --> 00:08:16,510 Joten se ei ole oikeastaan ​​väliä missä palvelin elämää 158 00:08:16,510 --> 00:08:19,660 niin kauan kuin tietokone katselet verkkosivuilla 159 00:08:19,660 --> 00:08:22,024 on Leap Motion asennettu. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Ehdottomasti. 161 00:08:23,190 --> 00:08:25,680 Kuten Tomas sanoi, joo, mitä toimii sinulle kaverit. 162 00:08:25,680 --> 00:08:28,570 Tämä on vain yksi meidän suosituksia. 163 00:08:28,570 --> 00:08:31,660 Nyt alkaa käyttää Leap Motion mitä tekisit 164 00:08:31,660 --> 00:08:36,640 on voisitte tuoda JavaScript tiedosto Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Ja sitten sieltä mitä voit tehdä on, juuri nyt 166 00:08:39,610 --> 00:08:44,250 Minulla on vain tämä kohta tag perustettu ID tekstiä. 167 00:08:44,250 --> 00:08:48,690 Asiat, suosittelemme asettavat ohjausyksikkövaihtoehdot 168 00:08:48,690 --> 00:08:52,012 varten Leap Motion kanssa mahdollistaa eleet ollakseen totta. 169 00:08:52,012 --> 00:08:53,970 Joten oletuksena nämä eleet, että näytimme sinulle 170 00:08:53,970 --> 00:08:57,010 kaverit, ympyrä, ja avain kosketa, ja pyyhkäisee, 171 00:08:57,010 --> 00:09:00,330 ne eivät ole osoittautuneet te oletuksena. 172 00:09:00,330 --> 00:09:04,450 Mutta suosittelemme käyttäen näitä joten et ole keksiä pyörää uudelleen. 173 00:09:04,450 --> 00:09:09,489 Ota nämä tosi, kulkee näiden ohjausyksikkövaihtoehdot hypätä piste silmukka 174 00:09:09,489 --> 00:09:10,530 ja sitten kaikki mennä. 175 00:09:10,530 --> 00:09:13,270 Koska silloin sinun täytyy vain määritellään anonyymi funktio 176 00:09:13,270 --> 00:09:16,910 joka toteuttaa runko Leap Motion 177 00:09:16,910 --> 00:09:21,150 ja että runko on kaikki tietoa, että olet menossa tarvitsevat. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimers: Joten vain kertaus, sinulla on yksi kohde. 179 00:09:25,310 --> 00:09:28,250 Sinulla on tämä toiminto nimeltään harppaus dot silmukka. 180 00:09:28,250 --> 00:09:30,460 Ja te kutsutte sitä kaksi argumenttia. 181 00:09:30,460 --> 00:09:33,134 Voit kutsua sitä yhdellä, ohjain vaihtoehtoja. 182 00:09:33,134 --> 00:09:35,300 Ja siellä on paljon vaihtoehtoja voit laittaa sinne. 183 00:09:35,300 --> 00:09:38,170 Yksi aiomme painottaa on mahdollistaa eleitä. 184 00:09:38,170 --> 00:09:41,230 Ja jos olet asettanut sen yhtä totta sitten voit saada tämän eleitä 185 00:09:41,230 --> 00:09:42,940 että näytimme sinulle Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Ja sitten toinen argumentti on toiminto, se on ikään kuin soittaa takaisin 187 00:09:47,500 --> 00:09:53,010 jota kutsutaan joka aikaan joka runko Leap, 188 00:09:53,010 --> 00:09:57,340 niin aina harppaus rekisterit kätesi liikkua, se on uusi runko. 189 00:09:57,340 --> 00:10:02,130 Ja se kutsuu tätä toimintoa yhdellä argumentti, joka on kehyksen kohde. 190 00:10:02,130 --> 00:10:05,909 Ja että runko esine kuvaa kehyksen Leap näkee sen. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Aivan. 192 00:10:06,950 --> 00:10:10,450 Joten tämä sisältää kaikki hyödyllinen palasia tietoa 193 00:10:10,450 --> 00:10:12,550 että puhuimme aiemmin. 194 00:10:12,550 --> 00:10:18,010 Tarkistaminen runko dot eleet on joukko eleitä 195 00:10:18,010 --> 00:10:23,680 että harppaus liikettä kiinni teidän kädet tehdä viimeisen kehyksen. 196 00:10:23,680 --> 00:10:26,470 Niinpä esimerkiksi, mitä olemme teet täällä on olemme tarkkailun, 197 00:10:26,470 --> 00:10:31,820 hei, Leap, että viimeisen kuvan teki saalis kaikki eleet, että tein? 198 00:10:31,820 --> 00:10:36,350 Ja jos niin mitä päätämme tehdä on kerrata läpi näitä eleitä 199 00:10:36,350 --> 00:10:39,760 ja yrittää saada hyödyllisiä tietoa niistä. 200 00:10:39,760 --> 00:10:44,290 Jokainen ele on ainutlaatuinen ID liittyy siihen. 201 00:10:44,290 --> 00:10:46,280 Heillä on tyyppejä. 202 00:10:46,280 --> 00:10:50,220 Voit katsoa mikä sormet olivat mukana eleet 203 00:10:50,220 --> 00:10:52,770 tarkistamalla tämän suunnattavat kamaa. 204 00:10:52,770 --> 00:10:56,490 Joten jos kun menet läpi Leap Motion JavaScript API kamaa, 205 00:10:56,490 --> 00:10:59,630 kun he mainitsevat pointables, he puhuvat näistä sormien. 206 00:10:59,630 --> 00:11:04,480 Ja sitten kädet ovat tietenkin koko käsi esine. 207 00:11:04,480 --> 00:11:05,210 >> Mitä muuta? 208 00:11:05,210 --> 00:11:08,630 Voit tarkistaa, miten kauan liike meni 209 00:11:08,630 --> 00:11:11,640 varten ja, joo, kaikki ne hyödyllisiä asioita. 210 00:11:11,640 --> 00:11:16,490 Joten mitä teen juuri nyt täällä on Kirjauduin runko, 211 00:11:16,490 --> 00:11:24,350 ja sitten voin päivittää HTML näyttää kaikki nämä bittiä tietoa 212 00:11:24,350 --> 00:11:25,820 rungosta. 213 00:11:25,820 --> 00:11:28,010 Joten tarkistaa, että ulos. 214 00:11:28,010 --> 00:11:29,440 >> Joten tässä se on. 215 00:11:29,440 --> 00:11:34,730 Tässä indeksi piste HTML-tiedosto. 216 00:11:34,730 --> 00:11:38,560 Ja juuri näin, kun olen juuri muuttanut käteni Leap kiinni ympyrä liike. 217 00:11:38,560 --> 00:11:44,960 Joten voit nähdä minut tekee ympyrän yli Täältä päivittyy ympyrä tietoa. 218 00:11:44,960 --> 00:11:48,332 Doing pyyhkäisee, saaliit pyyhkäisee. 219 00:11:48,332 --> 00:11:49,290 Kokeillaan näytön välilehti. 220 00:11:49,290 --> 00:11:50,090 Siellä mennään. 221 00:11:50,090 --> 00:11:52,370 Näytön hana ja avain kosketa. 222 00:11:52,370 --> 00:11:55,040 Joten avain hanat myös, että tavalla, ovat, kun osut alas. 223 00:11:55,040 --> 00:11:57,260 Joten voitte kuvitella ehkä pelaa piano. 224 00:11:57,260 --> 00:11:59,869 >> Ja sitten ruutukosketukset ovat kun osut näytön. 225 00:11:59,869 --> 00:12:02,910 Joten voitte kuvitella ehkä itse on kosketusnäyttö edessä 226 00:12:02,910 --> 00:12:05,190 ja olet lyödä touch näytön edessä. 227 00:12:05,190 --> 00:12:08,470 Ja sitten voimme napata yksi Näiden kohteiden täällä. 228 00:12:08,470 --> 00:12:12,960 Muista siis sanoin, että olin kulkee kehyksen konsoli loki. 229 00:12:12,960 --> 00:12:17,160 Ja jotta voimme tarkistaa kaikki palasia tietoa 230 00:12:17,160 --> 00:12:22,500 jotka ovat käytettävissä että runko sekä käyttää. 231 00:12:22,500 --> 00:12:26,320 >> Kuten sanoin aiemmin, pointables ovat sormet. 232 00:12:26,320 --> 00:12:30,260 Sillä hetkellä meillä ei ole meidän kädet edessä Leap Motion 233 00:12:30,260 --> 00:12:32,010 joten se on rekisteröity nolla, mutta tämä on miten 234 00:12:32,010 --> 00:12:35,980 alkaisi selvittää ehkä kuinka monta sormea ​​ovat näytön. 235 00:12:35,980 --> 00:12:37,810 Ja että tyyppistä tietoa. 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimers: Ja muistaminen tämä on vain esine. 237 00:12:40,060 --> 00:12:42,185 Joten kaikki pääsee tavallaan kuin struct 238 00:12:42,185 --> 00:12:45,540 C. Sinulla on esine nimetä piste ominaisuuden nimi. 239 00:12:45,540 --> 00:12:48,830 Ja sitten sisällä että sinulla on taulukot ja sinulla on muita esineitä, 240 00:12:48,830 --> 00:12:50,850 mutta muistakaa se on vain esine. 241 00:12:50,850 --> 00:12:53,788 Ei ole mitään erityistä koska käytämme Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Joo. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Pitäisikö meidän tarkistaa pari JavaScript esimerkkejä? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS Reimers: Niin nopeasti muistaa, että me 247 00:13:07,810 --> 00:13:12,470 sanoi, että Leap voi todella ajaa millä tahansa sivustolla. 248 00:13:12,470 --> 00:13:15,250 LeapJS on vain tiedoksi asiakkaalle. 249 00:13:15,250 --> 00:13:19,850 Ja niin kauan kuin asiakkaalla on Leap Motion liitteenä se toimii. 250 00:13:19,850 --> 00:13:22,540 Joten Leap Motion on sivusto, jossa ihmiset 251 00:13:22,540 --> 00:13:24,540 voivat jakaa esimerkkejä asioita he ovat tehneet. 252 00:13:24,540 --> 00:13:26,623 Joten me vain menossa läpi pari niistä 253 00:13:26,623 --> 00:13:29,980 nähdä, mikä on mahdollista ennen sukeltamalla lisää yksityiskohtia siitä, miten 254 00:13:29,980 --> 00:13:32,510 se on mahdollista. 255 00:13:32,510 --> 00:13:33,346 Joten 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Katsotaanpa. 257 00:13:34,470 --> 00:13:36,136 TOMAS Reimers: Nyt pitäisi toimia. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Joten nyt ennen näimme esimerkin 259 00:13:38,520 --> 00:13:45,280 käyttäen Unity saatettuja käsissämme melko vaikuttava graafinen nahat, 260 00:13:45,280 --> 00:13:50,200 mutta nyt näet, voit tehdä Sama juttu sisällä selaimen. 261 00:13:50,200 --> 00:13:54,640 Tämä on kaikki sisällä Chrome vain JavaScriptin avulla. 262 00:13:54,640 --> 00:13:57,460 Ja sitten muuta mukavaa asia on, jos haluat 263 00:13:57,460 --> 00:14:02,610 tietää, miten he tekivät tämän, esimerkkejä JavaScript 264 00:14:02,610 --> 00:14:07,540 myös koodin vaihtoehdot voit tarkistaa ja katso sitten 265 00:14:07,540 --> 00:14:12,570 miten tämä henkilö oli kähmintä kädet ja koodit ja tällainen. 266 00:14:12,570 --> 00:14:16,730 >> Niin, että kaikki löydät klo developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Voit mennä ja tarkistaa JavaScript esimerkkejä siitä, että he ovat siellä. 268 00:14:20,810 --> 00:14:23,280 Niin joo. 269 00:14:23,280 --> 00:14:25,205 Tässä ovat nämä, oho pahoillani. 270 00:14:25,205 --> 00:14:27,680 Kokeillaan, että uudelleen. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Minulla on kaksi oikeaa kättä. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Niin joo. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimers: Niin ja jälleen, Muistan joskus Leap sotkee. 276 00:14:37,440 --> 00:14:40,790 Anna se toinen. 277 00:14:40,790 --> 00:14:42,784 Se ei ole täydellinen, mutta se on melko hyvä. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Yksi muut suosituksessa 279 00:14:44,700 --> 00:14:48,780 on tehdä sitä suoraan auringonvaloon. 280 00:14:48,780 --> 00:14:51,260 Joten miten Leap Motion työt on tosiasiallisesti 281 00:14:51,260 --> 00:14:54,500 jos näytän kameran tämä samoin, infrapunavaloa. 282 00:14:54,500 --> 00:14:57,375 Joten se lähettää ne pois ja sitten lukee niitä, kun he tulevat takaisin. 283 00:14:57,375 --> 00:14:59,250 Joten jos yrität tehdä sen suoraan auringonvaloon, 284 00:14:59,250 --> 00:15:01,610 Esimerkiksi, se on luultavasti ei tule toimimaan, 285 00:15:01,610 --> 00:15:05,850 tai se tulee vaatia jotkut kalibrointi tehdä niin. 286 00:15:05,850 --> 00:15:10,450 >> Myös toinen suositus on tyhjentää tila takana Leap 287 00:15:10,450 --> 00:15:12,740 ja edessä Leap. 288 00:15:12,740 --> 00:15:15,520 Ajattele sitä työtä sisällä kupoli, joka on 289 00:15:15,520 --> 00:15:18,360 ympäröivän tämän Leap Motion esine. 290 00:15:18,360 --> 00:15:20,550 Jos siellä on kamaa oikeassa takana samoin, 291 00:15:20,550 --> 00:15:24,740 joka on myös menossa puuttua miten Leap Motionin yrittää 292 00:15:24,740 --> 00:15:26,690 tunnistamaan kätesi ja että tyyppi kamaa. 293 00:15:26,690 --> 00:15:30,010 >> Niinpä esimerkiksi, mielestäni tässä tapauksessa se on minun laptop todella 294 00:15:30,010 --> 00:15:34,351 Sellainen tekee Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Joo, siellä mennään. 296 00:15:35,100 --> 00:15:41,021 Joten jos minä tyhjentää minun kannettavaan sen takana käsi näyttää jopa melko hyvin. 297 00:15:41,021 --> 00:15:41,520 Niin joo. 298 00:15:41,520 --> 00:15:42,061 Siinä on se. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Joten mitä muuta teki näytämme heille. 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimers: Luulen nyt olisi aika 302 00:15:48,250 --> 00:15:52,039 tavallaan sukeltaa ja haluan vain tehdä demo täysin tyhjästä. 303 00:15:52,039 --> 00:15:53,330 Se tulee olemaan todella helppoa. 304 00:15:53,330 --> 00:15:55,250 Periaatteessa mitä aiomme yrittää tehdä, on se 305 00:15:55,250 --> 00:15:58,570 niin että kun pyyhkäistä kädellä, tausta tulee aloittaa niin punainen, 306 00:15:58,570 --> 00:16:01,361 ja kun pyyhkäistä kädellä, tausta menee muuttuu vihreäksi. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Todella yksinkertaista. 309 00:16:03,709 --> 00:16:05,750 Ja se on pohjimmiltaan vain mene läpi paljon 310 00:16:05,750 --> 00:16:08,360 käsitteiden takana Leap jotta voimme 311 00:16:08,360 --> 00:16:12,630 päästä tämä ideologia miten Leap toimii ja miten voimme rakentaa juttuja että. 312 00:16:12,630 --> 00:16:16,760 Ja sitten sieltä me will luultavasti vain näyttää 313 00:16:16,760 --> 00:16:19,710 API dokumentaatio ja missä voi lukea lisää tästä. 314 00:16:19,710 --> 00:16:21,030 Ja sitten me kutsumme sitä päivä. 315 00:16:21,030 --> 00:16:24,294 Joten haluat koodin tai haluat minun koodin? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Joo. 317 00:16:25,210 --> 00:16:28,350 No, kai voimme työskennellä yhdessä tämän ja yrittää 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimers: niin me tehdä joitakin pari koodausta. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Siellä mennään. 320 00:16:31,500 --> 00:16:33,250 Juuri minä halusi tarkistaa. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Niinpä esimerkiksi täällä, katsotaanpa. 323 00:16:38,750 --> 00:16:40,979 Vaikka olemme iteroimalla läpi eleet jo, 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimers: Haluatko tehdä vain täysin uuden tiedoston? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Täysin uusi tiedosto? 326 00:16:43,870 --> 00:16:44,246 Joo, varmasti. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimers: Joo. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Joten tehdä. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimers: Eli olemme menossa tehdä täysin tiedostoon. 330 00:16:48,253 --> 00:16:51,290 Me kutsumme sitä käsi piste HTML. 331 00:16:51,290 --> 00:16:52,670 Se viileä minulle. 332 00:16:52,670 --> 00:16:59,020 Muista siis teet HTML-tunnisteen, sitten sisällä että sinulla on pää. 333 00:16:59,020 --> 00:17:02,982 Tämä pää on otsikon sisällä. 334 00:17:02,982 --> 00:17:04,349 Joten välilehti toisinpäin. 335 00:17:04,349 --> 00:17:05,589 Siellä mennään. 336 00:17:05,589 --> 00:17:09,359 Otsikko, me kutsumme sitä Leap esimerkin. 337 00:17:09,359 --> 00:17:12,163 Jep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oho. 339 00:17:13,540 --> 00:17:14,040 Otsikko. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimers: Jep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: On olemme. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimers: Ja sitten tehkäämme elin. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Odota, katsotaanpa Varmista myös tuoda. 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimers: Tietysti. 345 00:17:22,060 --> 00:17:22,560 My bad. 346 00:17:22,560 --> 00:17:28,700 Joten aina varmista, että sinulla on Leap skriptin niin se kirjoitus antaa sinulle 347 00:17:28,700 --> 00:17:31,810 mukaan Leap Motion joka pohjimmiltaan mahdollistaa selaimen yhteyden 348 00:17:31,810 --> 00:17:35,580 laitteeseen käyttäjän tietokoneelle. 349 00:17:35,580 --> 00:17:38,510 Ja sitten me myös tarvitsevat kehon ja haluan vain 350 00:17:38,510 --> 00:17:40,580 tehdä kehon moikkaamaan niin että voimme näyttää opiskelijoille 351 00:17:40,580 --> 00:17:42,704 miten yhdistää tähän uuteen Web-sivua, he tekivät. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Toki. 353 00:17:44,260 --> 00:17:45,724 Joten vain laittaa another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimers: Hei, hei maailma. 355 00:17:48,730 --> 00:17:50,210 Joten hyvin yksinkertainen esimerkki. 356 00:17:50,210 --> 00:17:53,400 Oikeastaan ​​vain demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Ja sitten täällä voi mennä, me kutsuimme sitä käsi piste HTML, 358 00:17:58,505 --> 00:18:00,000 oikeassa? 359 00:18:00,000 --> 00:18:00,810 Ja oh! 360 00:18:00,810 --> 00:18:04,310 Joten ihmettelen mitä vikaa Tämän nyt. 361 00:18:04,310 --> 00:18:07,639 Katsotaanpa lisätä lukuoikeudet käsi piste HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimers: Haluatko tehdä se iso terminaali 363 00:18:09,930 --> 00:18:11,080 jotta voimme vain näyttää sen the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Joo, se on järkevää. 365 00:18:12,501 --> 00:18:13,001 Selvä. 366 00:18:13,001 --> 00:18:15,720 Joten olen vain lisännyt käyttöoikeudet, mutta jos me 367 00:18:15,720 --> 00:18:18,350 oli tarkistaa käyttöoikeudet, ennen kuin 368 00:18:18,350 --> 00:18:22,560 olisi huomannut, että todella käsi dot HTML ei ole lukuoikeudet 369 00:18:22,560 --> 00:18:25,570 ja siksi emme voi tehdä sitä. 370 00:18:25,570 --> 00:18:30,850 Mutta nyt jos teemme niin, näemme pikku Hei maailma oikeassa. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimers: Joten oikeastaan, koska hän oli kirjallisesti, hello world, 372 00:18:33,580 --> 00:18:35,371 Ajattelin tavalla voisimme muuttaa. 373 00:18:35,371 --> 00:18:41,150 Tehdään se tervehtimään maailman, ja sitten kun aalto, se sanoo hyvästit. 374 00:18:41,150 --> 00:18:41,650 Oikea? 375 00:18:41,650 --> 00:18:42,210 Joten hei, näkemiin. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Toki. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimers: Kuulostaa hyvältä. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Että kuulostaa hyvältä, liian. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimers: Eli jos olemme aikoo tehdä, että haluan vain 380 00:18:46,920 --> 00:18:48,980 ajatella läpi sivun hieman. 381 00:18:48,980 --> 00:18:51,800 Olemme menossa tarvitsevat jonkin verran kirjoitus joka pohjimmiltaan rekisterit 382 00:18:51,800 --> 00:18:56,470 että te vilkutti ja Leap, aalto ja pyyhkäise, sama asia. 383 00:18:56,470 --> 00:18:59,584 Joten olemme menossa tarvitse skripti, joka pohjimmiltaan rekisteröityy että pyyhkäisemällä. 384 00:18:59,584 --> 00:19:01,500 Ja toinen asia, että olemme menossa on olemme 385 00:19:01,500 --> 00:19:04,360 menossa tarvitsevat jonkin verran Varsinainen sisältö muuttua. 386 00:19:04,360 --> 00:19:07,850 >> Joten kun muistat, jQuery voit muuttaa sisältöä. 387 00:19:07,850 --> 00:19:13,017 Joten yksi asia meidän kannattaa sisällyttää Tässä on jQuery-kirjaston. 388 00:19:13,017 --> 00:19:16,100 Ja sitten voi valita, mitä me todella aio muuttaa sisältöä, 389 00:19:16,100 --> 00:19:18,224 joka on menossa on tunnus tai luokan, tai jotain 390 00:19:18,224 --> 00:19:20,100 että voimme käyttää valitse se. 391 00:19:20,100 --> 00:19:25,010 Joten me vain antaa sen nopea ID muutoksen tekstin. 392 00:19:25,010 --> 00:19:26,974 Ja sitten sinä haluat napata jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Mikä siis ensimmäinen asia meidän tehdä lista sitten nyt? 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimers: Katsotaanpa tartu jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Katsotaanpa napata jQuery, OK, viileä. 396 00:19:32,494 --> 00:19:34,502 Siinä tapauksessa, aion täytyy actually-- 397 00:19:34,502 --> 00:19:36,210 jossa olisi paras paikka tehdä se? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimers: jQuery, joten jos Google jQuery, osuma jQuery, ensimmäinen 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: ensimmäinen. 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimers: Or latauksena. 401 00:19:42,135 --> 00:19:42,650 Se on hieno. 402 00:19:42,650 --> 00:19:46,482 Hit lataa v1 ja v2 vasemmalla. 403 00:19:46,482 --> 00:19:49,190 Joten me kuvataan jQuery kohteesta verkossa, kuten olet luultavasti tehnyt. 404 00:19:49,190 --> 00:19:50,440 Selaa alaspäin. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Ai, täällä nyt? 407 00:19:53,502 --> 00:19:54,460 TOMAS Reimers: Tai että. 408 00:19:54,460 --> 00:19:54,960 Jep. 409 00:19:54,960 --> 00:20:00,150 Joten jQuery on isännöi versio mikä tarkoittaa, että sinun ei itse 410 00:20:00,150 --> 00:20:01,890 tarvitse ladata sitä, mutta olet enemmän kuin 411 00:20:01,890 --> 00:20:07,734 tervetuloa ladata sen ja isäntä itse. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Joten nyt meillä on jQuery. 414 00:20:09,566 --> 00:20:11,122 Nyt mitä seuraavaksi meidän tehdä luettelo. 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimers: Mahtavaa. 416 00:20:12,080 --> 00:20:13,910 Joten seuraavaksi, mitä me tarvitsemme tehdä, on me todella tarvitsemme 417 00:20:13,910 --> 00:20:17,750 antaa p hello world ID joten voimme muuttaa sitä, eikö? 418 00:20:17,750 --> 00:20:24,514 Joten antaa käsityksen, En tiedä, muuttaa tekstin? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Mennään vain tee näin, luulisin. 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimers: changeText, viileä. 421 00:20:28,013 --> 00:20:29,830 Ja nyt haluan vain päivitä sivu. 422 00:20:29,830 --> 00:20:31,142 Varmista, että kaikki toimii. 423 00:20:31,142 --> 00:20:32,100 Joten takaisin selaimen. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Cool. 426 00:20:36,922 --> 00:20:39,380 Aina hyvä muistutus siitä, että kun olet rakentaa verkkosivuilla, 427 00:20:39,380 --> 00:20:44,450 luultavasti päivittyy joka kerta teet kaikki hieman merkittäviä muutoksia vain 428 00:20:44,450 --> 00:20:47,993 koska joskus vahingossa pudota tag, 429 00:20:47,993 --> 00:20:51,640 tai vahingossa poistat jotain, ja sitten rikot jotain pientä, 430 00:20:51,640 --> 00:20:55,880 mutta sitten kun teet isompi muutos et pidä, miksi tämä suuri muutos 431 00:20:55,880 --> 00:20:57,910 näennäisesti rikkoa etuyhteydettömille asia. 432 00:20:57,910 --> 00:21:02,840 Joten se on aina hyvä tavallaan mennä ja tehdä niille järki tarkastuksia. 433 00:21:02,840 --> 00:21:05,610 >> Joka tapauksessa niin nyt tehkäämme yksi viime järki tarkistaa, 434 00:21:05,610 --> 00:21:09,800 jota yritetään muuttaa teksti ilman Leap Motion, 435 00:21:09,800 --> 00:21:11,820 ilman mitään, vain Sivulla kuorman se tulee 436 00:21:11,820 --> 00:21:17,140 muuttaa hei maailma näkemiin jQuery. 437 00:21:17,140 --> 00:21:21,400 Joten jos muistat jQuery paljastuksia Tämän dollarin merkki toiminto, 438 00:21:21,400 --> 00:21:28,640 jonka voimme välittää CSS valitsin, eli hashtag muutos tekstin, joka 439 00:21:28,640 --> 00:21:31,590 valitsee elementin kanssa ID muutoksen tekstin. 440 00:21:31,590 --> 00:21:34,980 Ja sitten olemme menossa soittaa menetelmä HTML 441 00:21:34,980 --> 00:21:40,390 objektia se palaa argumentti merkkijono hyvästit, joka 442 00:21:40,390 --> 00:21:45,600 muuttuu kohdetta HTML hyvästellä. 443 00:21:45,600 --> 00:21:46,210 Mahtavaa. 444 00:21:46,210 --> 00:21:48,790 Se näyttää melko viileä. 445 00:21:48,790 --> 00:21:52,365 Ja nyt kun me virkistää sivu aiomme nähdä 446 00:21:52,365 --> 00:21:54,040 se hetkessä muuttuu hyvästit, eikö? 447 00:21:54,040 --> 00:21:55,910 Koska se ei odota mitään. 448 00:21:55,910 --> 00:21:59,200 Tavallaan heti, että kirjoitus kulkee se muuttuu sen hyvästit. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Joten nyt Katsotaanpa kääri että funktio. 451 00:22:03,790 --> 00:22:04,290 Oikea. 452 00:22:04,290 --> 00:22:06,270 Joten aiomme haluavat tehdä funktio. 453 00:22:06,270 --> 00:22:08,160 Me kutsumme sitä hyvästit. 454 00:22:08,160 --> 00:22:11,570 Joten toiminto hyvästit on vie mitään perusteluja 455 00:22:11,570 --> 00:22:14,170 ja se ei ole oikeastaan aio palata mitään. 456 00:22:14,170 --> 00:22:18,850 Ja se juuri menossa tehdä JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Erinomainen. 459 00:22:23,140 --> 00:22:27,000 Joten meidän toiminto hyvästi nyt muuttaa tekstin hyvästit, eikö? 460 00:22:27,000 --> 00:22:28,930 Joten tämä antaa meille tapa periaatteessa muutos 461 00:22:28,930 --> 00:22:32,871 että tekstin näkemiin aina soitimme että toiminto. 462 00:22:32,871 --> 00:22:33,370 Oikea? 463 00:22:33,370 --> 00:22:35,290 Joten tämä on aika siistiä. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: No, me voi myös vain varmistaa 465 00:22:37,430 --> 00:22:41,040 että nyt, koska emme soittamalla toiminto, jos me päivitä sivu, 466 00:22:41,040 --> 00:22:44,460 huomaa se ei tule Muuta tekstin. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimers: Erinomainen. 468 00:22:45,509 --> 00:22:47,800 Joten nyt aiomme aloittaa päästä että Leap jutut 469 00:22:47,800 --> 00:22:49,880 että puhuimme. 470 00:22:49,880 --> 00:22:52,240 Joten Armi, haluatko ota se tässä tai? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Joo. 472 00:22:52,640 --> 00:22:53,139 Toki. 473 00:22:53,139 --> 00:22:56,260 Olen luultavasti menossa tarvitse kaksinkertaistaa tarkistaa asioita, 474 00:22:56,260 --> 00:22:58,250 mutta esimerkiksi muistaa sanoimme halusimme 475 00:22:58,250 --> 00:23:02,627 varmistaa vaihtoehdoissa asetamme käyttöön eleet 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimers: Hyvä saalis. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: ollakseen totta. 478 00:23:06,250 --> 00:23:08,960 Ja sitten olimme suositella että te kaverit 479 00:23:08,960 --> 00:23:12,230 ajaa harppaus piste silmukka, joka kuten sanoimme aiemmin, 480 00:23:12,230 --> 00:23:18,140 on kaksi vaihtoehtoa, JSON esine, joka on vaihtoehtoja, miten haluat 481 00:23:18,140 --> 00:23:22,030 määrittää Leap Motion työtä, ja sitten toiminto, joka on 482 00:23:22,030 --> 00:23:27,640 menossa kiinni kehyksen soittopyynnön toiminta kuten Tomas sanoi. 483 00:23:27,640 --> 00:23:30,470 Ja sitten muokata mitä haluat tehdä tämän tehtävän. 484 00:23:30,470 --> 00:23:33,890 >> Joten me kulkea vaihtoehto ja nyt määrittelemme 485 00:23:33,890 --> 00:23:36,117 toiminto, joka vie kehyksessä. 486 00:23:36,117 --> 00:23:38,200 Ja nyt meidän on määriteltävä mitä tämä toiminto tekee. 487 00:23:38,200 --> 00:23:42,569 Se on myös vuoksi Tulevaisuudessa tehdä varmistaa. 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimers: Erinomainen. 489 00:23:43,610 --> 00:23:45,940 Joten nyt meillä on tämä harppaus dot loop-toiminto 490 00:23:45,940 --> 00:23:52,420 soita joka pohjimmiltaan sanoo katsella Leap näitä vaihtoehtoja ja joka kerta 491 00:23:52,420 --> 00:23:55,710 jotain muutoksia, kutsuvat tätä toiminto runko kaikki tiedot 492 00:23:55,710 --> 00:23:59,510 että olet tietoinen kehyksessä. 493 00:23:59,510 --> 00:24:01,320 Kuulostaa aika hyvältä. 494 00:24:01,320 --> 00:24:03,680 Joten nyt nopeasti järki tarkistaa, joka olen aina suositella, 495 00:24:03,680 --> 00:24:07,020 on, että vain laittaa konsoli piste hirsikehikon. 496 00:24:07,020 --> 00:24:10,320 Ja sitten Chrome avaa se ylös ja katso konsoli 497 00:24:10,320 --> 00:24:13,870 ja leikkiä Leap nähdä kehykset on kirjautunut koska tahdon 498 00:24:13,870 --> 00:24:16,300 saada käsityksen siitä, mitä tietoja sinulla on pääsy. 499 00:24:16,300 --> 00:24:20,680 Ja kuten aina, jos hämmentyä, etsiä API viittaus. 500 00:24:20,680 --> 00:24:23,430 Ja me sisältävät linkin varten, että lopussa tämän. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Joten me päivitä sivu ja sitten 502 00:24:26,300 --> 00:24:28,880 menemme ja avata konsoli uudelleen. 503 00:24:28,880 --> 00:24:33,590 Ja nyt huomaamme, että olemme ottaa kehykset hyväksyttiin, 504 00:24:33,590 --> 00:24:37,834 Näiden pikku esineet näimme aiemmin. 505 00:24:37,834 --> 00:24:38,690 Niin joo. 506 00:24:38,690 --> 00:24:42,870 Nämä ovat meidän kehykset näy konsoli. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Joten nyt olemme tarttui kehyksiä, kuten ehkä muistat aiemmin 509 00:24:46,970 --> 00:24:51,800 esimerkistä, että meillä oli, jos voimme tarkistaa rungon piste eleet 510 00:24:51,800 --> 00:24:56,270 saamme luettelon eleitä, jotka runko viimeksi kiinni. 511 00:24:56,270 --> 00:25:01,510 Voimme tarkistaa pituuden että array onko Leap kiinni mitään eleitä. 512 00:25:01,510 --> 00:25:05,010 Joten jos se joukko on suurempi kuin nolla sitten 513 00:25:05,010 --> 00:25:07,570 tiedämme, että meillä on joitakin juttuja tehdä. 514 00:25:07,570 --> 00:25:15,040 >> Joten kääri että vuonna jos ehto ja nyt täällä, mitä me tiedämme on meidän 515 00:25:15,040 --> 00:25:20,390 nähneet ele, katsotaanpa toimia sen. 516 00:25:20,390 --> 00:25:25,721 Joten nyt olemme täällä on ele tarkistaa. 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimers: No, ensimmäinen asia on se ei ole vain yksi ele, 518 00:25:28,470 --> 00:25:29,840 se voi olla niin monta eleitä. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Erittäin totta. 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimers: Niin kohti Classic C tyyli täällä 521 00:25:33,340 --> 00:25:36,334 me luultavasti halua käyttää silmukka. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Täällä ollaan sitten. 523 00:25:37,750 --> 00:25:42,870 Päätimme iteroida läpi eleet. 524 00:25:42,870 --> 00:25:46,412 Ja katsotaanpa. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 Ja nyt jos me ehkä tehty vain var ele on yhtä 527 00:25:56,150 --> 00:26:01,210 runko dot eleet kiinnike i, nyt meillä on 528 00:26:01,210 --> 00:26:06,260 ele itsessään, joka on vain yksi kertaalleen ele esine 529 00:26:06,260 --> 00:26:10,582 meille työskennellä sisäosat silmukan. 530 00:26:10,582 --> 00:26:12,869 Selvä. 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimers: Let järki tarkista täällä taas ja vain lohduttaa 532 00:26:15,410 --> 00:26:17,370 dot log ele, mitä saamme. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Console dot log ele. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Okie dokie. 536 00:26:23,780 --> 00:26:26,250 Ja päivittää vielä kerran. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Ja katsotaanpa yritä tehdä ele. 538 00:26:30,030 --> 00:26:34,600 Näet että joukko on, kun hän pyyhkäisee, 539 00:26:34,600 --> 00:26:39,780 saat kasan eleitä konsoli ja jos hän yrittää tehdä ympyrä, 540 00:26:39,780 --> 00:26:40,470 se just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Circles ovat vain todella mukavaa. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimers: Nyt on outo juttu täällä, joka on hän tekee yhden ympyrän, 543 00:26:45,000 --> 00:26:48,730 mutta tämä on kirjautumisen 80 eleitä, eikö? 544 00:26:48,730 --> 00:26:50,070 Se on paljon eleitä. 545 00:26:50,070 --> 00:26:53,560 Joten ensimmäinen sellainen asia ymmärtää, ja tämä voi olla hämmentävää, 546 00:26:53,560 --> 00:26:57,050 on, että ele ei ole vain kirjautuneena kerran. 547 00:26:57,050 --> 00:27:01,107 >> On jokaisen kehyksen, oikea, joten jos olen tekemässä ympyrä 548 00:27:01,107 --> 00:27:02,940 Leap havaitsee tämän on muutos, tästä 549 00:27:02,940 --> 00:27:04,398 on muutos, tästä on muutos. 550 00:27:04,398 --> 00:27:05,970 Ja se kirjaa jokaisen näistä. 551 00:27:05,970 --> 00:27:08,200 Mutta jokainen näistä, se tulee sanoa, oh, 552 00:27:08,200 --> 00:27:10,050 siellä ele parhaillaan käynnissä. 553 00:27:10,050 --> 00:27:14,260 Joten sanon vain, hei, siellä ele ja se on tällä hetkellä käynnissä. 554 00:27:14,260 --> 00:27:17,000 Joten mitä me emme halua tehdä, on sanoa, oh, jokaisen päälle 555 00:27:17,000 --> 00:27:19,370 näiden eleitä sinua haluat muuttaa tekstiä. 556 00:27:19,370 --> 00:27:23,660 Mitä me haluamme tehdä, on silloin, kun tätä elettä pysähtyy, ja voimme tarkistaa, että 557 00:27:23,660 --> 00:27:24,974 Sitten haluamme muuttaa tekstiä. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: mhmm. 559 00:27:25,890 --> 00:27:30,550 Joten kuten Tomas on selittää eleet 560 00:27:30,550 --> 00:27:33,580 saattaa näkyä läpi useita kehyksiä, mutta esimerkiksi, 561 00:27:33,580 --> 00:27:36,200 kun meillä oli että ympyrä, voimme nähdä 562 00:27:36,200 --> 00:27:40,140 että tunnus että yksi yksi ympyrä, että me 563 00:27:40,140 --> 00:27:43,950 ehkä yrittänyt loppuun oli sama tunnus kaikkialla. 564 00:27:43,950 --> 00:27:46,320 Ja itse asiassa, voit myös tutustu tilan. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 päivitetty. 567 00:27:50,270 --> 00:27:55,680 >> Ja sitten tämä on luultavasti viime ympyrä, että No, OK. 568 00:27:55,680 --> 00:28:00,480 Joten joskus se näyttää aseman pysähtymättä ele 569 00:28:00,480 --> 00:28:04,180 ja se näyttää myös tilan aloittaa uuden ele kun 570 00:28:04,180 --> 00:28:09,140 se tunnustaa varmasti, että olet aloittanut uuden ele. 571 00:28:09,140 --> 00:28:10,637 Esimerkiksi tässä tapauksessa. 572 00:28:10,637 --> 00:28:11,470 TOMAS Reimers: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Niin joo. 574 00:28:12,511 --> 00:28:14,420 Ja sitten, katsotaanpa. 575 00:28:14,420 --> 00:28:16,490 Voit myös huomata vaikka olimme tehden 576 00:28:16,490 --> 00:28:22,179 ympyrä ja ele on kenttä nimeltä tyyppi 577 00:28:22,179 --> 00:28:23,970 joka kertoo meille, millaisia ele, joka on. 578 00:28:23,970 --> 00:28:27,829 Niin, että voisi olla hyötyä meille yrität tehdä mitä teemme. 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimers: Niin siirryttäessä takaisin JS, 580 00:28:29,620 --> 00:28:31,696 Ensimmäinen asia, joka tapahtuu minulle myös, juuri luet tätä koodia 581 00:28:31,696 --> 00:28:34,340 on olemassa pieni optimointi, joka on oikeastaan 582 00:28:34,340 --> 00:28:35,980 ei tarvitse tätä, jos ehto, eikö? 583 00:28:35,980 --> 00:28:39,330 Koska jos runko piste eleitä piste pituus on nolla, että silmukan 584 00:28:39,330 --> 00:28:40,450 aio juosta muutenkin. 585 00:28:40,450 --> 00:28:43,100 Joten voimme aivan hyvin mennä eteenpäin ja päästä eroon siitä. 586 00:28:43,100 --> 00:28:46,620 Jälleen kun olet kirjoittamassa koodia on tärkeää palata ja lajitella 587 00:28:46,620 --> 00:28:50,330 of Refactor kuin huomaat, että olet olisi voinut tehdä jotain paremmin, 588 00:28:50,330 --> 00:28:53,370 tai että on olemassa toinen tapa tehdä se. 589 00:28:53,370 --> 00:28:57,170 Joten nyt olemme juuri menossa puhdista nopeasti ja myös siivoamaan koodin. 590 00:28:57,170 --> 00:28:58,310 Se on iso juttu. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Hyvä tyyli on erittäin arvostettu. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimers: Voit aina kun joku 593 00:29:01,828 --> 00:29:05,240 on koodi, jos siellä käytetään olla, jos kunnossa ja sitten ne poistetaan se, 594 00:29:05,240 --> 00:29:07,530 mutta ne eivät komnentit sitä. 595 00:29:07,530 --> 00:29:10,147 On hyvin ilmeistä ja se tavallaan näyttää ruma. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Mikä siis vieressä meidän tehdä luettelo? 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimers: Nyt sanomme siis, Oletan ensimmäinen asia haluamme tehdä 598 00:29:15,479 --> 00:29:17,970 on varmistaa, että ele n todella pyyhkäisemällä, eikö? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Joo. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimers: Eli jos sanomme, että meidän hyvästit on ikään kuin huitaista, 601 00:29:21,750 --> 00:29:25,280 menemme kanssa on huitaista, Ensimmäinen asia, joka meidän täytyy sanoa, hei, 602 00:29:25,280 --> 00:29:27,410 on ele kirjoittaa pyyhkäisemällä, eikö? 603 00:29:27,410 --> 00:29:30,860 Ei ympyrä tai ylhäältä, mutta on se huitaista? 604 00:29:30,860 --> 00:29:34,280 Joten miten voimme tehdä, että on voimme sanoa ele 605 00:29:34,280 --> 00:29:38,530 dot tyyppi yhdenvertaisen yhdenvertaisen huitaista merkkijonona. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [äänetön] ele dot tyyppi on yhtä on yhtä kuin pyyhkäisemällä. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Siellä olemme. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimers: Ja Sitten viimeinen kysymys 610 00:29:49,438 --> 00:29:53,170 haluamme on ele piste valtion yhdenvertaisen yhdenvertaisen pysäkki, eikö? 611 00:29:53,170 --> 00:29:55,860 Niin, että kun ele on pysäytetty. 612 00:29:55,860 --> 00:29:58,490 Olen itse ajatella pyyhkäisemällä, I tietävät tämän päältä pääni, 613 00:29:58,490 --> 00:30:00,340 mutta olet tervetullut etsiä sen, kun 614 00:30:00,340 --> 00:30:05,627 pyyhkäise joka kerta se rekisteröi sen kunnes lopetat on alku ele. 615 00:30:05,627 --> 00:30:07,460 Ja sitten viimeinen n vain pysäkki ele. 616 00:30:07,460 --> 00:30:11,090 Joten vain yksi pysäkki ele, joka on hyvä meille. 617 00:30:11,090 --> 00:30:17,180 Joten mitä voimme tehdä, on sanoa, jos ele piste kirjoita yhdenvertaisen yhdenvertaisen pyyhkäisyllä ja ele piste 618 00:30:17,180 --> 00:30:19,950 asemaan kuin yhdenvertaisen lopettaa, anna järki 619 00:30:19,950 --> 00:30:21,725 Tarkista tässä lohduttaa dot log ele. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Joten palaamme tänne. 622 00:30:30,790 --> 00:30:33,570 Me päivitä sivu. 623 00:30:33,570 --> 00:30:38,380 Ja nyt vain ajan jotain pitäisi olla konsoli dot kirjautuneena on, kun me pyyhkäisemällä. 624 00:30:38,380 --> 00:30:40,780 Ja yritämme pyyhkäisemällä ja näemme mitään. 625 00:30:40,780 --> 00:30:41,280 Oikea? 626 00:30:41,280 --> 00:30:43,990 Joten tämä on todella iso asia. 627 00:30:43,990 --> 00:30:47,560 Emme näe, mitä odotimme. 628 00:30:47,560 --> 00:30:49,356 Ja virheenkorjaus voi olla iso osa tätä. 629 00:30:49,356 --> 00:30:51,980 Joten ensimmäinen asia olemme menossa sanoa on, OK, katsotaanpa lohduttaa piste 630 00:30:51,980 --> 00:30:54,568 kirjaudu, jos ele piste kirjoita yhdenvertaisen yhdenvertaisen pyyhkäisemällä. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Joo, tehdään se. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimers: Olemme siis menossa takaisin tähän. 634 00:31:02,020 --> 00:31:03,140 Me virkistää. 635 00:31:03,140 --> 00:31:04,020 Me pyyhkäisemällä. 636 00:31:04,020 --> 00:31:05,150 Ja aiomme nähdä nippu niitä. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Niin selvästi ongelma oli meidän ele piste tila. 639 00:31:08,710 --> 00:31:14,000 Joten jos avaamme näistä jaamme katso esineitä ja näemme, 640 00:31:14,000 --> 00:31:18,700 hyvin, se pysähtyy, mutta, oi, sitä kutsutaan valtion, ei tila. 641 00:31:18,700 --> 00:31:21,890 Joten jos lähdemme takaisin meidän koodi voimme sanoa 642 00:31:21,890 --> 00:31:27,780 jos ele piste tyyppi yhdenvertaisen yhdenvertaisen pyyhkäisemällä ja ele piste valtion yhdenvertaisen yhdenvertaisen pysäkki, 643 00:31:27,780 --> 00:31:29,160 sitten me lohduttaa dot log sitä. 644 00:31:29,160 --> 00:31:30,940 Ja niin virkistää. 645 00:31:30,940 --> 00:31:31,856 Me pyyhkäisemällä. 646 00:31:31,856 --> 00:31:33,730 Ja näemme, että jokainen pyyhkäisy, olemme vain 647 00:31:33,730 --> 00:31:36,247 saada yksi, joka on pää, joka on suuri, oikea? 648 00:31:36,247 --> 00:31:37,080 Sitähän me haluamme. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Jep. 650 00:31:37,955 --> 00:31:42,640 Ja voimme myös huomata, että tunnukset jokainen näistä eleet ovat erillisiä. 651 00:31:42,640 --> 00:31:47,470 Niin kuin Tomas sanoi, koska olemme pyydystämiseen tämä yksi stop tilassa, että 652 00:31:47,470 --> 00:31:52,850 olemassa lopussa huitaista, olemme saada yksittäisiä erillisiä eleet 653 00:31:52,850 --> 00:31:54,441 alkaen Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Suuri. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS Reimers: Mennään eteenpäin ja vain tehdä lopullinen asia, joka on, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Hyvästi. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS Reimers: Mahtavaa. 659 00:32:06,425 --> 00:32:08,925 Ja nyt Katsotaanpa tutustu verkkosivuilla. 660 00:32:08,925 --> 00:32:09,425 Yksi 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Toinen. 662 00:32:09,730 --> 00:32:11,271 Emme, joo, me ei kutsua sitä Hyvästi. 663 00:32:11,271 --> 00:32:11,920 Suuri. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimers: Ei, Goodbye on todellinen funktio. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Joo. 666 00:32:14,406 --> 00:32:15,670 Mennään vain. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimers: Ja kun me hyvästit, se sanoo hyvästit. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Meillä on voitto. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimers: Eli melko jännittäviä juttuja. 670 00:32:25,632 --> 00:32:28,590 Toivottavasti voit rakentaa jotain muuta, mutta saat ajatus, eikö? 671 00:32:28,590 --> 00:32:30,260 Voit tunnistaa eleitä. 672 00:32:30,260 --> 00:32:31,469 Voit soittaa toimintoja. 673 00:32:31,469 --> 00:32:34,510 Ja siitä, että todella antaa sinulle joitakin hyvin perustavaa laatua rakennuspalikoita 674 00:32:34,510 --> 00:32:38,800 sanoa, oh, ehkä kun he pyyhkäisemällä ylös, koska voit myös havaita asioita 675 00:32:38,800 --> 00:32:39,674 kuten suuntaan. 676 00:32:39,674 --> 00:32:40,840 Haluan heidän tehdä jotain. 677 00:32:40,840 --> 00:32:43,470 Tai kun he Pyyhkäise oikealle, minä haluat heidän tekevän jotain. 678 00:32:43,470 --> 00:32:45,880 Ja me voimme alkaa saada luovasti miten tarkalleen 679 00:32:45,880 --> 00:32:48,840 aiomme parantaa sivuston Käyttämällä näitä pyyhkäisemällä eleet tai ympyrä 680 00:32:48,840 --> 00:32:53,695 eleet, tai kosketa eleet, joko avain hanat tai ruutukosketukset. 681 00:32:53,695 --> 00:32:56,070 Ja sitten muuta kuin, että olet enemmän kuin tervetulleita pelaamaan 682 00:32:56,070 --> 00:32:59,640 varsinaisen datan, mutta jos haluat tehdä 683 00:32:59,640 --> 00:33:03,870 että ehdotamme menet docs koska he todella todella hyvä. 684 00:33:03,870 --> 00:33:05,034 Joten suuntasi docs nyt. 685 00:33:05,034 --> 00:33:06,450 Vai haluatko puhua siitä? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Joo. 687 00:33:06,940 --> 00:33:07,920 Mennään vain. 688 00:33:07,920 --> 00:33:13,680 Myös yksi muu makupala neuvoja, älä yritä ajatella tätä 3D. 689 00:33:13,680 --> 00:33:22,611 Joten oikeastaan ​​katsotaanpa vetää nuo eleet vielä kerran konsoli dot log ele 690 00:33:22,611 --> 00:33:24,290 ja me teemme sen. 691 00:33:24,290 --> 00:33:29,460 Tule takaisin ja nyt yritetään pari näitä, pari niistä. 692 00:33:29,460 --> 00:33:32,940 >> Jos menemme ja tutustu eleet samoin 693 00:33:32,940 --> 00:33:36,830 kuten näette, että he dimensionality 694 00:33:36,830 --> 00:33:38,980 on kolmeen suuntaan, todella. 695 00:33:38,980 --> 00:33:42,500 Joten älä vain rajoittaa itse 2D-näyttö 696 00:33:42,500 --> 00:33:45,200 vaikka saatat olla 2D verkkosivuilla. 697 00:33:45,200 --> 00:33:49,152 Voit kokeilla ja miettiä, miten käyttäjä voisi vuorovaikutuksessa verkkosivuilla 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS Reimers: In 3D-tilassa. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Aivan. 700 00:33:51,401 --> 00:33:52,310 Ja joo. 701 00:33:52,310 --> 00:33:55,350 Joten saat ohjeet, nopeudet, kaikki nämä hienoja bittiä tietoa. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimers: Ja jos et ole tuntee, että se menee x, y, 703 00:33:58,890 --> 00:34:01,566 ja sitten z on tämä viimeinen ulottuvuus. 704 00:34:01,566 --> 00:34:04,690 Vain mikä luultavasti olet perehtynyt jos olet käsitellyt 3D 705 00:34:04,690 --> 00:34:05,731 koordinoida lentokoneita ennen. 706 00:34:05,731 --> 00:34:09,565 Jos et ole, se on sama kuin 2D yksi paitsi siellä kolmannen ulottuvuuden. 707 00:34:09,565 --> 00:34:11,420 Me kutsumme sitä z. 708 00:34:11,420 --> 00:34:16,449 Ja kaikki, tavallaan kuin suuntaan, mikä on kun se on menossa, 709 00:34:16,449 --> 00:34:19,810 position-- Mielestäni se voisi jopa altista kiihtyvyys, en ole varma. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Joo, uskon. 711 00:34:21,341 --> 00:34:22,340 Se varmasti on nopeus. 712 00:34:22,340 --> 00:34:25,699 En oikeastaan ​​ole 100% varma kiihtyvyys. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimers: Se voi olla vaihtoehto voit välittää jotain. 714 00:34:28,810 --> 00:34:33,409 Joten asema ja nopeus ovat alttiina Näissä tavallaan kolme koordinaatit. 715 00:34:33,409 --> 00:34:38,812 Joten x, y, z tai delta x, delta y, delta z. 716 00:34:38,812 --> 00:34:44,130 Joten nyt suuntasi asiakirjat se developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 ja sitten voit valita Documentation. 718 00:34:46,460 --> 00:34:50,010 Jälleen Leap Motion on kaikki nämä ihana API, yksi JavaScript, 719 00:34:50,010 --> 00:34:53,750 yksi C Sharp ja Unity, yksi C ++, yksi Java, yksi Python, 720 00:34:53,750 --> 00:34:59,020 ja yksi tavoite C. Olen henkilökohtaisesti nostaisi sinua kohti JavaScript 721 00:34:59,020 --> 00:35:01,280 tai jos haluat oppia uusi kieli, kokeile Python. 722 00:35:01,280 --> 00:35:05,910 Molemmat näistä kielistä olen työskennellyt ennen ja he todella helppo oppia 723 00:35:05,910 --> 00:35:10,250 ja tiedät jo JavaScript, joka tekee todella hyvää haastaja. 724 00:35:10,250 --> 00:35:12,930 >> Yksi varoituksen sana kun annat docs. 725 00:35:12,930 --> 00:35:15,940 Varmista olet Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Koska jos olet versio yksi, se ei toimi. 727 00:35:20,250 --> 00:35:21,830 Myös esimerkiksi galleria. 728 00:35:21,830 --> 00:35:25,100 Vietimme hyvä 30 minuuttia yrittää debug meidän Leap 729 00:35:25,100 --> 00:35:28,640 ennen huomasimme, että V1 ei toimi V2. 730 00:35:28,640 --> 00:35:31,660 Joten varmista, että olet versio kaksi. 731 00:35:31,660 --> 00:35:33,904 Ja sitten annan hänen näyttää docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Joo. 733 00:35:34,820 --> 00:35:39,480 Joten tässä API yleiskatsaus ja sitten jotkut palasia tiedot 734 00:35:39,480 --> 00:35:41,420 että olemme jo määrännyt. 735 00:35:41,420 --> 00:35:44,270 Mukava pikku Floating hands yläpuolella Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Ja muistutus ajatella noin tilaa 3D. 737 00:35:47,850 --> 00:35:53,140 Yksi ensimmäisistä esineiden ajatella kanssa Leap Motion ovat käsissä, tietenkin. 738 00:35:53,140 --> 00:35:57,060 Näimme hyväksytyille jonka Visualizer. 739 00:35:57,060 --> 00:35:59,180 Ja sitten saatat olla nähdä, että se tunnustetaan 740 00:35:59,180 --> 00:36:03,202 osa ranteen ja varsi liittyy siihen. 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimers: Jos haluat vetää Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Joo, Tehdään se uudestaan. 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimers: Näet aina vain hyvä muistutus tavallaan nähdä, 744 00:36:10,148 --> 00:36:14,060 Visualizer yrittää näyttää kaikki tiedot, jotka Leap näkee. 745 00:36:14,060 --> 00:36:17,606 Joten näet, että meillä on nämä tavallaan neljä pistettä 746 00:36:17,606 --> 00:36:19,230 ranteesta ja sitten todellinen ranne. 747 00:36:19,230 --> 00:36:21,625 Ja sinulla on myös tämä pallo palmu. 748 00:36:21,625 --> 00:36:24,000 Kaikki nämä ovat pisteiden tunnustavat tunnustanut harppaus. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Aivan. 750 00:36:25,041 --> 00:36:32,300 Ja niin sillä kädellä esine jokainen kehys on käsi array 751 00:36:32,300 --> 00:36:36,470 samoin, jossa voit myös saada vasen ja oikea käsi. 752 00:36:36,470 --> 00:36:39,410 Saat joka suuntaan kädet ovat 753 00:36:39,410 --> 00:36:42,410 päin normaalia suuntaan kämmen, 754 00:36:42,410 --> 00:36:45,470 tai kuten he sitä kutsuvat kämmen normaalia. 755 00:36:45,470 --> 00:36:46,510 Mitä muuta meillä on? 756 00:36:46,510 --> 00:36:48,120 Olemme myös, oho. 757 00:36:48,120 --> 00:36:50,640 Kokeillaan ja selaa tällä tavalla. 758 00:36:50,640 --> 00:36:54,410 Käsivarret, sormet ovat edustaa sormen 759 00:36:54,410 --> 00:36:57,890 luokka, joka on suunnattavat esine. 760 00:36:57,890 --> 00:37:01,420 Joten kuten sanoimme, näimme, että joukko pointables jokaisen käden. 761 00:37:01,420 --> 00:37:04,240 Ne ovat hieman sormet ajatella. 762 00:37:04,240 --> 00:37:09,809 Joten tämä on hyvä yleiskuva mennä kautta yrittää ymmärtää. 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimers: [äänetön] käsi anatomia siellä. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Joo, täsmälleen. 765 00:37:13,680 --> 00:37:14,220 Niin joo. 766 00:37:14,220 --> 00:37:18,150 Siellä on paljon raakadatan että Leap Motion vie tulkitsee hyvin 767 00:37:18,150 --> 00:37:20,750 sinulle, niin se on hyvä idea mennä läpi täällä 768 00:37:20,750 --> 00:37:25,300 ja yrittää selvittää, miten Leap on jo tajunnut asioita sinulle 769 00:37:25,300 --> 00:37:28,830 ja niin, mitä tietoja on saatavissa sieltä. 770 00:37:28,830 --> 00:37:33,150 Ja sitten sieltä Voisin suositella menee tämä vasemman puoleinen tänne, 771 00:37:33,150 --> 00:37:39,210 joka menee hyvin oikeastaan ​​mitään, ne ovat oikeastaan ​​vain lisää API tavaraa about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimers: API viittaus pohja on yleensä hyvä paikka mennä. 773 00:37:42,670 --> 00:37:45,720 Te varmaan näki tämän, kun teimme Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Mutta viittaus todella vain menee läpi kaikki 775 00:37:48,590 --> 00:37:54,540 toiminnot ja parametrit käytettävissä objekti sinulle. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Joo. 777 00:37:55,500 --> 00:37:57,740 Esimerkiksi, tämä on mitä Etsin ennen. 778 00:37:57,740 --> 00:38:01,030 Kun meillä on käsi me voi mennä ja selvittää 779 00:38:01,030 --> 00:38:03,750 miten Leap suosittelee meille löytää käden. 780 00:38:03,750 --> 00:38:06,080 Kuten sanoin aiemmin, meillä on käsissä joukko. 781 00:38:06,080 --> 00:38:10,340 Selvitä, jos meillä on käsissä ja sitten yrittää napata yhden käden 782 00:38:10,340 --> 00:38:12,410 vuorovaikutuksessa tällä tavoin. 783 00:38:12,410 --> 00:38:16,540 Niin, että mitä me Suosittelen teitä. 784 00:38:16,540 --> 00:38:18,400 Eleet ja tavaraa samoin. 785 00:38:18,400 --> 00:38:23,857 Tämä API dokumentaatio on menossa olla loistava työkalu teitä. 786 00:38:23,857 --> 00:38:25,440 Onko teillä muita suosituksia? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimers: En. 788 00:38:26,398 --> 00:38:27,590 Minusta se on hyvä nyt. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Joo, Luulen niin samoin. 790 00:38:29,340 --> 00:38:33,330 Voit vapaasti lähettää meille sähköpostia ja saada yhteyttä noin Leap Motion 791 00:38:33,330 --> 00:38:36,210 jos sinulla on ehkä mitään ongelmia tai tarvitset suosituksia. 792 00:38:36,210 --> 00:38:40,310 Ja voimme yrittää selvittää juttuja ulos te samoin. 793 00:38:40,310 --> 00:38:40,810 Kiitos. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS Reimers: Suuri. 795 00:38:42,360 --> 00:38:42,880