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 Torej, hi, vsi. 4 00:00:13,230 --> 00:00:14,300 Moje ime je Tomas. 5 00:00:14,300 --> 00:00:15,744 Sem TF in to je 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Lepo vas je videti fantje. 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 Torej bomo govorili O Leap Motion danes. 10 00:00:20,740 --> 00:00:22,800 Torej Leap Motion je res super izdelek, ki 11 00:00:22,800 --> 00:00:25,900 vam omogoča interakcijo z Računalnik na drugačen način. 12 00:00:25,900 --> 00:00:28,560 Torej celotna ideja preskok motion je, da vas 13 00:00:28,560 --> 00:00:31,430 Lahko uporabite svoje roke interakcijo z računalnikom. 14 00:00:31,430 --> 00:00:33,610 Torej, tukaj imam nekaj ustanoviti. 15 00:00:33,610 --> 00:00:34,790 Jaz bom govoril o tem v bit. 16 00:00:34,790 --> 00:00:37,540 Vendar je osnovna različica je lahko vidim, da imam moje roke spredaj 17 00:00:37,540 --> 00:00:42,840 moj računalnik in ko sem jih premakniti, dobiš analogne na računalniku 18 00:00:42,840 --> 00:00:44,170 in to lahko analizirate. 19 00:00:44,170 --> 00:00:46,230 Lahko naredite kretnje. 20 00:00:46,230 --> 00:00:49,176 Lahko uporabite svoje roke interakcijo z računalnikom 21 00:00:49,176 --> 00:00:50,300 v novem in zanimiv način. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> No, dejansko sem prvič želijo prenesti off Armi 24 00:00:57,520 --> 00:01:00,400 da vam pokažem nekaj kul demos kaj nekateri ljudje so naredili s tem. 25 00:01:00,400 --> 00:01:02,816 In potem bomo govorili o tem, kako ste dejansko kodo s tem. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Ja. 27 00:01:04,800 --> 00:01:05,300 Pozdravljeni. 28 00:01:05,300 --> 00:01:08,870 Torej, kot smo videli, le malo Podatki so tukaj, ampak poglejmo, 29 00:01:08,870 --> 00:01:11,680 kar so nekateri ljudje naredili s tem. 30 00:01:11,680 --> 00:01:15,130 Zato mi dovolite, samo odpreti ta primer. 31 00:01:15,130 --> 00:01:20,770 In potem, da, na primer, lahko vidite moja roka analogni tam, zdaj pa je ta čas 32 00:01:20,770 --> 00:01:26,680 nekateri ljudje uporabljajo Unity imajo odločil, da bo malo več kože 33 00:01:26,680 --> 00:01:28,670 in stvari okoli roke. 34 00:01:28,670 --> 00:01:35,900 Tako sem lahko, pojdimo s to eno, prepričan, imajo moje roke interakciji. 35 00:01:35,900 --> 00:01:41,050 In si verjetno lahko predstavljate nekaj drugih kul koristnih stvari 36 00:01:41,050 --> 00:01:42,840 da lahko narediš s tem. 37 00:01:42,840 --> 00:01:45,530 Torej je to vsaj en primer. 38 00:01:45,530 --> 00:01:48,910 In potem pa skoči ven iz tega. 39 00:01:48,910 --> 00:01:56,590 >> In potem še en kul je, pojdimo s tem. 40 00:01:56,590 --> 00:01:58,390 Plasmo žogo. 41 00:01:58,390 --> 00:02:03,510 Še enkrat, ne bi nujno pričakujejo to raven zahtevnosti 42 00:02:03,510 --> 00:02:06,450 iz končnega projekta za CS50. 43 00:02:06,450 --> 00:02:10,029 To je samo, da ti pokažem nekaj, da vam fantje 44 00:02:10,029 --> 00:02:14,570 malo navdih za kaj vi lahko storite z Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Tako, na primer, tukaj je kul primer fizike, ki tam gremo. 46 00:02:20,500 --> 00:02:24,305 Ima tako mojih rokah, tako zdaj ima to malo plazme žogo. 47 00:02:24,305 --> 00:02:31,030 In žoga se odziva na fiziko mene premika roko okoli žogo. 48 00:02:31,030 --> 00:02:36,920 Zdaj je to vse, čeprav s pomočjo enotnosti, uporabo vrste orodij in okvirov 49 00:02:36,920 --> 00:02:39,510 da nismo učil fantje v razredu, 50 00:02:39,510 --> 00:02:46,590 ampak kot lahko vidite nekaj zelo cool run kanale s tem. 51 00:02:46,590 --> 00:02:51,750 >> Ampak ena stvar, ki lahko vi storite speljevanju zdaj z Leap Motion 52 00:02:51,750 --> 00:02:53,260 je delo v JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Predlog ima JavaScript API, vidva lahko uporabite in smo zelo, zelo 54 00:02:58,960 --> 00:03:02,040 Priporočamo, da vidva graditi vaši projekti uporabljajo, da. 55 00:03:02,040 --> 00:03:04,350 Torej, s tem, kaj me dajati nazaj off Tomas 56 00:03:04,350 --> 00:03:06,582 govoriti o Leap Predlog in JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Ali hočeš pokazati jim Visualizer prvi? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh ja. 60 00:03:09,670 --> 00:03:10,170 Da. 61 00:03:10,170 --> 00:03:11,900 Spregovorimo več o tem Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimers: Torej na najbolj osnovna stopnjo, ko ste prvič prišli do Leap Motion 63 00:03:14,983 --> 00:03:16,940 boste morali to polje. 64 00:03:16,940 --> 00:03:18,330 Tukaj, želiš, da prevzame nadzor? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Ja, gre za to. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimers: Torej, ko vas najprej priti do Leap Motion 67 00:03:20,530 --> 00:03:21,780 boste morali to polje. 68 00:03:21,780 --> 00:03:24,460 To je naprava, ki izgleda nekako takole. 69 00:03:24,460 --> 00:03:28,990 Lahko ga priključite na računalnik, namestitev potrebnih gonilnikov, 70 00:03:28,990 --> 00:03:30,950 nato pa bo v bistvu se ustanovi. 71 00:03:30,950 --> 00:03:34,160 Torej je najlažji način, da razvrstite od dogovora z Leap Motion 72 00:03:34,160 --> 00:03:39,240 se ta program odprl pa namesti imenuje Leap Motion Visualizerja. 73 00:03:39,240 --> 00:03:41,490 In Visualizer je dobesedno kaj sem tukaj pokazal. 74 00:03:41,490 --> 00:03:45,340 To vam omogoča, da vidite, skeletne oris vaših rokah. 75 00:03:45,340 --> 00:03:49,940 In kaj Leap Predlog se jih interpretirajo. 76 00:03:49,940 --> 00:03:53,750 Torej Leap Motion uporablja kamero razvrstiti od pogled na vaše roke 77 00:03:53,750 --> 00:03:59,176 potem pa poskuša uganiti, kaj je osnovno skeletno sestavo, ki vas 78 00:03:59,176 --> 00:04:00,460 videli na zaslon. 79 00:04:00,460 --> 00:04:01,669 In to je tisto, kar se vam pokaže. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Vsak single malo točka 81 00:04:03,418 --> 00:04:06,580 in stvar, ki jo vidite, da je podatkov, ki je na voljo za vaju 82 00:04:06,580 --> 00:04:07,270 kot tudi za uporabo. 83 00:04:07,270 --> 00:04:09,670 Torej vidite, da je zajemanje ki Tomas 84 00:04:09,670 --> 00:04:12,160 Ima pet prstov, vsaka od ti različni prsti 85 00:04:12,160 --> 00:04:17,110 so na voljo tudi za vas, saj podatki Točke za uporabo v kakršnikoli vlogi 86 00:04:17,110 --> 00:04:18,256 da boste morda želeli. 87 00:04:18,256 --> 00:04:20,339 Če želite, da vidim, če nekdo počne thumbs up 88 00:04:20,339 --> 00:04:23,860 lahko vidite, če prste so zvite in ali oni 89 00:04:23,860 --> 00:04:25,850 palec prstom kaže navzgor, ali kadar 90 00:04:25,850 --> 00:04:30,037 njihova zapestje ali palm je in da je vrsta stvari. 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Tako si lahko ogledate nekaj kretenj je razume bolje kot drugi. 93 00:04:35,186 --> 00:04:38,310 Ne pozabite, da je videti na vaš z od na kamero od spodaj, 94 00:04:38,310 --> 00:04:41,630 tako da, če imate roke, kot so ta pa jih razume v celoti, 95 00:04:41,630 --> 00:04:44,509 ampak ko enkrat začnete poskusiti in narediti thumbs up, včasih pa ga prebere, 96 00:04:44,509 --> 00:04:47,550 včasih lahko uganiti, ampak pošteno Kamera samo ne more videti palec. 97 00:04:47,550 --> 00:04:49,810 Tako da to ni res vem, kaj se dogaja. 98 00:04:49,810 --> 00:04:54,910 Le nekatere omejitve, ki vodijo v mislih ko ste v razvoju s tem. 99 00:04:54,910 --> 00:04:56,540 >> Kakorkoli že, tako da gredo nazaj v to. 100 00:04:56,540 --> 00:04:59,040 Visualizer dejansko Ima veliko uporabnih orodij. 101 00:04:59,040 --> 00:05:01,780 Torej Leap Motion je programiran tako, 102 00:05:01,780 --> 00:05:04,280 da ti ne pričakujejo, da bodo interakcijo z slikovnih podatkov. 103 00:05:04,280 --> 00:05:06,230 Ti res ne Pričakujem, da boste razumeli 104 00:05:06,230 --> 00:05:08,060 kaj se dogaja v zakulisju. 105 00:05:08,060 --> 00:05:11,620 Kaj ti je izpostaviti kup API za vas 106 00:05:11,620 --> 00:05:13,420 tako, da lahko interakcijo s tem podatki 107 00:05:13,420 --> 00:05:18,400 neposredno, brez razumevanja kaj se dogaja pod pokrovom. 108 00:05:18,400 --> 00:05:27,790 >> Torej, če smo zadeti H tukaj v Visualizer boste videli veliko možnosti. 109 00:05:27,790 --> 00:05:35,450 Pomembno ena tu, čeprav je, če ste zadeli O in nato pritisnite H, 110 00:05:35,450 --> 00:05:38,080 boste videli, da ji vam omogoča, da pripravi kretnje. 111 00:05:38,080 --> 00:05:43,380 Torej gesta, boste videli, črpa puščico čez. 112 00:05:43,380 --> 00:05:47,010 Gesta, je eden od načinov, ki Leap Predlog nekako vam omogoča, da bi dobili na podatkih 113 00:05:47,010 --> 00:05:48,462 ne da obdelati. 114 00:05:48,462 --> 00:05:51,170 Torej, namesto da me potrebuje, da ugotovimo ven, oh, roka je bila premika, 115 00:05:51,170 --> 00:05:54,970 tudi če imam točko dostopa, je API bo nekako mi samo povej, 116 00:05:54,970 --> 00:05:56,380 hej, so naredili to potezo. 117 00:05:56,380 --> 00:05:58,920 Tako da lahko osnovne puščicami kretnje. 118 00:05:58,920 --> 00:06:00,590 Lahko naredite krog kretnje. 119 00:06:00,590 --> 00:06:03,530 Lahko, da se dotaknete kretnje. 120 00:06:03,530 --> 00:06:07,630 In lahko sprejemajo ključne tiskovne kretnje. 121 00:06:07,630 --> 00:06:09,394 Ja. 122 00:06:09,394 --> 00:06:10,800 In da je vrsta stvari. 123 00:06:10,800 --> 00:06:14,370 Torej sedaj, da smo jih nekako videl, kaj lahko storite, Leap Predlog, 124 00:06:14,370 --> 00:06:17,792 lahko vidite, da je mogoče prebrati cel kup kretenj. 125 00:06:17,792 --> 00:06:19,500 Mislim, da bom preide nazaj v Armi 126 00:06:19,500 --> 00:06:22,300 in on se dogaja, da se govori o tem, kako dobite pri teh z JavaScript, 127 00:06:22,300 --> 00:06:24,520 Kako ste sploh začeli projekt s tem. 128 00:06:24,520 --> 00:06:27,724 In potem bomo govorili o nekaterih cool mesta lahko greš s tem. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Ja. 130 00:06:28,640 --> 00:06:29,300 Sliši se dobro. 131 00:06:29,300 --> 00:06:31,950 Torej, ja, zelo prva stvar, ki smo bodo želeli, da narediš seveda, 132 00:06:31,950 --> 00:06:37,170 je po tem, ko ste dobili skok Predlog je, da pojdite na leapmotion.com, ustanovljenega, namestite 133 00:06:37,170 --> 00:06:38,420 vozniki in stvari. 134 00:06:38,420 --> 00:06:42,520 Po tem, da lahko gredo se prepričajte, da je to povezano. 135 00:06:42,520 --> 00:06:46,910 Če vidite v svoj mali pladenj Leap icon Predlog in to je zelena, 136 00:06:46,910 --> 00:06:48,640 potem veste, da ste vse set. 137 00:06:48,640 --> 00:06:53,710 In seveda preverite, kaj Tomas samo ti so pokazali, z gestami 138 00:06:53,710 --> 00:06:59,320 in delaš pipe zaslon in Ključne pipe, in da vrsta stvari. 139 00:06:59,320 --> 00:07:02,180 >> Po tem, čeprav mi, še enkrat, kot sem rekel, 140 00:07:02,180 --> 00:07:06,530 imamo dostop do vseh teh stvari v JavaScriptu, kot tudi. 141 00:07:06,530 --> 00:07:09,020 Idealen ustanovi, ki mi bi vam priporočam 142 00:07:09,020 --> 00:07:16,440 Fantje, je, da gredo v vaš vhost imenik, lokalnega gostitelja, 143 00:07:16,440 --> 00:07:19,340 javno v vašem CS50 aparata. 144 00:07:19,340 --> 00:07:24,790 In ko greš tja, kaj boste videti je indeks pika HTML datoteke. 145 00:07:24,790 --> 00:07:28,180 Zdaj, indeks dot HTML datoteko ali index dot 146 00:07:28,180 --> 00:07:32,740 PHP datoteke, kar je v redu, kaj lahko naredite 147 00:07:32,740 --> 00:07:35,150 je iti v svojem glavnem operacijskem sistemu. 148 00:07:35,150 --> 00:07:38,650 In če greš na IP naslov ki je naveden v spodnjem desnem kotu 149 00:07:38,650 --> 00:07:45,180 kotiček vašega aparata tukaj, Kot lahko vidite, kaj se zgodi potem 150 00:07:45,180 --> 00:07:51,240 se greš na stran, ki je se sklicujejo na ta indeks dot datoteko HTML. 151 00:07:51,240 --> 00:07:56,610 Torej vse kode, ki jih lahko dal v tam dobi poslal in je uporabna tukaj. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimers: Torej je tudi pomembna samo za referenco 153 00:07:58,960 --> 00:08:06,554 da če vidva dejansko vedeti kako vzpostaviti strežniku sebe, 154 00:08:06,554 --> 00:08:09,720 ali želite, da bi to na svetovnem web, ste dobrodošli, da storiti karkoli. 155 00:08:09,720 --> 00:08:11,594 Ne pozabite, da so ti le datoteke JavaScript 156 00:08:11,594 --> 00:08:14,250 in vse obdelave Leap se izvaja na odjemalcu. 157 00:08:14,250 --> 00:08:16,510 Tako da ne res pomembno če vaš strežnik življenje 158 00:08:16,510 --> 00:08:19,660 dokler računalnika si ogledujete spletno stran na 159 00:08:19,660 --> 00:08:22,024 je Leap Predlog nameščen. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolutno. 161 00:08:23,190 --> 00:08:25,680 Tako kot Tomas rekel, ja, karkoli dela za vas. 162 00:08:25,680 --> 00:08:28,570 To je le eden od naših priporočil. 163 00:08:28,570 --> 00:08:31,660 Zdaj, da začnete uporabljati Leap Predlog, kaj bi storili, 164 00:08:31,660 --> 00:08:36,640 se bi uvozite JavaScript datoteko iz Leap Motion. 165 00:08:36,640 --> 00:08:39,610 In potem od tam kaj lahko storite, je, zdaj 166 00:08:39,610 --> 00:08:44,250 Imam samo ta odstavek tag ustanovljen z ID besedila. 167 00:08:44,250 --> 00:08:48,690 Stvari, ki bi jih priporočamo so možnosti nastavitev regulatorja 168 00:08:48,690 --> 00:08:52,012 za Leap Motion s omogočajo, kretnje, da bi bilo res. 169 00:08:52,012 --> 00:08:53,970 Torej, tisti, ki ga privzeto kretnje, ki smo vam pokazali 170 00:08:53,970 --> 00:08:57,010 fantje, krog, in Ključni pipe, in swipes, 171 00:08:57,010 --> 00:09:00,330 tisti, ki niso prikazani na vidva privzeto. 172 00:09:00,330 --> 00:09:04,450 Ampak močno priporočam uporabo tistih, tako da vam ne izumljanju kolesa. 173 00:09:04,450 --> 00:09:09,489 Omogočiti tistim, ki res, mimo tistih, Možnosti krmilnik za skok dot zanko 174 00:09:09,489 --> 00:09:10,530 in ste pripravljeni iti. 175 00:09:10,530 --> 00:09:13,270 Ker potem boste morali opredelil anonimno funkcijo 176 00:09:13,270 --> 00:09:16,910 da bo v Okvir iz Leap Motion 177 00:09:16,910 --> 00:09:21,150 in da okvir ima vse informacije, ki jih boste potrebovali. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimers: Torej, samo da bi Rekapitulacija, imaš en predmet. 179 00:09:25,310 --> 00:09:28,250 Imate to funkcijo imenovano prestopno dot zanka. 180 00:09:28,250 --> 00:09:30,460 In jo pokličite s dva argumenta. 181 00:09:30,460 --> 00:09:33,134 Lahko ga imenujemo z eno, možnosti krmilnik. 182 00:09:33,134 --> 00:09:35,300 In obstaja veliko možnosti, ki jih lahko dal noter. 183 00:09:35,300 --> 00:09:38,170 Eden bomo poudariti je omogočiti kretnje. 184 00:09:38,170 --> 00:09:41,230 In če ste nastavili to enako res, potem lahko dobite dostop na tej gestami 185 00:09:41,230 --> 00:09:42,940 da vam bomo pokazali, v Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> In potem drugi argument je funkcija, to je nekako kot klic nazaj 187 00:09:47,500 --> 00:09:53,010 ki se bo imenovala vsaka Čas vsak okvir Leap, 188 00:09:53,010 --> 00:09:57,340 tako da vsakič, ko registri prestopnih da roko poteza, da ima nov okvir. 189 00:09:57,340 --> 00:10:02,130 In ga poziva, naj to funkcijo z enim trditev, ki je predmet okvir. 190 00:10:02,130 --> 00:10:05,909 In da okvir objekt opisuje Okvir preskoku vidi. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Točno tako. 192 00:10:06,950 --> 00:10:10,450 Torej, ta vsebuje vse koristne bitov in kosov informacij 193 00:10:10,450 --> 00:10:12,550 da smo govorili prej. 194 00:10:12,550 --> 00:10:18,010 Preverjanje dot geste okvirja je nabor gest 195 00:10:18,010 --> 00:10:23,680 da je ulovilo preskok motion vaš roke delaš v zadnjem okvirju. 196 00:10:23,680 --> 00:10:26,470 Tako, na primer, kaj smo delaš tukaj se bomo preverjanje, 197 00:10:26,470 --> 00:10:31,820 hej, Leap, v tem zadnjem okvirju storil ste ujeti nobene kretnje, ki sem storil? 198 00:10:31,820 --> 00:10:36,350 Če in kaj smo se odločili narediti Ponovil je s temi gestami 199 00:10:36,350 --> 00:10:39,760 in poskusite in dobili nekaj koristnih informacije od njih. 200 00:10:39,760 --> 00:10:44,290 Vsaka poteza ima edinstveno ID povezana z njim. 201 00:10:44,290 --> 00:10:46,280 Imajo vrst. 202 00:10:46,280 --> 00:10:50,220 Si lahko ogledate na katerih prstih so bili vključeni v kretnje 203 00:10:50,220 --> 00:10:52,770 s preverjanjem ta pointable stvari. 204 00:10:52,770 --> 00:10:56,490 Torej, če, ko greš skozi Leap Predlog JavaScript API stvari, 205 00:10:56,490 --> 00:10:59,630 ko se omenja pointables, ti govoriš o teh prstov. 206 00:10:59,630 --> 00:11:04,480 In potem roke so, seveda, Celoten objekt z. 207 00:11:04,480 --> 00:11:05,210 >> Kaj drugega? 208 00:11:05,210 --> 00:11:08,630 Preverite lahko, kako dolgo motion šel na 209 00:11:08,630 --> 00:11:11,640 za in, ja, vse te koristne stvari. 210 00:11:11,640 --> 00:11:16,490 Torej, kaj počnem zdaj tukaj se bom prijaviti okvir, 211 00:11:16,490 --> 00:11:24,350 in potem sem posodobiti svoj HTML za prikaz vseh teh bitov informacij 212 00:11:24,350 --> 00:11:25,820 iz okvirja. 213 00:11:25,820 --> 00:11:28,010 Torej, kaj je preveriti, ali ven. 214 00:11:28,010 --> 00:11:29,440 >> Torej, tukaj je. 215 00:11:29,440 --> 00:11:34,730 Tukaj je indeks dot HTML datoteke. 216 00:11:34,730 --> 00:11:38,560 In kot ste pravkar videli, ko sem se preselil moja roka Leap ujeli krožnega gibanja. 217 00:11:38,560 --> 00:11:44,960 Tako lahko vidite, mi delaš krog več tukaj, posodablja z informacijami krog. 218 00:11:44,960 --> 00:11:48,332 Narediti swipes, ujame swipes. 219 00:11:48,332 --> 00:11:49,290 Poskusimo zavihek zaslona. 220 00:11:49,290 --> 00:11:50,090 Tam gremo. 221 00:11:50,090 --> 00:11:52,370 Zaslon tapnite in ključni pipe. 222 00:11:52,370 --> 00:11:55,040 Torej, ključni pipe tudi, po Tako so, ko si udaril navzdol. 223 00:11:55,040 --> 00:11:57,260 Torej si lahko predstavljate Mogoče igranje klavirja. 224 00:11:57,260 --> 00:11:59,869 >> In potem zaslon pipe so Ko ste zadeli zaslon. 225 00:11:59,869 --> 00:12:02,910 Torej si lahko predstavljate, morda ste v resnici ima zaslon na dotik, ki je pred vami 226 00:12:02,910 --> 00:12:05,190 in ste hitting dotik zaslon pred vami. 227 00:12:05,190 --> 00:12:08,470 In potem bomo lahko zgrabi enega teh objektov v tukaj. 228 00:12:08,470 --> 00:12:12,960 Torej, ne pozabite, sem rekel, da sem bil mimo okvirja v konzoli dnevnik. 229 00:12:12,960 --> 00:12:17,160 In tako bomo lahko preverite vse bitov in kosov informacij 230 00:12:17,160 --> 00:12:22,500 ki so na voljo v da okvir kot tudi za uporabo. 231 00:12:22,500 --> 00:12:26,320 >> Kot sem že rekel, pointables so prsti. 232 00:12:26,320 --> 00:12:30,260 V tistem trenutku nismo imeli naši Roke na sprednji strani Leap Motion 233 00:12:30,260 --> 00:12:32,010 zato je registrirana nič, ampak to je, kako vas 234 00:12:32,010 --> 00:12:35,980 bi se začel, da ugotovite, morda koliko prstov so zaslon. 235 00:12:35,980 --> 00:12:37,810 In da je vrsta informacij. 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimers: In spominjanje To je samo objekt. 237 00:12:40,060 --> 00:12:42,185 Torej je mogoče dostopati vse nekako kot struct 238 00:12:42,185 --> 00:12:45,540 v C. Imate predmet ime dot ime lastnine. 239 00:12:45,540 --> 00:12:48,830 In nato znotraj, da imate nizi in imate druge predmete, 240 00:12:48,830 --> 00:12:50,850 vendar ne pozabite, to je samo predmet. 241 00:12:50,850 --> 00:12:53,788 Ni nič posebnega ker smo s pomočjo poskok. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Ja. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Bi morali odjaviti par JavaScript primerov? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS Reimers: Torej hitro se spomnite, da smo 247 00:13:07,810 --> 00:13:12,470 je dejal, da Leap lahko dejansko deluje na kateri koli spletni strani. 248 00:13:12,470 --> 00:13:15,250 LeapJS je samo vroči stranki. 249 00:13:15,250 --> 00:13:19,850 In tako dolgo, ima naročnik Leap Predlog pritrjena, da bo delovalo. 250 00:13:19,850 --> 00:13:22,540 Torej Leap Predlog ima Spletna stran, kjer ljudje 251 00:13:22,540 --> 00:13:24,540 lahko delijo svoje primere stvari, ki so jih naredili. 252 00:13:24,540 --> 00:13:26,623 Tako da smo le, da bo šel z nekaj njih 253 00:13:26,623 --> 00:13:29,980 da vidim, kaj je mogoče pred potapljanje v več podrobnosti o tem, kako 254 00:13:29,980 --> 00:13:32,510 je to mogoče. 255 00:13:32,510 --> 00:13:33,346 Torej 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Poglejmo. 257 00:13:34,470 --> 00:13:36,136 TOMAS Reimers: Zdaj je treba delati. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Torej sedaj preden bomo videli zgled 259 00:13:38,520 --> 00:13:45,280 uporabo enotnosti, ki je izdalo naše roke s precej impresivno grafične kože, 260 00:13:45,280 --> 00:13:50,200 zdaj pa lahko vidite, lahko storite Isto znotraj spletnega brskalnika. 261 00:13:50,200 --> 00:13:54,640 To je vse v notranjosti Chrome samo z uporabo JavaScript. 262 00:13:54,640 --> 00:13:57,460 In potem drugi lepo stvar je, če hočeš 263 00:13:57,460 --> 00:14:02,610 vedeti, kako so to storili, primeri JavaScript 264 00:14:02,610 --> 00:14:07,540 vključuje tudi možnosti kod, ki si lahko ogledate in potem videli 265 00:14:07,540 --> 00:14:12,570 kako ta oseba je bila oprijemalne roke in kode in podobno. 266 00:14:12,570 --> 00:14:16,730 >> Torej, to je vse, kar lahko najdete na developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Lahko greš in preverite JavaScript Primeri, ki jih imajo tam. 268 00:14:20,810 --> 00:14:23,280 Torej, ja. 269 00:14:23,280 --> 00:14:25,205 Tu gre, oops žal. 270 00:14:25,205 --> 00:14:27,680 Poskusimo, da še enkrat. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Imam dve prave roke. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Torej, ja. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimers: Torej, in še enkrat, zapomni si včasih Leap zamoči. 276 00:14:37,440 --> 00:14:40,790 Samo izročiti to sekundo. 277 00:14:40,790 --> 00:14:42,784 To ni popoln, ampak to je zelo dobro. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: One drugo priporočilo tudi 279 00:14:44,700 --> 00:14:48,780 je, da ne bo na neposredni sončni svetlobi. 280 00:14:48,780 --> 00:14:51,260 Torej način Leap Motion Dela je, pravzaprav 281 00:14:51,260 --> 00:14:54,500 če bom pokazal kamero to kot tudi, infrardeča svetloba. 282 00:14:54,500 --> 00:14:57,375 Torej pošilja tistih, in nato jih bere, ko pridejo nazaj. 283 00:14:57,375 --> 00:14:59,250 Torej, če ste poskušali to storiti neposredni sončni svetlobi, 284 00:14:59,250 --> 00:15:01,610 na primer, je to verjetno ne bo šlo, 285 00:15:01,610 --> 00:15:05,850 ali pa se dogaja, da zahtevajo nekateri kalibracija, da to storijo. 286 00:15:05,850 --> 00:15:10,450 >> Tudi drugo priporočilo je, da počistite prostor zadaj Leap 287 00:15:10,450 --> 00:15:12,740 in pred skokom. 288 00:15:12,740 --> 00:15:15,520 Misli, da je delovno notranjost kupole, ki je 289 00:15:15,520 --> 00:15:18,360 obdaja to Leap Motion predmet. 290 00:15:18,360 --> 00:15:20,550 Če je stvar prava za njo, kot tudi, 291 00:15:20,550 --> 00:15:24,740 da se tudi dogaja, da se motijo s tem, kako Leap Predlog poskuša 292 00:15:24,740 --> 00:15:26,690 da priznajo svojo roko in da je vrsta stvari. 293 00:15:26,690 --> 00:15:30,010 >> Tako, na primer, mislim, da je to Primer je moj laptop dejansko 294 00:15:30,010 --> 00:15:34,351 To je nekako tako, da Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Ja, gremo. 296 00:15:35,100 --> 00:15:41,021 Torej, če sem jasno iz moje laptop iz za njim z roko pokaže precej dobro. 297 00:15:41,021 --> 00:15:41,520 Torej, ja. 298 00:15:41,520 --> 00:15:42,061 Tam je to. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Torej, kaj si mi jih pokazal. 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimers: Mislim, da Zdaj bo čas 302 00:15:48,250 --> 00:15:52,039 razvrstiti potopa v in Dovolite samo da demo popolnoma iz nič. 303 00:15:52,039 --> 00:15:53,330 To se dogaja, da je res enostavno. 304 00:15:53,330 --> 00:15:55,250 V bistvu, kaj bomo da bi poskušali narediti je, da jo 305 00:15:55,250 --> 00:15:58,570 tako da, ko potegnete roko, se v ozadju dogaja, da začnete ven kot rdeča, 306 00:15:58,570 --> 00:16:01,361 in ko si potegnite roko, v ozadju dogaja, da postane zelena. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Res preprosta. 309 00:16:03,709 --> 00:16:05,750 In to je v bistvu samo šel skozi veliko 310 00:16:05,750 --> 00:16:08,360 od konceptov Leap, tako da bomo lahko 311 00:16:08,360 --> 00:16:12,630 priti v to ideologijo, kako Leap deluje in kako lahko gradimo stvari s tem. 312 00:16:12,630 --> 00:16:16,760 In potem od tam bova verjetno samo ti pokažem 313 00:16:16,760 --> 00:16:19,710 API Docs in kjer vas lahko preberete več o tem. 314 00:16:19,710 --> 00:16:21,030 In potem jo bomo dan. 315 00:16:21,030 --> 00:16:24,294 Torej hočeš, da kodo ali hočeš, da kodo? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Ja. 317 00:16:25,210 --> 00:16:28,350 No, mislim, da lahko delamo skupaj na to in poskusite 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimers: Torej bomo narediti nekaj par kodiranja. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Tukaj gremo. 320 00:16:31,500 --> 00:16:33,250 To je točno, kaj sem želel odjaviti. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Tako na primer tukaj, pa poglejmo. 323 00:16:38,750 --> 00:16:40,979 Medtem ko smo ponavljanjem skozi že kretnje, 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimers: Želite, da bi le popolnoma nova datoteka? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Popolnoma nova datoteka? 326 00:16:43,870 --> 00:16:44,246 Ja, seveda. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimers: Ja. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Torej, kaj je naredil. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimers: Torej gremo da bi popolnoma datoteko. 330 00:16:48,253 --> 00:16:51,290 Bomo ga pokličete ročno dot HTML. 331 00:16:51,290 --> 00:16:52,670 To je kul z mano. 332 00:16:52,670 --> 00:16:59,020 Torej, ne pozabite, vam HTML tag, nato pa v roku, ki imate glavo. 333 00:16:59,020 --> 00:17:02,982 Da glava ima naslov v njej. 334 00:17:02,982 --> 00:17:04,349 Torej tab drug način. 335 00:17:04,349 --> 00:17:05,589 Tam greš. 336 00:17:05,589 --> 00:17:09,359 Naslov, bomo ga pokličete Leap Primer. 337 00:17:09,359 --> 00:17:12,163 Ja. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Ups. 339 00:17:13,540 --> 00:17:14,040 Naslov. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimers: Yep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Tukaj smo. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimers: In potem pa bo telo. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Počakajte, Dovolite Prav tako se prepričajte, da uvoziti. 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimers: Oh, seveda. 345 00:17:22,060 --> 00:17:22,560 Moja napaka. 346 00:17:22,560 --> 00:17:28,700 Zato vedno preverite, ali imate Leap skript, tako da je scenarij, ki ste 347 00:17:28,700 --> 00:17:31,810 s Leap Motion, ki v osnovi omogoča spletni brskalnik za povezovanje 348 00:17:31,810 --> 00:17:35,580 z napravo na uporabnikovem računalniku. 349 00:17:35,580 --> 00:17:38,510 Nato pa v to smo tudi Potrebujete telo in Dovolite samo 350 00:17:38,510 --> 00:17:40,580 da telo pozdravit tako da bomo lahko pokažemo učencem 351 00:17:40,580 --> 00:17:42,704 kako povezati ta nova Spletna stran, ki so naredili. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Seveda. 353 00:17:44,260 --> 00:17:45,724 Torej, kaj je pravkar dal another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimers: Zdravo, zdravo svet. 355 00:17:48,730 --> 00:17:50,210 Tako zelo osnovni primer. 356 00:17:50,210 --> 00:17:53,400 Res samo demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: In potem se tu Lahko greš k smo jo imenovali roko dot HTML, 358 00:17:58,505 --> 00:18:00,000 kajne? 359 00:18:00,000 --> 00:18:00,810 In oh! 360 00:18:00,810 --> 00:18:04,310 Torej, jaz se sprašujem, kaj je narobe s tem zdaj. 361 00:18:04,310 --> 00:18:07,639 Dodajmo še dovoljenja za branje predati dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimers: Želite to storiti v velikem terminalu 363 00:18:09,930 --> 00:18:11,080 tako da bomo lahko samo kažejo na the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ja, to je smiselno. 365 00:18:12,501 --> 00:18:13,001 Vse je v redu. 366 00:18:13,001 --> 00:18:15,720 Tako da sem dodal dovoljenj, če pa 367 00:18:15,720 --> 00:18:18,350 je bilo, da preverite dovoljenj, preden smo 368 00:18:18,350 --> 00:18:22,560 bi videl, da je pravzaprav roko dot HTML ni imel dovoljenja za branje 369 00:18:22,560 --> 00:18:25,570 in zato ni mogel postane. 370 00:18:25,570 --> 00:18:30,850 Ampak zdaj, če bomo to storili, bomo videli naše malo zdravo svet tam. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimers: Torej Dovolite dejansko, kot je bilo pisanje, zdravo svet, 372 00:18:33,580 --> 00:18:35,371 Mislil sem na način, bi lahko to spremenili. 373 00:18:35,371 --> 00:18:41,150 Naj bo to pozdravit svet, in potem ko val, pravi zbogom. 374 00:18:41,150 --> 00:18:41,650 Kajne? 375 00:18:41,650 --> 00:18:42,210 Torej zdravo, zbogom. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Seveda. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimers: To se sliši precej dobro. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: That Sliši se dobro, da tudi zame. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimers: Torej, če smo gre za to kaj je samo 380 00:18:46,920 --> 00:18:48,980 mislim, preko spletne strani malo. 381 00:18:48,980 --> 00:18:51,800 Bomo potrebovali nekaj skript ki v bistvu registri 382 00:18:51,800 --> 00:18:56,470 da si pomahala in preskok, val in swipe, ista stvar. 383 00:18:56,470 --> 00:18:59,584 Torej bomo potrebovali skript, v bistvu registrira za ta zamah. 384 00:18:59,584 --> 00:19:01,500 In še ena stvar, ki smo bodo potrebovali, je, da smo 385 00:19:01,500 --> 00:19:04,360 bo treba nekaj dejanska vsebina spremeniti. 386 00:19:04,360 --> 00:19:07,850 >> Torej, ko se spomnite, jQuery vam omogoča spreminjanje vsebine. 387 00:19:07,850 --> 00:19:13,017 Torej, ena stvar, ki bi želeli vključiti Pri tem je knjižnica jQuery. 388 00:19:13,017 --> 00:19:16,100 In potem bi mogli izbrati, kaj smo dejansko dogaja, da spremenijo vsebino, 389 00:19:16,100 --> 00:19:18,224 da se dogaja, da potrebujejo ID ali razred, ali kaj 390 00:19:18,224 --> 00:19:20,100 da bomo lahko uporabite, da jo izberete. 391 00:19:20,100 --> 00:19:25,010 Torej bomo samo za njih Hitro ID besedila sprememb. 392 00:19:25,010 --> 00:19:26,974 In potem hočeš, da zgrabite jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Torej, kaj je prva stvar na naš seznam opravil pa zdaj? 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimers: Oglejmo zgrabi jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Recimo, zgrabi jQuery, OK, kul. 396 00:19:32,494 --> 00:19:34,502 V tem primeru, jaz grem morali actually-- 397 00:19:34,502 --> 00:19:36,210 če bi Najboljši kraj za to? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimers: jQuery, tako da, če ste Google jQuery, jQuery hit, prvi 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Zelo prvi. 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimers: Ali prenesete. 401 00:19:42,135 --> 00:19:42,650 To je v redu. 402 00:19:42,650 --> 00:19:46,482 Hit prenos V1 in V2 na levi strani. 403 00:19:46,482 --> 00:19:49,190 Zato smo z opisom jQuery od na spletu, kot ste verjetno naredil. 404 00:19:49,190 --> 00:19:50,440 Pomaknite navzdol. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, tukaj pa zdaj? 407 00:19:53,502 --> 00:19:54,460 TOMAS Reimers: Ali to. 408 00:19:54,460 --> 00:19:54,960 Ja. 409 00:19:54,960 --> 00:20:00,150 Torej jQuery je gostil različico kar pomeni, da ne boste dejansko 410 00:20:00,150 --> 00:20:01,890 morali prenesti, ampak ti si več kot 411 00:20:01,890 --> 00:20:07,734 dobrodošli, da jo naložite in ji sami gosti. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Torej, zdaj imamo jQuery. 414 00:20:09,566 --> 00:20:11,122 Zdaj, kaj je naslednji na naš seznam Opravila. 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimers: Awesome. 416 00:20:12,080 --> 00:20:13,910 Torej, naslednjič, kaj potrebujemo storiti, je, da smo v resnici potrebujemo 417 00:20:13,910 --> 00:20:17,750 dati p Hello World ID tako bomo lahko spremenili, kajne? 418 00:20:17,750 --> 00:20:24,514 Torej, kaj je dala idejo, Ne vem, spremenili besedilo? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Naj samo to storiti na ta način, se mi zdi. 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimers: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 In zdaj naj samo osvežite stran. 422 00:20:29,830 --> 00:20:31,142 Poskrbite, da vse deluje. 423 00:20:31,142 --> 00:20:32,100 Torej nazaj v brskalniku. 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 Vedno dober opomin, da ko ste izgradnjo spletne strani, 427 00:20:39,380 --> 00:20:44,450 Verjetno osveži vsakič, ko bi vsaka nekoliko večja sprememba le 428 00:20:44,450 --> 00:20:47,993 ker včasih vas po nesreči spusti oznako, 429 00:20:47,993 --> 00:20:51,640 ali pomotoma izbrišete nekaj, in potem si zlomil nekaj malega, 430 00:20:51,640 --> 00:20:55,880 potem pa, ko bo večji spremembo ste kot, zakaj je to storil velika sprememba 431 00:20:55,880 --> 00:20:57,910 navidezno prekinil nepovezanih stvar. 432 00:20:57,910 --> 00:21:02,840 Torej, to je vedno dobro, da nekako iti in narediti te preglede prištevnosti. 433 00:21:02,840 --> 00:21:05,610 >> Nekako tako zdaj naredimo še zadnji pregled sanity, 434 00:21:05,610 --> 00:21:09,800 ki se poskusimo spremeniti besedilo brez Leap Motion, 435 00:21:09,800 --> 00:21:11,820 ne da bi karkoli, samo na strani obremenitve pa bom 436 00:21:11,820 --> 00:21:17,140 spremenite Zdravo svet Poslovite uporabo jQuery. 437 00:21:17,140 --> 00:21:21,400 Torej, če se spomnite jQuery izpostavlja ta funkcija znak za dolar, 438 00:21:21,400 --> 00:21:28,640 ki se lahko prenese na izbiro CSS, sicer hashtag besedilo spremembe, ki 439 00:21:28,640 --> 00:21:31,590 izbere element z ID besedila sprememb. 440 00:21:31,590 --> 00:21:34,980 In potem gremo poklicati metodo HTML 441 00:21:34,980 --> 00:21:40,390 o predmetu se vrne s Argument godalni zbogom, ki 442 00:21:40,390 --> 00:21:45,600 bo spremenila postavke HTML reči zbogom. 443 00:21:45,600 --> 00:21:46,210 Super. 444 00:21:46,210 --> 00:21:48,790 To se zdi zelo kul. 445 00:21:48,790 --> 00:21:52,365 In zdaj, ko smo osvežitev Stran bomo videli 446 00:21:52,365 --> 00:21:54,040 se takoj spremeni v slovo, kajne? 447 00:21:54,040 --> 00:21:55,910 Ker ne čakati na vse. 448 00:21:55,910 --> 00:21:59,200 Nekako v najkrajšem možnem ta skript teče jo spremeni v slovo. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Torej, zdaj pa zaviti, da je v funkciji. 451 00:22:03,790 --> 00:22:04,290 Prav. 452 00:22:04,290 --> 00:22:06,270 Torej bomo želeli da bi funkcijo. 453 00:22:06,270 --> 00:22:08,160 Imenovali jo bomo zbogom. 454 00:22:08,160 --> 00:22:11,570 Torej funkcija Poslovite se dogaja, da brez argumentov 455 00:22:11,570 --> 00:22:14,170 in to ni res vrača ničesar. 456 00:22:14,170 --> 00:22:18,850 In to je le, da bo to, da v JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Odlično. 459 00:22:23,140 --> 00:22:27,000 Torej, naša naloga zbogom zdaj spremeni besedilo v slovo, kajne? 460 00:22:27,000 --> 00:22:28,930 Torej, to nam daje pot v bistvu spremembe 461 00:22:28,930 --> 00:22:32,871 da je besedilo v slovo kadar je to smo poklicali funkcijo. 462 00:22:32,871 --> 00:22:33,370 Kajne? 463 00:22:33,370 --> 00:22:35,290 Torej, to je zelo kul. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: No, lahko tudi samo poskrbite, 465 00:22:37,430 --> 00:22:41,040 da je zdaj, ker mi ne kliče funkcijo, če bomo osvežite stran, 466 00:22:41,040 --> 00:22:44,460 opazili, da je ne bo , da spremenite besedilo. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimers: Odlično. 468 00:22:45,509 --> 00:22:47,800 Torej, zdaj bomo začeli da se v tem Leap stvari 469 00:22:47,800 --> 00:22:49,880 da smo govorili o tem. 470 00:22:49,880 --> 00:22:52,240 Torej Armi, hočeš, da prevzel od tukaj ali? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Ja. 472 00:22:52,640 --> 00:22:53,139 Prepričani. 473 00:22:53,139 --> 00:22:56,260 Jaz sem verjetno bo potrebno Če želite preveriti, stvari, dvojne, 474 00:22:56,260 --> 00:22:58,250 ampak na primer ne pozabite smo rekli, smo želeli 475 00:22:58,250 --> 00:23:02,627 zagotoviti v Možnosti smo postavili omogočajo kretnje 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimers: Dober ulov. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Če bi bilo res. 478 00:23:06,250 --> 00:23:08,960 In potem smo se priporoča da bi se vidva 479 00:23:08,960 --> 00:23:12,230 teči preskok dot zanke, ki kot smo že povedali, 480 00:23:12,230 --> 00:23:18,140 ima dve možnosti, a JSON objekt, ki je možnosti za kako želite 481 00:23:18,140 --> 00:23:22,030 konfigurirati Leap Motion za delo, in potem funkcija, ki je 482 00:23:22,030 --> 00:23:27,640 dogaja ujeti okvir kot povratni klic Funkcija kot Tomas je rekel. 483 00:23:27,640 --> 00:23:30,470 Nato pa uredite, kaj hočeš storiti s to funkcijo. 484 00:23:30,470 --> 00:23:33,890 >> Tako se peljemo v možnost in sedaj smo definirali 485 00:23:33,890 --> 00:23:36,117 funkcijo, ki bo v okvirju. 486 00:23:36,117 --> 00:23:38,200 In zdaj moramo opredeliti kaj ta funkcija počne. 487 00:23:38,200 --> 00:23:42,569 To je tudi zaradi Prihodnost, narediti, da se prepričajte. 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimers: Odlično. 489 00:23:43,610 --> 00:23:45,940 Torej, zdaj imamo to skok dot funkcija loop 490 00:23:45,940 --> 00:23:52,420 klic, ki v bistvu pravi, da gledam Leap s temi možnostmi in vsakič 491 00:23:52,420 --> 00:23:55,710 nekaj spreminja, to imenujemo Funkcija okvir z vseh podatkov 492 00:23:55,710 --> 00:23:59,510 da ste seznanjeni v okvirju. 493 00:23:59,510 --> 00:24:01,320 Sliši se precej dobro. 494 00:24:01,320 --> 00:24:03,680 Torej, zdaj check hitro sanity, kar sem vedno priporočamo, 495 00:24:03,680 --> 00:24:07,020 je v tem, samo da konzola dot log okvir. 496 00:24:07,020 --> 00:24:10,320 In potem v Chrome ga odprete up in pogled na vašo konzolo 497 00:24:10,320 --> 00:24:13,870 in igral s skokom za prikaz Okvirji se prijaviti, ker da bo 498 00:24:13,870 --> 00:24:16,300 dobili idejo o tem, kaj Podatki imate dostop do. 499 00:24:16,300 --> 00:24:20,680 In kot vedno, če se boste zmedeni, poglej gor sklic API. 500 00:24:20,680 --> 00:24:23,430 In bomo vključiti povezavo Za to konec tega. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Tako smo osvežite stran in nato 502 00:24:26,300 --> 00:24:28,880 gremo spet odprli konzolo. 503 00:24:28,880 --> 00:24:33,590 In zdaj smo opazili, da smo ob okvirji opravili v, 504 00:24:33,590 --> 00:24:37,834 ti mali predmeti smo videli prej. 505 00:24:37,834 --> 00:24:38,690 Torej, ja. 506 00:24:38,690 --> 00:24:42,870 To so naši okvirji Prikaz v konzoli. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Torej sedaj, da smo zgrabil okvirji, kot si morda spomnite prej 509 00:24:46,970 --> 00:24:51,800 na primer to, da smo imeli, če smo preveriti dot kretnje okvirja 510 00:24:51,800 --> 00:24:56,270 smo dobili seznam kretnje, Okvir nazadnje ujeli. 511 00:24:56,270 --> 00:25:01,510 Mi lahko preverite dolžino te matrike da vidim, če Leap ujeli nobene kretnje. 512 00:25:01,510 --> 00:25:05,010 Torej, če je matrika je večja od nič, potem smo 513 00:25:05,010 --> 00:25:07,570 vemo, da imamo nekaj stvari za narediti. 514 00:25:07,570 --> 00:25:15,040 >> Torej, kaj je zaviti, da se v stanju, če in zdaj je tukaj, kar vemo je, da smo 515 00:25:15,040 --> 00:25:20,390 Videli gesto, pa deluje na njem. 516 00:25:20,390 --> 00:25:25,721 Torej sedaj, da smo tu mi imajo gesto, da preverite. 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimers: No, najprej stvar je, da to ni le ena poteza, 518 00:25:28,470 --> 00:25:29,840 to bi bilo toliko geste. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Zelo res. 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimers: Torej na klasičen stil C tukaj 521 00:25:33,340 --> 00:25:36,334 bomo verjetno želeli uporabiti za zanke. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Tukaj smo takrat. 523 00:25:37,750 --> 00:25:42,870 Odločili smo se, da ponovitev skozi geste. 524 00:25:42,870 --> 00:25:46,412 In poglejmo. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 In zdaj, če bomo morda na Samo var gesta enaka 527 00:25:56,150 --> 00:26:01,210 geste okvir dot konzola i, zdaj imamo 528 00:26:01,210 --> 00:26:06,260 gesta sama, ki je samo ena en primerek gesta objekta 529 00:26:06,260 --> 00:26:10,582 za nas, da delo z Notranjost to zanko. 530 00:26:10,582 --> 00:26:12,869 Vse je v redu. 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimers: Delajmo sanity še enkrat preverite tukaj in samo potolažiti 532 00:26:15,410 --> 00:26:17,370 dot prijavite gesto, da vidite, kaj smo dobili. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konzola dot log gesta. 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 In osvežite še enkrat. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: In dajmo poskusite tako potezo. 538 00:26:30,030 --> 00:26:34,600 Boste videli, da kup o, ko je swipes, 539 00:26:34,600 --> 00:26:39,780 dobiš kup potez v konzole in če poskuša narediti krog, 540 00:26:39,780 --> 00:26:40,470 to je just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Circles so samo res lepo. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimers: Zdaj je čudna stvar tu, ki se mu gre en krog, 543 00:26:45,000 --> 00:26:48,730 To pa se prijavite 80. kretnje, kajne? 544 00:26:48,730 --> 00:26:50,070 To je veliko kretenj. 545 00:26:50,070 --> 00:26:53,560 Torej prva reč, da zavedaš, in to je lahko zavajajoče, 546 00:26:53,560 --> 00:26:57,050 je to gesto ni samo prijavljeni enkrat. 547 00:26:57,050 --> 00:27:01,107 >> Na vsakem okvirju, desno, tako da, če delam krog 548 00:27:01,107 --> 00:27:02,940 Leap bo to zaznal je sprememba, od tega 549 00:27:02,940 --> 00:27:04,398 je sprememba, s to spremembo. 550 00:27:04,398 --> 00:27:05,970 In bo to prijavite vsakega od njih. 551 00:27:05,970 --> 00:27:08,200 Toda v vsakem izmed tistih, to bo rekel, oh, 552 00:27:08,200 --> 00:27:10,050 tam je gesta je trenutno v teku. 553 00:27:10,050 --> 00:27:14,260 Torej, naj povem, hej, tam je gesta in je trenutno v teku. 554 00:27:14,260 --> 00:27:17,000 Torej, kaj ne želimo, da se storiti, je rekel, oh, na vsakem izmed 555 00:27:17,000 --> 00:27:19,370 od teh kretenj si želite spremeniti besedilo. 556 00:27:19,370 --> 00:27:23,660 Kaj želimo narediti je, ko da je gesta ustavi, in bomo lahko preverite, da je 557 00:27:23,660 --> 00:27:24,974 potem želimo spremeniti besedilo. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Tako kot Tomas je razloži te kretnje 560 00:27:30,550 --> 00:27:33,580 se lahko pojavijo zaradi večkratne okvirji, ampak za primer, 561 00:27:33,580 --> 00:27:36,200 ko smo se ob da krog, lahko vidimo 562 00:27:36,200 --> 00:27:40,140 da ID za ta ena Enotni krog, da smo 563 00:27:40,140 --> 00:27:43,950 Morda so poskušali za dokončanje je enak ID celotnem besedilu. 564 00:27:43,950 --> 00:27:46,320 In v resnici, lahko tudi vi preverite stanje. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 posodobljena. 567 00:27:50,270 --> 00:27:55,680 >> In potem je to verjetno zadnji krog, da, oh, no, OK. 568 00:27:55,680 --> 00:28:00,480 Torej, včasih pa vam pokaže Status ustavil gesto 569 00:28:00,480 --> 00:28:04,180 in to tudi vam prikazuje stanje z začetkom novega gesto, kadar 570 00:28:04,180 --> 00:28:09,140 priznava prepričani, da da ste začeli novo potezo. 571 00:28:09,140 --> 00:28:10,637 Na primer, v tem primeru. 572 00:28:10,637 --> 00:28:11,470 TOMAS Reimers: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Torej, ja. 574 00:28:12,511 --> 00:28:14,420 In potem, da vidimo. 575 00:28:14,420 --> 00:28:16,490 Prav tako lahko opazili čeprav smo bili kar 576 00:28:16,490 --> 00:28:22,179 Krog in gesto Ima visoko imenuje tip 577 00:28:22,179 --> 00:28:23,970 ki nam pove, kakšno z gesto, ki je. 578 00:28:23,970 --> 00:28:27,829 Tako, da bi bilo koristno za nas ste poskusiti in narediti tisto, kar počnemo. 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimers: Torej prehod nazaj v JS, 580 00:28:29,620 --> 00:28:31,696 Prva stvar, ki se mi Prav, samo branje s to oznako 581 00:28:31,696 --> 00:28:34,340 je tam majhna optimizacija, ki je dejansko 582 00:28:34,340 --> 00:28:35,980 Ne potrebujem tega, če pogoj, kajne? 583 00:28:35,980 --> 00:28:39,330 Ker če geste okvir dot dot Dolžina nič, da se za zanke je 584 00:28:39,330 --> 00:28:40,450 ne bom teči anyway. 585 00:28:40,450 --> 00:28:43,100 Tako smo lahko tudi samo pojdi naprej in se znebite tega. 586 00:28:43,100 --> 00:28:46,620 Again, medtem ko pišete kodo je pomembno, da se vrnete in sortiranje 587 00:28:46,620 --> 00:28:50,330 od refactor saj se zavedaš, da vas bi naredili nekaj boljšega, 588 00:28:50,330 --> 00:28:53,370 ali pa da obstaja še en način, da to storim. 589 00:28:53,370 --> 00:28:57,170 Torej, zdaj smo le, da bo to čiščenje hitro in tudi počistiti kodo. 590 00:28:57,170 --> 00:28:58,310 To je velika stvar. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Good slog je zelo cenjeno. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimers: Lahko Vedno povem, ko je nekdo 593 00:29:01,828 --> 00:29:05,240 ima kodo, kjer se uporablja, da se, če stanje, nato pa so ga odstranili, 594 00:29:05,240 --> 00:29:07,530 vendar ga ni odkomentirate. 595 00:29:07,530 --> 00:29:10,147 To je zelo očitno in to nekako izgleda grdo. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Torej, kaj je Naslednji na naš seznam opravil? 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimers: Torej, zdaj, ko so govorili, Mislim, da je prva stvar, ki jo želimo narediti 598 00:29:15,479 --> 00:29:17,970 se prepričajte, da je ta poteza je dejansko Močan, kajne? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Ja. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimers: Torej, če smo pravi, da naša zbogom je nekako kot zamah, 601 00:29:21,750 --> 00:29:25,280 bomo šli s to Močan, Prva stvar, moramo povedati, je, hej, 602 00:29:25,280 --> 00:29:27,410 je gesta vnesite potegnite, kajne? 603 00:29:27,410 --> 00:29:30,860 Ni krog ali top, vendar je swipe? 604 00:29:30,860 --> 00:29:34,280 Tako mimogrede, kar lahko naredimo, da je lahko rečemo, gesto 605 00:29:34,280 --> 00:29:38,530 Tip dot enako enako swipe kot niz. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [neslišno] gesta Tip dot enaka enaka potegnite. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Tukaj smo. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimers: In nato pa zadnje vprašanje 610 00:29:49,438 --> 00:29:53,170 želimo, da je gesta dot stanje enako enako stop, kajne? 611 00:29:53,170 --> 00:29:55,860 Torej, to je, ko gesta bila je ustavila. 612 00:29:55,860 --> 00:29:58,490 Pravzaprav mislim, da za zamah, sem to vedo off vrhu moje glave, 613 00:29:58,490 --> 00:30:00,340 vendar ste dobrodošli, da poglej ga, ko 614 00:30:00,340 --> 00:30:05,627 potegniti vsakič, ko jo je registriral dokler se ne ustavi, je začetek gesta. 615 00:30:05,627 --> 00:30:07,460 In potem zadnja je le gesta stop. 616 00:30:07,460 --> 00:30:11,090 Tako da bo le en postanek gesta, ki je super za nas. 617 00:30:11,090 --> 00:30:17,180 Torej, kaj lahko storimo, je, če gesta dot reči vnesite enako enako potegnite in kretnjami dot 618 00:30:17,180 --> 00:30:19,950 Stanje enako enako ustavi, potem pa sanity 619 00:30:19,950 --> 00:30:21,725 preverite tukaj tolažimo dot dnevnika gesto. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Torej bomo šli nazaj. 622 00:30:30,790 --> 00:30:33,570 Bomo osvežite stran. 623 00:30:33,570 --> 00:30:38,380 In zdaj samo nekaj časa naj biti konzola dot prijavljeni je, ko smo poteg. 624 00:30:38,380 --> 00:30:40,780 In se trudimo, da potegnete in vidimo ničesar. 625 00:30:40,780 --> 00:30:41,280 Kajne? 626 00:30:41,280 --> 00:30:43,990 Torej, to je dejansko velik problem. 627 00:30:43,990 --> 00:30:47,560 Nismo videli, kaj smo pričakovali, da. 628 00:30:47,560 --> 00:30:49,356 In odpravljanje napak je lahko velik del tega. 629 00:30:49,356 --> 00:30:51,980 Torej prva stvar, bomo povedati je, OK, kaj je potolažiti dot 630 00:30:51,980 --> 00:30:54,568 se prijavite, če gesta dot vnesite enako enako potegnite. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Ja, kaj je naredil. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimers: Torej smo dogaja, da se vrnete na to. 634 00:31:02,020 --> 00:31:03,140 Bomo osvežitev. 635 00:31:03,140 --> 00:31:04,020 Bomo poteg. 636 00:31:04,020 --> 00:31:05,150 In bomo videli kup njih. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Torej je jasno, da je problem z našim statusom gesta dot. 639 00:31:08,710 --> 00:31:14,000 Torej, če bomo odprli enega od teh bomo pogled na predmete in bomo videli, 640 00:31:14,000 --> 00:31:18,700 dobro, to je stop, ampak oh, to se imenuje stanje, ne stanje. 641 00:31:18,700 --> 00:31:21,890 Torej, če bomo odpravili nazaj naša koda lahko rečemo, 642 00:31:21,890 --> 00:31:27,780 če tip gesta dot enaka enaka swipe in gesta dot stanje enako enako stop, 643 00:31:27,780 --> 00:31:29,160 potem bomo tolažili dot jo prijavite. 644 00:31:29,160 --> 00:31:30,940 In tako osvežite. 645 00:31:30,940 --> 00:31:31,856 Mi poteg. 646 00:31:31,856 --> 00:31:33,730 In bomo videli, da je na vsak Močan, smo samo 647 00:31:33,730 --> 00:31:36,247 še eno, ki je konec, kar je super, kajne? 648 00:31:36,247 --> 00:31:37,080 To je tisto, kar želimo. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 In lahko smo tudi opazili, da so ID-ji za vsak od teh potez sta ločena. 651 00:31:42,640 --> 00:31:47,470 Tako Tomas je rekel, ker smo lov to stanje na enem mestu, da 652 00:31:47,470 --> 00:31:52,850 obstaja na koncu zamah, smo pridobivanje posameznih ločenih kretnje 653 00:31:52,850 --> 00:31:54,441 od Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Super. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS Reimers: Gremo naprej in pač končno stvar, ki je, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Goodbye. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS Reimers: Awesome. 659 00:32:06,425 --> 00:32:08,925 In zdaj pa si oglejte našo spletno stran. 660 00:32:08,925 --> 00:32:09,425 Eden 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: drugi. 662 00:32:09,730 --> 00:32:11,271 Mi pa, ja, nismo ga pokličete Goodbye. 663 00:32:11,271 --> 00:32:11,920 Super. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimers: Ne, Goodbye je realna funkcija. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Ja. 666 00:32:14,406 --> 00:32:15,670 Naredimo to. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimers: In ko smo mahati zbogom, pa pravi zbogom. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Imamo zmago. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimers: Torej precej razburljivo stvari. 670 00:32:25,632 --> 00:32:28,590 Upajmo, da lahko gradijo nekaj drugega, ampak boste dobili idejo, kajne? 671 00:32:28,590 --> 00:32:30,260 Lahko zazna gibe. 672 00:32:30,260 --> 00:32:31,469 Lahko pokličete funkcij. 673 00:32:31,469 --> 00:32:34,510 In od tistega, ki resnično vam daje nekaj zelo temeljni gradniki 674 00:32:34,510 --> 00:32:38,800 reči, oh, morda, ko potegnete gor, saj lahko zazna tudi stvari 675 00:32:38,800 --> 00:32:39,674 kot smer. 676 00:32:39,674 --> 00:32:40,840 Rad bi, da narediš nekaj. 677 00:32:40,840 --> 00:32:43,470 Ali ko potegnete prav, sem želim, da nekaj storiti. 678 00:32:43,470 --> 00:32:45,880 In bomo lahko začeli, da bi dobili ustvarjalni s kako točno 679 00:32:45,880 --> 00:32:48,840 bomo izboljšali našo spletno stran uporabo teh potegniti s kretnjami ali krog 680 00:32:48,840 --> 00:32:53,695 geste ali tapnite, kretnje, bodisi ključ pip ali screen pipe. 681 00:32:53,695 --> 00:32:56,070 In potem, razen da ste več kot dobrodošli, da igrajo 682 00:32:56,070 --> 00:32:59,640 z dejanskimi podatki, če pa želite narediti 683 00:32:59,640 --> 00:33:03,870 da bi vam predlagamo, da gredo na docs ker oni so dejansko res dobri. 684 00:33:03,870 --> 00:33:05,034 Tako vodil do docs zdaj. 685 00:33:05,034 --> 00:33:06,450 Ali hočeš govoriti o tem? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Ja. 687 00:33:06,940 --> 00:33:07,920 Naredimo to. 688 00:33:07,920 --> 00:33:13,680 Tudi ena druga Malčice nasvetov, ne poskusiti in pomislite na to v 3D. 689 00:33:13,680 --> 00:33:22,611 Torej, dejansko pa dvigni tiste kretnje še enkrat konzola dot log gesta 690 00:33:22,611 --> 00:33:24,290 in to naredimo. 691 00:33:24,290 --> 00:33:29,460 Pridi nazaj in zdaj poskusimo Nekaj ​​od teh, nekaj teh. 692 00:33:29,460 --> 00:33:32,940 >> Če gremo v in preverite te geste, kot tudi 693 00:33:32,940 --> 00:33:36,830 Kot lahko vidite, da je oni dimenzionalnost 694 00:33:36,830 --> 00:33:38,980 je v treh smereh, pravzaprav. 695 00:33:38,980 --> 00:33:42,500 Torej ne samo omejujejo sami na 2D zaslonu 696 00:33:42,500 --> 00:33:45,200 čeprav ste morda je na spletni strani 2D. 697 00:33:45,200 --> 00:33:49,152 Lahko poskusite in pomislite, kako uporabnik lahko interakcijo s spletno stranjo v 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS Reimers: V 3D prostoru. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Točno tako. 700 00:33:51,401 --> 00:33:52,310 In ja. 701 00:33:52,310 --> 00:33:55,350 Tako boste dobili smeri, hitrosti, vsi ti kul bitov informacij. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimers: In če niste seznanjeni s tem, da gre X, Y, 703 00:33:58,890 --> 00:34:01,566 nato pa z je to zadnja razsežnost. 704 00:34:01,566 --> 00:34:04,690 Samo nekaj, kar verjetno ste poznati, če ste obravnavali 3D 705 00:34:04,690 --> 00:34:05,731 Pred usklajujejo letala. 706 00:34:05,731 --> 00:34:09,565 Če še niste, to je isto kot 2D nihče razen tam je tretja dimenzija. 707 00:34:09,565 --> 00:34:11,420 Imenujemo jo z. 708 00:34:11,420 --> 00:34:16,449 In vse, nekako všeč Smer, ki je, če se dogaja, 709 00:34:16,449 --> 00:34:19,810 position-- Mislim, da bi lahko celo izpostaviti pospešek, nisem prepričan. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ja, verjamem. 711 00:34:21,341 --> 00:34:22,340 Prav gotovo ima hitrost. 712 00:34:22,340 --> 00:34:25,699 Jaz sem pravzaprav ni 100% prepričani o pospeševanju. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimers: Morda je možnost lahko prenese na nekaj. 714 00:34:28,810 --> 00:34:33,409 Torej se položaj in hitrost izpostavljeni V teh vrste treh koordinat. 715 00:34:33,409 --> 00:34:38,812 Torej x, y, z ali delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Torej, zdaj vodi v dokumentaciji to je developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 in potem lahko kliknete dokumentacijo. 718 00:34:46,460 --> 00:34:50,010 Again, Leap Predlog ima vse to čudovite API, eno za JavaScript, 719 00:34:50,010 --> 00:34:53,750 ena za C Sharp in enotnosti, enega za C ++, eden za Javo, ena za Python, 720 00:34:53,750 --> 00:34:59,020 in eno za Cilj C. Osebno bi vas potisnite JavaScript 721 00:34:59,020 --> 00:35:01,280 ali, če želite, da se naučijo nov jezik, poskusite Python. 722 00:35:01,280 --> 00:35:05,910 Oba od teh jezikov, ki sem jih delala z pred in oni so res enostavno naučiti 723 00:35:05,910 --> 00:35:10,250 in že veste JavaScript, ki zaradi česar je res dober kandidat. 724 00:35:10,250 --> 00:35:12,930 >> Ena beseda previdnosti Ko vnesete docs. 725 00:35:12,930 --> 00:35:15,940 Prepričajte se, da ste na Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Ker če ste na Različica za eno, to ne bo delovalo. 727 00:35:20,250 --> 00:35:21,830 Tudi za primer galeriji. 728 00:35:21,830 --> 00:35:25,100 Porabili smo po dobrih 30 minutah težaven razhroščevanje naša Leap 729 00:35:25,100 --> 00:35:28,640 preden smo spoznali, da V1 ne deluje z V2. 730 00:35:28,640 --> 00:35:31,660 Torej, samo poskrbite, da ste na različici dveh. 731 00:35:31,660 --> 00:35:33,904 In potem ga bom pustil pokazati svoje docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Ja. 733 00:35:34,820 --> 00:35:39,480 Torej, tukaj je pregled API in nato nekaj bitov in kosov informacij 734 00:35:39,480 --> 00:35:41,420 da smo ti že povedal. 735 00:35:41,420 --> 00:35:44,270 Lepo plavajoči Roke, ki presegajo Leap Motion. 736 00:35:44,270 --> 00:35:47,850 In opomin, da razmišljajo o prostoru v 3D. 737 00:35:47,850 --> 00:35:53,140 Ena od prvih predmetov, da razmišljajo o z Leap Motion so roke, seveda. 738 00:35:53,140 --> 00:35:57,060 Videli smo, ki so priznane ki jih je Visualizer. 739 00:35:57,060 --> 00:35:59,180 In potem boste morda morali razvidno, da je bilo ugotovljeno, 740 00:35:59,180 --> 00:36:03,202 del zapestja in kraku, povezane z njo. 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimers: Če želite da dvigni Visualizerja. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Ja, kaj je to, da še enkrat. 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimers: Lahko vidite, vedno samo dober opomin, da nekako videti, 744 00:36:10,148 --> 00:36:14,060 Visualizer skuša pokazati, vsi podatki, ki Leap vidi. 745 00:36:14,060 --> 00:36:17,606 Tako da boste videli, da imamo ti nekako štirih točk 746 00:36:17,606 --> 00:36:19,230 z zapestja in nato dejansko zapestju. 747 00:36:19,230 --> 00:36:21,625 In imate tudi ta gol na dlani. 748 00:36:21,625 --> 00:36:24,000 Vse to so točke priznajo priznalo preskok. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Točno tako. 750 00:36:25,041 --> 00:36:32,300 In tako se s tem strani objekta vsak okvir ima ročno niz 751 00:36:32,300 --> 00:36:36,470 kakor tudi, kjer lahko dobite tudi leve in desne roke. 752 00:36:36,470 --> 00:36:39,410 Lahko dobite kar Smer roke so 753 00:36:39,410 --> 00:36:42,410 sooča z normalno Smer dlani, 754 00:36:42,410 --> 00:36:45,470 ali, kot ga imenujejo palm normalno. 755 00:36:45,470 --> 00:36:46,510 Kaj imamo? 756 00:36:46,510 --> 00:36:48,120 Prav tako, oops. 757 00:36:48,120 --> 00:36:50,640 Poskusimo in se pomaknite navzdol na ta način. 758 00:36:50,640 --> 00:36:54,410 Roke, prsti so s prstom zastopa 759 00:36:54,410 --> 00:36:57,890 Razred, ki je pointable objekt. 760 00:36:57,890 --> 00:37:01,420 Tako kot smo rekel, smo videli, da array pointables za vsako roko. 761 00:37:01,420 --> 00:37:04,240 Tisti, ki so malo prste, da misliti. 762 00:37:04,240 --> 00:37:09,809 Torej je to dober pregled, da gredo skozi poskusiti in razumeti. 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimers: [neslišno] roko anatomija tam gor. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ja, točno. 765 00:37:13,680 --> 00:37:14,220 Torej, ja. 766 00:37:14,220 --> 00:37:18,150 Obstaja veliko neobdelanih podatkov, ki Leap Predlog ima v interpretira tudi 767 00:37:18,150 --> 00:37:20,750 za vas, tako da je super Ideja, da gredo skozi tu 768 00:37:20,750 --> 00:37:25,300 in poskusite ugotoviti, kako je Leap že pogruntal stvari za vas 769 00:37:25,300 --> 00:37:28,830 in kaj informacije vam imajo na razpolago od tam. 770 00:37:28,830 --> 00:37:33,150 In potem od tam jaz bi priporočal gre v tem levega dela tukaj, 771 00:37:33,150 --> 00:37:39,210 kar gre, no, pravzaprav ni tisti, ki so dejansko samo bolj API stvari about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimers: referenčna API na dno je običajno dober kraj za iti. 773 00:37:42,670 --> 00:37:45,720 Vidva videla to, ko smo naredili Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Ampak referenčni res gre samo skozi vse 775 00:37:48,590 --> 00:37:54,540 funkcij in parametrov na voljo v objekt za vas. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Ja. 777 00:37:55,500 --> 00:37:57,740 Na primer, to je tisto, Iskal sem prej. 778 00:37:57,740 --> 00:38:01,030 Ko imamo strani pa smo Lahko greš in ugotovimo, 779 00:38:01,030 --> 00:38:03,750 kako Leap priporoča za nas, da bi našli roko. 780 00:38:03,750 --> 00:38:06,080 Kot sem že rekel, imamo roke array. 781 00:38:06,080 --> 00:38:10,340 Ugotovite, če imamo roke in Nato poskusite zgrabi eno roko 782 00:38:10,340 --> 00:38:12,410 za sodelovanje z na ta način. 783 00:38:12,410 --> 00:38:16,540 Torej, to je tisto, kar smo priporočam za vas. 784 00:38:16,540 --> 00:38:18,400 Gibi in stvari, kot tudi. 785 00:38:18,400 --> 00:38:23,857 Ta API dokumentacija se bo fantastično orodje za vas. 786 00:38:23,857 --> 00:38:25,440 Ali imate kakšne druge priporočili? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimers: Jaz ne. 788 00:38:26,398 --> 00:38:27,590 Mislim, da je dobro za zdaj. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Ja, Mislim, da tako, kot dobro. 790 00:38:29,340 --> 00:38:33,330 Vas prosimo, da nam pošljite e-pošto in dobili v stiku okoli Leap Motion 791 00:38:33,330 --> 00:38:36,210 če imate morda vsa vprašanja ali potrebujejo nobenih priporočil. 792 00:38:36,210 --> 00:38:40,310 In lahko poskusite ugotoviti stvari ven z vami, kot tudi. 793 00:38:40,310 --> 00:38:40,810 Hvala. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS Reimers: Great. 795 00:38:42,360 --> 00:38:42,880