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 Tak ahoj, všetci. 4 00:00:13,230 --> 00:00:14,300 Volám sa Tomas. 5 00:00:14,300 --> 00:00:15,744 Som TF a to je 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Som rád, že vás vidím ľudí. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: cool. 9 00:00:18,470 --> 00:00:20,740 Takže budeme hovoriť o Leap Motion dnes. 10 00:00:20,740 --> 00:00:22,800 Takže Leap Motion je naozaj super výrobok, ktorý 11 00:00:22,800 --> 00:00:25,900 vám umožní komunikovať s počítač iným spôsobom. 12 00:00:25,900 --> 00:00:28,560 Takže celá myšlienka skok pohyb je, že vás 13 00:00:28,560 --> 00:00:31,430 použiť svoje ruky komunikovať s počítačom. 14 00:00:31,430 --> 00:00:33,610 Tak tu mám niečo nastaviť. 15 00:00:33,610 --> 00:00:34,790 Porozprávam sa o tom trochu. 16 00:00:34,790 --> 00:00:37,540 Ale základnej verzii je môžete vidieť, že mám ruky pred 17 00:00:37,540 --> 00:00:42,840 z môjho počítača, a keď som ich presunúť, dostanete analógového na počítači 18 00:00:42,840 --> 00:00:44,170 a môžete analyzovať to. 19 00:00:44,170 --> 00:00:46,230 Môžete vytvoriť gestá. 20 00:00:46,230 --> 00:00:49,176 Môžete použiť svoje ruky komunikovať s počítačom 21 00:00:49,176 --> 00:00:50,300 V novom a zaujímavým spôsobom. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> No, vlastne som sa prvýkrát chcú vydávať na Armi 24 00:00:57,520 --> 00:01:00,400 vám ukázať nejaké zaujímavé ukážky toho, čo niektorí ľudia robili s tým. 25 00:01:00,400 --> 00:01:02,816 A potom sa budeme baviť o tom, ako ste vlastne kód s tým. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Jo. 27 00:01:04,800 --> 00:01:05,300 Dobrý deň. 28 00:01:05,300 --> 00:01:08,870 Tak, ako sme videli, málo Údaje tu, ale poďme sa pozrieť 29 00:01:08,870 --> 00:01:11,680 to, čo niektorí ľudia robili s tým. 30 00:01:11,680 --> 00:01:15,130 Takže mi dovoľte otvoriť tento príklad. 31 00:01:15,130 --> 00:01:20,770 A potom, takže napríklad môžete vidieť moja ruka tam analóg, ale teraz tentoraz 32 00:01:20,770 --> 00:01:26,680 niektorí ľudia používajú Unity majú rozhodol sa dať trochu viac kože 33 00:01:26,680 --> 00:01:28,670 a tak okolo ruky. 34 00:01:28,670 --> 00:01:35,900 Tak som si, poďme s tymto, Iste, majú ruky interakciu. 35 00:01:35,900 --> 00:01:41,050 A vy si asi predstaviť, pár ďalších skvelých užitočných vecí 36 00:01:41,050 --> 00:01:42,840 že si môžete robiť s tým. 37 00:01:42,840 --> 00:01:45,530 Takže to je aspoň jeden príklad. 38 00:01:45,530 --> 00:01:48,910 A potom sa poďme skočiť z toho. 39 00:01:48,910 --> 00:01:56,590 >> A potom ďalší kľuďas je, poďme s týmto. 40 00:01:56,590 --> 00:01:58,390 PLASMA guľou. 41 00:01:58,390 --> 00:02:03,510 Opäť platí, že by sme nemali byť nutne očakávať, že túto úroveň zložitosti 42 00:02:03,510 --> 00:02:06,450 z konečného projektu pre CS50. 43 00:02:06,450 --> 00:02:10,029 To je len ukázať niektoré, vám chlapci 44 00:02:10,029 --> 00:02:14,570 trochu inšpirácie pre to, čo vy môžete robiť s Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Tak napríklad tu v pohode napríklad fyzika, ktorý tam ideme. 46 00:02:20,500 --> 00:02:24,305 Má obe moje ruky, takže teraz si majú tento malý plazma gule. 47 00:02:24,305 --> 00:02:31,030 A loptu reaguje na fyzike ma pohybujúce sa ma za ruku okolo gule. 48 00:02:31,030 --> 00:02:36,920 Teraz je to všetko však používa Unity, za použitia druhu nástrojov a rámcov 49 00:02:36,920 --> 00:02:39,510 že sme sa učili chalani v triede, 50 00:02:39,510 --> 00:02:46,590 ale ako môžete vidieť niektoré docela pohode beh priechodky s tým. 51 00:02:46,590 --> 00:02:51,750 >> Ale jedna vec, ktorá vy môžete robiť rozjazde teraz s Leap Motion 52 00:02:51,750 --> 00:02:53,260 je práca v jazyku JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion má API JavaScript, ktorý vy môžete používať a dôrazne, vysoko 54 00:02:58,960 --> 00:03:02,040 Odporúčame, aby chlapci vybudovať Vaše projekty využívajúce že. 55 00:03:02,040 --> 00:03:04,350 Takže s tým, dovoľte mi, aby som odovzdať ho späť off Tomášovi 56 00:03:04,350 --> 00:03:06,582 hovoriť o Leap Motion a JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: cool. 58 00:03:07,415 --> 00:03:09,230 Alebo chcete zobraziť je Visualizer prvý? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh áno. 60 00:03:09,670 --> 00:03:10,170 Áno. 61 00:03:10,170 --> 00:03:11,900 Poďme hovoriť viac o tom Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Takže na najzákladnejšie level, keď prídete do Leap Motion 63 00:03:14,983 --> 00:03:16,940 budete mať toto políčko. 64 00:03:16,940 --> 00:03:18,330 Tu, chcú, aby som prevziať kontrolu? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Jo, ísť na to. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Takže keď sa Najskôr sa na Leap Motion 67 00:03:20,530 --> 00:03:21,780 budete mať toto políčko. 68 00:03:21,780 --> 00:03:24,460 To má zariadenie, ktoré vyzerá nejako takto. 69 00:03:24,460 --> 00:03:28,990 Môžete ho zapojte do vášho počítača, nainštalovať potrebné ovládače, 70 00:03:28,990 --> 00:03:30,950 a potom sa v podstate byť nastavená. 71 00:03:30,950 --> 00:03:34,160 Takže najjednoduchší spôsob, ako triediť z obchodu s Leap Motion 72 00:03:34,160 --> 00:03:39,240 je otvoriť tento program sa nainštaluje volal Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 A Visualizer je doslova to, čo som tu ukazovať. 74 00:03:41,490 --> 00:03:45,340 To vám umožní vidieť kostrové prehľad o vašich rúk. 75 00:03:45,340 --> 00:03:49,940 A čo Leap Motion interpretuje ich ako. 76 00:03:49,940 --> 00:03:53,750 Takže Leap Motion využíva kamery triediť z pohľadu na svoje ruky 77 00:03:53,750 --> 00:03:59,176 a potom sa snažia odhadnúť, čo základné kostrové zloženie, ktoré vás 78 00:03:59,176 --> 00:04:00,460 vidieť na obrazovke je. 79 00:04:00,460 --> 00:04:01,669 A to je to, čo vám ukáže. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Každý jediný zmysel 81 00:04:03,418 --> 00:04:06,580 a to, že ste vidieť, že je Údaje, ktoré je k dispozícii na vami 82 00:04:06,580 --> 00:04:07,270 tiež použiť. 83 00:04:07,270 --> 00:04:09,670 Takže vidíte, že je to zachytenie, že Tomas 84 00:04:09,670 --> 00:04:12,160 má päť prstov, každý z tieto jednotlivé prsty 85 00:04:12,160 --> 00:04:17,110 sú k dispozícii aj pre vás údaje body pre použitie v akejkoľvek aplikácii 86 00:04:17,110 --> 00:04:18,256 že budete chcieť. 87 00:04:18,256 --> 00:04:20,339 Ak chcete zistiť, či niekto robí palce hore 88 00:04:20,339 --> 00:04:23,860 vidíte, či prsty sú skrútené a či sú 89 00:04:23,860 --> 00:04:25,850 palec prst smeruje smerom nahor, alebo ak 90 00:04:25,850 --> 00:04:30,037 ich zápästia alebo dlaň je a tento druh vecí. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: cool. 92 00:04:30,870 --> 00:04:35,186 Takže môžete vidieť niektoré gestá to chápe lepšie ako ostatní. 93 00:04:35,186 --> 00:04:38,310 Pamätajte si, že sa pozerá na vaše ručne z kamery na od dna, 94 00:04:38,310 --> 00:04:41,630 takže keď máte ruky ako to, že je plne chápe, 95 00:04:41,630 --> 00:04:44,509 ale akonáhle začnete, aby sa pokúsila urobiť palec hore, niekedy to číta, 96 00:04:44,509 --> 00:04:47,550 Niekedy to môže hádať, ale úprimne fotoaparát jednoducho nemôže vidieť palec. 97 00:04:47,550 --> 00:04:49,810 Takže to nie je naozaj istí, že to, čo sa deje. 98 00:04:49,810 --> 00:04:54,910 Len niektoré obmedzenia mať na pamäti, keď ste vývoji s tým. 99 00:04:54,910 --> 00:04:56,540 >> Každopádne, takže sa vracia do toho. 100 00:04:56,540 --> 00:04:59,040 Visualizer vlastne má veľa užitočných nástrojov. 101 00:04:59,040 --> 00:05:01,780 Takže Leap Motion je naprogramovaný takým spôsobom, 102 00:05:01,780 --> 00:05:04,280 že neočakávajú, aby ste komunikovať s tým, že obrazovými dátami. 103 00:05:04,280 --> 00:05:06,230 Nemajú vlastne Očakávam, že pochopiť 104 00:05:06,230 --> 00:05:08,060 čo sa deje v zákulisí. 105 00:05:08,060 --> 00:05:11,620 To, čo robia, je vystaviť banda API pre vás 106 00:05:11,620 --> 00:05:13,420 taká, že môžete komunikovať s týmito dátami 107 00:05:13,420 --> 00:05:18,400 priamo bez pochopenia čo sa deje pod kapotou. 108 00:05:18,400 --> 00:05:27,790 >> Takže ak sme narazili H tu v Visualizer uvidíte veľa možností. 109 00:05:27,790 --> 00:05:35,450 Dôležitý tu však je, ak trafíte O a stlačiť H, 110 00:05:35,450 --> 00:05:38,080 uvidíte, že to umožňuje kresliť gestá. 111 00:05:38,080 --> 00:05:43,380 Takže gesto, uvidíte čerpá šípku naprieč. 112 00:05:43,380 --> 00:05:47,010 Gesto je jedným zo spôsobov, ktoré Leap Motion druh vám umožní dostať sa na údaje 113 00:05:47,010 --> 00:05:48,462 aby bolo nutné ich spracovávať. 114 00:05:48,462 --> 00:05:51,170 Takže skôr než ma museli prísť out, oh, ruka bola v pohybe, 115 00:05:51,170 --> 00:05:54,970 aj keď mám prístupový bod k API bude nejako mi to povedať, 116 00:05:54,970 --> 00:05:56,380 hej, oni robili toto gesto. 117 00:05:56,380 --> 00:05:58,920 Takže si môžete urobiť základné šípkami gestá. 118 00:05:58,920 --> 00:06:00,590 Môžete vytvoriť kruh gestá. 119 00:06:00,590 --> 00:06:03,530 Môžete vytvoriť kliknutím na gestá. 120 00:06:03,530 --> 00:06:07,630 A vy môžete urobiť kľúčové tlačové gestá. 121 00:06:07,630 --> 00:06:09,394 Jo. 122 00:06:09,394 --> 00:06:10,800 A také veci. 123 00:06:10,800 --> 00:06:14,370 Takže teraz, že máme trochu videl, čo Leap Motion sa dá robiť, 124 00:06:14,370 --> 00:06:17,792 môžete vidieť, že vie čítať celá partia gest. 125 00:06:17,792 --> 00:06:19,500 Myslím si, že budem odovzdať ho späť na Armi 126 00:06:19,500 --> 00:06:22,300 a on sa bude hovoriť o tom, ako vám na nich s JavaScript, 127 00:06:22,300 --> 00:06:24,520 ako ste dokonca začať projekt s tým. 128 00:06:24,520 --> 00:06:27,724 A potom budeme hovoriť o niektorých pohode miest, kam môžete ísť s tým. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Jo. 130 00:06:28,640 --> 00:06:29,300 Znie to dobre. 131 00:06:29,300 --> 00:06:31,950 Tak jo, prvá vec, ktorú by sme bude chcieť, aby si samozrejme, 132 00:06:31,950 --> 00:06:37,170 je potom, čo sa dostanete Leap Motion je na prejsť na leapmotion.com, nastaviť, nainštalovať 133 00:06:37,170 --> 00:06:38,420 vodiči a tak. 134 00:06:38,420 --> 00:06:42,520 Potom, čo robí, že môžete ísť uistite sa, že je pripojený. 135 00:06:42,520 --> 00:06:46,910 Vidíte-li v malom zásobníku Leap Motion ikona a je to zelené, 136 00:06:46,910 --> 00:06:48,640 potom viete, že to je všetko. 137 00:06:48,640 --> 00:06:53,710 A samozrejme, pozrite sa, čo presne Tomas len ukázal tie gestá 138 00:06:53,710 --> 00:06:59,320 a robí na obrazovke kohútiky, a kľúčové kohútiky, a tento druh vecí. 139 00:06:59,320 --> 00:07:02,180 >> Potom však my, ešte raz, ako som povedal, 140 00:07:02,180 --> 00:07:06,530 máme prístup ku všetkým z nich veci v JavaScripte rovnako. 141 00:07:06,530 --> 00:07:09,020 Ideálne nastavenie, ktoré by sme vám odporúčame 142 00:07:09,020 --> 00:07:16,440 chlapi, je ísť do vhost adresár, miestne hostiteľ, 143 00:07:16,440 --> 00:07:19,340 verejnosť v CS50 spotrebiča. 144 00:07:19,340 --> 00:07:24,790 A keď sa tam to, čo budete vidieť, je index bodka súbor HTML. 145 00:07:24,790 --> 00:07:28,180 Teraz, keď index dot HTML súbor alebo index dot 146 00:07:28,180 --> 00:07:32,740 PHP súbor, podľa toho, čo je v poriadku, čo sa potom môžete robiť 147 00:07:32,740 --> 00:07:35,150 je ísť do hlavného operačného systému. 148 00:07:35,150 --> 00:07:38,650 A keď idete na IP adresy ktorá je uvedená v pravom dolnom rohu 149 00:07:38,650 --> 00:07:45,180 rohu vášho prístroja priamo tu, ako môžete vidieť, potom to, čo sa deje 150 00:07:45,180 --> 00:07:51,240 sa môžete prejsť na stránku, ktorá je odkazuje, že index bodka HTML súboru. 151 00:07:51,240 --> 00:07:56,610 Takže všetok kód, ktorý môžete umiestniť do tam dostane poslal a je použiteľný tu. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Tak to je taky dôležité len orientačné 153 00:07:58,960 --> 00:08:06,554 že ak vy vlastne viete, Ako nastaviť server sám, 154 00:08:06,554 --> 00:08:09,720 alebo ak chcete dať na celom svete tento web, ste vítaní robiť čokoľvek. 155 00:08:09,720 --> 00:08:11,594 Pamätajte si, že sa jedná o len súbory JavaScript 156 00:08:11,594 --> 00:08:14,250 a všetky spracovanie Leap sa vykonáva na strane klienta. 157 00:08:14,250 --> 00:08:16,510 Takže to naozaj nezáleží kde sa váš server životy 158 00:08:16,510 --> 00:08:19,660 tak dlho, kým počítač si prezeráte webové stránky na 159 00:08:19,660 --> 00:08:22,024 nainštaloval Leap Motion. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Presne tak. 161 00:08:23,190 --> 00:08:25,680 Rovnako ako Tomáš povedal, jo, čo pracuje pre vás. 162 00:08:25,680 --> 00:08:28,570 To je len jeden z našich odporúčaní. 163 00:08:28,570 --> 00:08:31,660 Teraz začať používať skok Motion, čo by ste urobili 164 00:08:31,660 --> 00:08:36,640 sa chcete importovať JavaScript súbor z Leap Motion. 165 00:08:36,640 --> 00:08:39,610 A potom sa tam to, čo môžete urobiť, je práve teraz 166 00:08:39,610 --> 00:08:44,250 Mám len tento odsek štítok nastaviť s ID textu. 167 00:08:44,250 --> 00:08:48,690 Veci, ktoré by sme Odporúčame sú možnosti nastavenia regulátora 168 00:08:48,690 --> 00:08:52,012 pre Leap Motion s umožňujú gestá aby to bola pravda. 169 00:08:52,012 --> 00:08:53,970 Takže v predvolenom nastavení tými gestá, ktorá vám ukázali 170 00:08:53,970 --> 00:08:57,010 chalani, kruh, a kľúč kohútik, a oháňa, 171 00:08:57,010 --> 00:09:00,330 tie, ktoré nie sú zobrazené na chlapci v predvolenom nastavení. 172 00:09:00,330 --> 00:09:04,450 Ale odporúčame používať tie takže nie ste objavovanie Ameriky. 173 00:09:04,450 --> 00:09:09,489 Povolenie pre tých, pravda, okolo tých Možnosti radiče skočiť dot slučky 174 00:09:09,489 --> 00:09:10,530 a to je všetko, aby mohli vyraziť. 175 00:09:10,530 --> 00:09:13,270 Vzhľadom k tomu, potom stačí len definovali anonymné funkcie 176 00:09:13,270 --> 00:09:16,910 , Ktorý bude mať v rám z Leap Motion 177 00:09:16,910 --> 00:09:21,150 a že rám má všetky Informácie, ktoré budete potrebovať. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Takže len preto, aby rekapitulácia, budete mať jeden objekt. 179 00:09:25,310 --> 00:09:28,250 Máte túto funkciu volal skok dot slučka. 180 00:09:28,250 --> 00:09:30,460 A vy to nazývate s dvomi argumentmi. 181 00:09:30,460 --> 00:09:33,134 Zavoláte to s jedným, možnosti regulátor. 182 00:09:33,134 --> 00:09:35,300 A existuje veľa Voľby, ktoré môžete umiestniť tam. 183 00:09:35,300 --> 00:09:38,170 Ten budeme Dôraz je umožniť gestá. 184 00:09:38,170 --> 00:09:41,230 A ak si nastavíte ju na hodnotu pravda, potom môžete získať prístup na tohle gest 185 00:09:41,230 --> 00:09:42,940 že vám ukázal v Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> A potom druhý argument je funkcie, je to niečo ako spätné volanie 187 00:09:47,500 --> 00:09:53,010 ktorá sa bude volať každý čas každú rámec Leap 188 00:09:53,010 --> 00:09:57,340 Takže zakaždým, keď prestupné registre, ktoré vaša ruka ťah, to má nový rám. 189 00:09:57,340 --> 00:10:02,130 A to volanie tejto funkcie s jedným argument, ktorý je predmetom rámik. 190 00:10:02,130 --> 00:10:05,909 A že rám objekt opisuje rám ako skok to vidia. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Presne tak. 192 00:10:06,950 --> 00:10:10,450 Takže tento obsahuje všetky užitočné kúsky informácií 193 00:10:10,450 --> 00:10:12,550 že sme hovorili o tom skôr. 194 00:10:12,550 --> 00:10:18,010 Kontrola snímok dot gestá je pole gest 195 00:10:18,010 --> 00:10:23,680 že skok pohyb chytil svoj ruky robia v poslednom framu. 196 00:10:23,680 --> 00:10:26,470 Tak napríklad, to, čo sme tu sa budeme kontrolovať, 197 00:10:26,470 --> 00:10:31,820 hej, Leap, v tom poslednom snímke urobil chytiť všetky gestá, ktoré som urobil? 198 00:10:31,820 --> 00:10:36,350 A ak áno, čo sme sa rozhodli urobiť Je iterovat týchto gest 199 00:10:36,350 --> 00:10:39,760 a pokúsiť sa získať nejaké užitočné informácie z nich. 200 00:10:39,760 --> 00:10:44,290 Každé gesto má jedinečný ID s ním spojené. 201 00:10:44,290 --> 00:10:46,280 Majú typy. 202 00:10:46,280 --> 00:10:50,220 Môžete sa pozrieť na ktoré prsty boli zapojení do gestá 203 00:10:50,220 --> 00:10:52,770 kontrolou túto smerovateľná veci. 204 00:10:52,770 --> 00:10:56,490 Takže ak, keď idete cez Leap Motion JavaScript API veci, 205 00:10:56,490 --> 00:10:59,630 keď sa zmieniť pointables, oni hovoria o týchto prstov. 206 00:10:59,630 --> 00:11:04,480 A potom ruky sú, samozrejme, celý ruka objekt. 207 00:11:04,480 --> 00:11:05,210 >> Čo ešte? 208 00:11:05,210 --> 00:11:08,630 Môžete skontrolovať, ako dlho pohyb pokračoval 209 00:11:08,630 --> 00:11:11,640 pre a, áno, všetky tie užitočné veci. 210 00:11:11,640 --> 00:11:16,490 Takže to, čo robím práve teraz Tu je, že som prihlásený rám, 211 00:11:16,490 --> 00:11:24,350 a potom som aktualizovať HTML na zobrazenie všetky tieto bity informácií 212 00:11:24,350 --> 00:11:25,820 z rámu. 213 00:11:25,820 --> 00:11:28,010 Takže poďme skontrolovať, že von. 214 00:11:28,010 --> 00:11:29,440 >> Tak tu to je. 215 00:11:29,440 --> 00:11:34,730 Tu je súbor HTML index bodka. 216 00:11:34,730 --> 00:11:38,560 A ako ste práve videli, keď som sa práve presťahoval moja ruka Leap chytil kruhu pohyb. 217 00:11:38,560 --> 00:11:44,960 Takže vidíte, ma robí kruh cez tu, aktualizuje informácie kruhu. 218 00:11:44,960 --> 00:11:48,332 Robiť oháňa, chytá oháňa. 219 00:11:48,332 --> 00:11:49,290 Skúsme kartu obrazovky. 220 00:11:49,290 --> 00:11:50,090 Tam sme ísť. 221 00:11:50,090 --> 00:11:52,370 Kliknite na obrazovke a kliknite na kľúč. 222 00:11:52,370 --> 00:11:55,040 Takže kľúčové kohúty Tiež tým, že spôsobom, sú, keď narazí dole. 223 00:11:55,040 --> 00:11:57,260 Takže si viete predstaviť Možno, že hrá na klavír. 224 00:11:57,260 --> 00:11:59,869 >> A potom sa na obrazovke kohútiky keď narazí na obrazovku. 225 00:11:59,869 --> 00:12:02,910 Takže si dokážete predstaviť, možno si skutočne majú dotykovú obrazovku pred sebou 226 00:12:02,910 --> 00:12:05,190 a vy ste biť na dotyk obrazovky pred vami. 227 00:12:05,190 --> 00:12:08,470 A potom sa môžeme chytiť jeden z týchto objektov v sem. 228 00:12:08,470 --> 00:12:12,960 Takže pamätajte Povedal som, že som bol absolvovanie rám do logu konzoly. 229 00:12:12,960 --> 00:12:17,160 A tak sa môžeme pozrieť na všetky kúsky informácií 230 00:12:17,160 --> 00:12:22,500 ktoré sú k dispozícii v že rám tiež použiť. 231 00:12:22,500 --> 00:12:26,320 >> Rovnako ako som povedal predtým, pointables sú prsty. 232 00:12:26,320 --> 00:12:30,260 V tej chvíli sme nemali naše ruky pred Leap Motion 233 00:12:30,260 --> 00:12:32,010 tak to zapísaná nula, ale to je to, ako vás 234 00:12:32,010 --> 00:12:35,980 začne zistiť možná Koľko prstov je obrazovka. 235 00:12:35,980 --> 00:12:37,810 A tento typ informácií. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: a spomínanie je to len objekt. 237 00:12:40,060 --> 00:12:42,185 Takže všetko, čo sa dá pristupovať niečo ako struct 238 00:12:42,185 --> 00:12:45,540 v C. Tie majú za cieľ meno bodka názov vlastnosti. 239 00:12:45,540 --> 00:12:48,830 A potom v rámci ktorej máte polia a máte ďalšie objekty, 240 00:12:48,830 --> 00:12:50,850 ale pamätajte, že je to len objekt. 241 00:12:50,850 --> 00:12:53,788 Na tom nie je nič zvláštne preto, že sme pomocou skok. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Jo. 243 00:12:54,704 --> 00:12:56,544 Super. 244 00:12:56,544 --> 00:12:58,710 Mali by sme vyskúšať pár príkladov JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: Tak Rýchlo si uvedomiť, že my 247 00:13:07,810 --> 00:13:12,470 povedal, že Leap môže v skutočnosti spustiť na všetkých stránkach. 248 00:13:12,470 --> 00:13:15,250 LeapJS práve podáva klientovi. 249 00:13:15,250 --> 00:13:19,850 A tak spolu ako klient Leap Motion pripojený že to bude fungovať. 250 00:13:19,850 --> 00:13:22,540 Takže Leap Motion má webové stránky, kde sa ľudia 251 00:13:22,540 --> 00:13:24,540 môžu zdieľať svoje príklady z vecí, ktoré urobili. 252 00:13:24,540 --> 00:13:26,623 Takže sme jednoducho ísť prostredníctvom niekoľkých z nich 253 00:13:26,623 --> 00:13:29,980 aby zistili, čo je možné pred potápanie do viac špecifiká o tom, ako 254 00:13:29,980 --> 00:13:32,510 je to možné. 255 00:13:32,510 --> 00:13:33,346 Tak 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Uvidíme. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Teraz je potrebné pracovať. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Tak teraz predtým, než sme videli príklad 259 00:13:38,520 --> 00:13:45,280 pomocou jednoty, ktorá vykreslený naše ruky s celkom pôsobivé grafické kožou, 260 00:13:45,280 --> 00:13:50,200 ale teraz môžete vidieť, čo môžete urobiť to isté vnútri webovom prehliadači. 261 00:13:50,200 --> 00:13:54,640 To všetko je v Chrome len pomocou JavaScript. 262 00:13:54,640 --> 00:13:57,460 A potom ďalšie pekné vec je, ak chcete 263 00:13:57,460 --> 00:14:02,610 vedieť, ako to urobili, príklady na JavaScripte 264 00:14:02,610 --> 00:14:07,540 tiež obsahovať kódu, ktoré si môžete vyskúšať a potom uvidíte 265 00:14:07,540 --> 00:14:12,570 ako sa táto osoba bola schmatol ruky a kódy a tak. 266 00:14:12,570 --> 00:14:16,730 >> Tak to je všetko, čo môžete nájsť na developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Môžete ísť a check-out JavaScript príklady, ktoré tam majú. 268 00:14:20,810 --> 00:14:23,280 Tak jo. 269 00:14:23,280 --> 00:14:25,205 Tu sú tie, oops ľúto. 270 00:14:25,205 --> 00:14:27,680 Skúsme to znova. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Mám dve pravej ruke. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Tak jo. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Tak a ešte raz, pamätať niekedy Leap skazí. 276 00:14:37,440 --> 00:14:40,790 Len to chvíľu. 277 00:14:40,790 --> 00:14:42,784 Nie je to dokonalé, ale je to celkom dobré. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: One ďalšie odporúčania tiež 279 00:14:44,700 --> 00:14:48,780 je to robiť na priamom slnečnom svetle. 280 00:14:48,780 --> 00:14:51,260 Spôsob, akým Leap Motion Práca je, v skutočnosti 281 00:14:51,260 --> 00:14:54,500 ak ukážem kameru tento tiež, infračervené svetlo. 282 00:14:54,500 --> 00:14:57,375 Tak to posiela tie, a potom sa číta je, keď sa vráti. 283 00:14:57,375 --> 00:14:59,250 Takže ak sa snažíte to urobiť priamemu slnečnému žiareniu, 284 00:14:59,250 --> 00:15:01,610 Napríklad, je to asi nebude fungovať, 285 00:15:01,610 --> 00:15:05,850 alebo, že to bude vyžadovať niektorí kalibrácia, aby tak urobili. 286 00:15:05,850 --> 00:15:10,450 >> Aj ďalšie odporúčanie je vyčistiť priestor za skok 287 00:15:10,450 --> 00:15:12,740 a pred Leap. 288 00:15:12,740 --> 00:15:15,520 Ber to ako práca vnútri kupoly, ktorá je 289 00:15:15,520 --> 00:15:18,360 obklopujúce tento objekt Leap Motion. 290 00:15:18,360 --> 00:15:20,550 V prípade, že je vec správna za to, ako dobre, 291 00:15:20,550 --> 00:15:24,740 že to tiež bude zasahovať s tým, ako Leap Motion sa snaží 292 00:15:24,740 --> 00:15:26,690 rozpoznať ruku a tento druh vecí. 293 00:15:26,690 --> 00:15:30,010 >> Tak napríklad, myslím, že v tomto prípad, že je to môj notebook vlastne 294 00:15:30,010 --> 00:15:34,351 to je niečo robiť Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Jo, ideme na to. 296 00:15:35,100 --> 00:15:41,021 Takže keď som sa vypratať svoj laptop od Za ním ruka objaví celkom dobre. 297 00:15:41,021 --> 00:15:41,520 Tak jo. 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 Takže to, čo ešte sme sa im ukázať. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Myslím si, že Teraz bude čas 302 00:15:48,250 --> 00:15:52,039 triediť ponoru do a Povedzme vytvoriť demo úplne od nuly. 303 00:15:52,039 --> 00:15:53,330 Bude to naozaj jednoduché. 304 00:15:53,330 --> 00:15:55,250 V podstate to, čo budeme pokúsiť sa urobiť, je, aby to 305 00:15:55,250 --> 00:15:58,570 tak, že keď prejdete rukou, na pozadie sa začnú tak, ako červené, 306 00:15:58,570 --> 00:16:01,361 a keď prejdete rukou, pozadie sa bude zelenať. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Naozaj jednoduché. 309 00:16:03,709 --> 00:16:05,750 A to je v podstate len ísť cez mnoho 310 00:16:05,750 --> 00:16:08,360 z koncepcií, Leap takže môžeme 311 00:16:08,360 --> 00:16:12,630 dostať sa do tejto ideológie ako Leap funguje a ako môžeme stavať veci s tým. 312 00:16:12,630 --> 00:16:16,760 A potom sa tam stretneme Pravdepodobne len ukázať vám 313 00:16:16,760 --> 00:16:19,710 Docs API a kde na vás môžete prečítať viac o tom. 314 00:16:19,710 --> 00:16:21,030 A potom budeme hovoriť deň. 315 00:16:21,030 --> 00:16:24,294 Takže chceš kód alebo chceš, aby som kódu? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Jo. 317 00:16:25,210 --> 00:16:28,350 No, myslím, že môžeme pracovať spoločne na to a skúste 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: takže budeme urobiť nejaké pár kódovanie. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: sme tam ísť. 320 00:16:31,500 --> 00:16:33,250 To je presne to, čo som sa chcel vyskúšať. 321 00:16:33,250 --> 00:16:34,700 Super. 322 00:16:34,700 --> 00:16:38,750 Tak napríklad v tú, poďme sa pozrieť. 323 00:16:38,750 --> 00:16:40,979 Aj keď sme sa iterácie prostredníctvom gest už, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Chcete, aby sa Len celkom nový súbor? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Úplne nový súbor? 326 00:16:43,870 --> 00:16:44,246 Jo, určite. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Jo. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Tak poďme to urobiť. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Takže ideme aby sa úplne súboru. 330 00:16:48,253 --> 00:16:51,290 Budeme hovoriť, že ruky dot HTML. 331 00:16:51,290 --> 00:16:52,670 To je v pohode so mnou. 332 00:16:52,670 --> 00:16:59,020 Takže pamätajte urobíte značku HTML, potom v rámci ktorej budete mať hlavu. 333 00:16:59,020 --> 00:17:02,982 Táto hlava má titul v ňom. 334 00:17:02,982 --> 00:17:04,349 Takže karta iná cesta. 335 00:17:04,349 --> 00:17:05,589 Tu to je. 336 00:17:05,589 --> 00:17:09,359 Titul, budeme hovoriť Leap príklad. 337 00:17:09,359 --> 00:17:12,163 Jo. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Názov. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Jo. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Tu to máme. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: A potom poďme urobiť telo. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Počkajte, poďme Tiež skontrolujte, či chcete importovať. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, samozrejme. 345 00:17:22,060 --> 00:17:22,560 Má zlé. 346 00:17:22,560 --> 00:17:28,700 Takže vždy uistite, že máte Leap skript, tak to je scenár vám dané 347 00:17:28,700 --> 00:17:31,810 od Leap Motion, ktorá v podstate umožňuje webový prehliadač pre pripojenie 348 00:17:31,810 --> 00:17:35,580 do zariadenia na počítači užívateľa. 349 00:17:35,580 --> 00:17:38,510 A potom sa v tomto tiež potrebujú telo a povedzme, 350 00:17:38,510 --> 00:17:40,580 aby sa telo pozdraviť tak že môžeme ukázať študentom 351 00:17:40,580 --> 00:17:42,704 ako sa pripojiť k tejto novej webové stránky, ktoré robil. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Iste. 353 00:17:44,260 --> 00:17:45,724 Tak nech to len dať another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Ahoj, ahoj svet. 355 00:17:48,730 --> 00:17:50,210 Takže veľmi jednoduchý príklad. 356 00:17:50,210 --> 00:17:53,400 Naozaj len demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: A potom tu máme môže ísť, sa nazýva sme to ruka dot HTML, 358 00:17:58,505 --> 00:18:00,000 že jo? 359 00:18:00,000 --> 00:18:00,810 A oh! 360 00:18:00,810 --> 00:18:04,310 Tak by ma zaujímalo, čo je zle s týmto práve teraz. 361 00:18:04,310 --> 00:18:07,639 Poďme pridať povolenie na čítanie do ruky dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Chcete na to vo veľkom termináli 363 00:18:09,930 --> 00:18:11,080 takže môžeme len ukázať, že na the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Jo, to dáva zmysel. 365 00:18:12,501 --> 00:18:13,001 Dobrá. 366 00:18:13,001 --> 00:18:15,720 Tak som pridal oprávnenia, ale ak 367 00:18:15,720 --> 00:18:18,350 boli sa pozrieť oprávnenia než sme 368 00:18:18,350 --> 00:18:22,560 by vidieť, že vlastne za ruku dot HTML nemal povolenie na čítanie 369 00:18:22,560 --> 00:18:25,570 a preto sme nemohli urobiť to. 370 00:18:25,570 --> 00:18:30,850 Ale teraz keď to urobíme tak, vidíme svoju malý hello world práve tam. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Takže je vlastne, ako písal, Hello World, 372 00:18:33,580 --> 00:18:35,371 Myslel som, že o spôsobe môžeme zmeniť. 373 00:18:35,371 --> 00:18:41,150 Urobme to hovoriť Hello World, a potom, keď vlna, hovorí zbohom. 374 00:18:41,150 --> 00:18:41,650 Je to tak? 375 00:18:41,650 --> 00:18:42,210 Tak ahoj, dovidenia. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Iste. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: To znie celkom dobre. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: To znie dobre, taky. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Takže ak sme robiť, že povedzme, 380 00:18:46,920 --> 00:18:48,980 premyslieť webové stránky trochu. 381 00:18:48,980 --> 00:18:51,800 Budeme potrebovať nejaký skript ktorý v podstate registruje 382 00:18:51,800 --> 00:18:56,470 že ste zamával, a skok, vlna a švihnúť, to isté. 383 00:18:56,470 --> 00:18:59,584 Takže budeme potrebovať skript, ktorý v podstate registruje pre tento výpad. 384 00:18:59,584 --> 00:19:01,500 A ďalšia vec, že ​​sme bude potrebovať, je, že sme 385 00:19:01,500 --> 00:19:04,360 bude potrebovať nejaké skutočný obsah zmeniť. 386 00:19:04,360 --> 00:19:07,850 >> Tak, ako si spomeniete, jQuery umožňuje meniť obsah. 387 00:19:07,850 --> 00:19:13,017 Takže jedna vec, ktorú by sme mohli chcieť zahrnúť v je knižnica jQuery. 388 00:19:13,017 --> 00:19:16,100 A potom, aby bolo možné zvoliť, čo sme vlastne bude meniť obsah, 389 00:19:16,100 --> 00:19:18,224 že to bude potrebovať ID alebo triedy, alebo niečo 390 00:19:18,224 --> 00:19:20,100 že môžeme použiť, vyberte ho. 391 00:19:20,100 --> 00:19:25,010 Tak sme si len dať si rýchla ID zmeny textu. 392 00:19:25,010 --> 00:19:26,974 A potom ho chcete chytiť jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Takže to, čo je prvý vec na náš zoznam úloh potom teraz? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Poďme chytiť jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Poďme chytiť jQuery, OK, v pohode. 396 00:19:32,494 --> 00:19:34,502 V tom prípade idem musieť actually-- 397 00:19:34,502 --> 00:19:36,210 ak by bol Najlepšie miesto na to, že? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, takže ak ste Google jQuery, jQuery hit, prvý 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Veľmi prvý. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Or download. 401 00:19:42,135 --> 00:19:42,650 To je v poriadku. 402 00:19:42,650 --> 00:19:46,482 Hit sťahovanie V1 a V2, na ľavej strane. 403 00:19:46,482 --> 00:19:49,190 Takže sme popísať jQuery od on-line, ako vy ste asi urobil. 404 00:19:49,190 --> 00:19:50,440 Posunúť nadol. 405 00:19:50,440 --> 00:19:51,260 Hore, hore. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, tu teraz? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Alebo že. 408 00:19:54,460 --> 00:19:54,960 Jo. 409 00:19:54,960 --> 00:20:00,150 Takže jQuery má hostované verzie čo znamená, že nie v skutočnosti 410 00:20:00,150 --> 00:20:01,890 je potrebné ho stiahnuť, ale ty si viac než 411 00:20:01,890 --> 00:20:07,734 vitajte na stiahnuť a hosť sami. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: cool. 413 00:20:08,650 --> 00:20:09,566 Takže teraz máme jQuery. 414 00:20:09,566 --> 00:20:11,122 Teraz, čo je ďalší na našej urobiť zoznam. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Úžasné. 416 00:20:12,080 --> 00:20:13,910 Takže nabudúce, čo potrebujeme urobiť, je, že sme skutočne potrebujú 417 00:20:13,910 --> 00:20:17,750 dať p hello world ID tak sme to môže zmeniť, nie? 418 00:20:17,750 --> 00:20:24,514 Takže poďme dať predstavu, Ja neviem, zmeniť text? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Povedzme to urobiť takto, myslím. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, v pohode. 421 00:20:28,013 --> 00:20:29,830 A teraz poďme stačí aktualizovať stránku. 422 00:20:29,830 --> 00:20:31,142 Uistite sa, že všetko funguje. 423 00:20:31,142 --> 00:20:32,100 Takže späť v prehliadači. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Super. 426 00:20:36,922 --> 00:20:39,380 Vždy dobre pripomienkou toho, že keď ste budovanie internetovej stránky, 427 00:20:39,380 --> 00:20:44,450 pravdepodobne aktualizovať zakaždým, keď vykonáte akákoľvek trochu významná zmena len 428 00:20:44,450 --> 00:20:47,993 preto, že niekedy sa náhodne pokles značku, 429 00:20:47,993 --> 00:20:51,640 alebo ste omylom zmazať niečo, a potom rozbiť niečo malé, 430 00:20:51,640 --> 00:20:55,880 ale potom, keď urobíte väčšiu zmenu ste ako, prečo to veľká zmena 431 00:20:55,880 --> 00:20:57,910 zdanlivo rozbiť nesúvisiace veci. 432 00:20:57,910 --> 00:21:02,840 Takže je to vždy dobré akési ísť a robiť tie kontroly zdravý rozum. 433 00:21:02,840 --> 00:21:05,610 >> Každopádne tak teraz poďme robiť Posledná kontrola rozumu, 434 00:21:05,610 --> 00:21:09,800 ktorý sa poďme pokúsiť zmeniť Text bez Leap Motion, 435 00:21:09,800 --> 00:21:11,820 bez ničoho, len na zaťaženie stránke to bude 436 00:21:11,820 --> 00:21:17,140 zmeniť Hello World na zbohom pomocou jQuery. 437 00:21:17,140 --> 00:21:21,400 Takže ak si spomeniete jQuery vystavuje tento znak dolára funkcie, 438 00:21:21,400 --> 00:21:28,640 ktoré môžeme prejsť voliča CSS, a to hashtag zmena text, ktorý 439 00:21:28,640 --> 00:21:31,590 vyberie prvok s ID zmeny textu. 440 00:21:31,590 --> 00:21:34,980 A potom pôjdeme volanie metódy HTML 441 00:21:34,980 --> 00:21:40,390 na objekte sa vracia s Argument reťazca zbohom, ktorý 442 00:21:40,390 --> 00:21:45,600 zmení položky HTML rozlúčiť. 443 00:21:45,600 --> 00:21:46,210 Desivý. 444 00:21:46,210 --> 00:21:48,790 To sa zdá celkom v pohode. 445 00:21:48,790 --> 00:21:52,365 A teraz, keď sme sa občerstviť stránky budeme vidieť 446 00:21:52,365 --> 00:21:54,040 sa okamžite zmení na rozlúčku, nie? 447 00:21:54,040 --> 00:21:55,910 Vzhľadom k tomu, že nebude čakať na nič. 448 00:21:55,910 --> 00:21:59,200 Druh akonáhle tomuto scriptu spustí sa zmení to zbohom. 449 00:21:59,200 --> 00:22:00,430 Super. 450 00:22:00,430 --> 00:22:03,790 >> Takže teraz poďme zabaliť, že vo funkcii. 451 00:22:03,790 --> 00:22:04,290 Správne. 452 00:22:04,290 --> 00:22:06,270 Takže budeme chcieť aby sa funkcie. 453 00:22:06,270 --> 00:22:08,160 Budeme hovoriť zbohom. 454 00:22:08,160 --> 00:22:11,570 Takže zbohom funkcia je bude trvať žiadne argumenty 455 00:22:11,570 --> 00:22:14,170 a to nie je naozaj chystá k návratu nič. 456 00:22:14,170 --> 00:22:18,850 A je to len bude tomu, že v JavaScripte. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Výborne. 459 00:22:23,140 --> 00:22:27,000 Takže naša funkcia zbohom teraz zmení text rozlúčka, nie? 460 00:22:27,000 --> 00:22:28,930 Tak to nám dáva cestu sa v podstate zmenou 461 00:22:28,930 --> 00:22:32,871 že text goodbye kedykoľvek je to sme zavolali túto funkciu. 462 00:22:32,871 --> 00:22:33,370 Je to tak? 463 00:22:33,370 --> 00:22:35,290 Tak to je celkom v pohode. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: No, my sme Môžete tiež len sa uistite, 465 00:22:37,430 --> 00:22:41,040 že teraz, pretože nie sme volania funkcie, ak budeme aktualizovať stránku, 466 00:22:41,040 --> 00:22:44,460 Všimnite si, že to nebude zmeniť text. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Výborný. 468 00:22:45,509 --> 00:22:47,800 Takže teraz ideme na začiatok sa dostať do tej Leap veci 469 00:22:47,800 --> 00:22:49,880 že sme hovorili o. 470 00:22:49,880 --> 00:22:52,240 Takže Armi, chceš vezmite si ju odtiaľto, alebo? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Jo. 472 00:22:52,640 --> 00:22:53,139 Iste. 473 00:22:53,139 --> 00:22:56,260 Ja som asi bude potrebovať prekontrolovať veci, 474 00:22:56,260 --> 00:22:58,250 ale napríklad pamätať povedali sme chceli 475 00:22:58,250 --> 00:23:02,627 aby sa ubezpečil, v okne Možnosti sme si stanovili umožniť gestá 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Dobrý úlovok. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: je to pravda. 478 00:23:06,250 --> 00:23:08,960 A potom sme boli odporúčací že chlapci by 479 00:23:08,960 --> 00:23:12,230 beh skok dot slučka, ktorá ako už sme povedali, 480 00:23:12,230 --> 00:23:18,140 má dve možnosti, objekt JSON, ktorý sa o možnosti, ako chcete 481 00:23:18,140 --> 00:23:22,030 nakonfigurovať Leap Motion práce, a potom sa funkcie, ktorá je 482 00:23:22,030 --> 00:23:27,640 nechytí rámu ako spätné volanie Funkcie ako Tomáš hovoril. 483 00:23:27,640 --> 00:23:30,470 A potom upraviť, čo chcete čo do činenia s týmto funkciou. 484 00:23:30,470 --> 00:23:33,890 >> Tak sme sa prejsť v možnosť a teraz definujeme 485 00:23:33,890 --> 00:23:36,117 funkcia, ktorá bude mať v rámčeku. 486 00:23:36,117 --> 00:23:38,200 A teraz musíme definovať to, čo táto funkcia robí. 487 00:23:38,200 --> 00:23:42,569 Je to tiež kvôli budúcnosť, to urobiť, aby sa ubezpečil. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Výborný. 489 00:23:43,610 --> 00:23:45,940 Takže teraz máme to skok funkcie dot loop 490 00:23:45,940 --> 00:23:52,420 volania, ktorá v podstate hovorí, že pozerať sa na skok s týmito možnosťami a zakaždým 491 00:23:52,420 --> 00:23:55,710 sa niečo zmení, nazývať Funkcie rám so všetkými údajmi 492 00:23:55,710 --> 00:23:59,510 že ste si vedomí v ráme. 493 00:23:59,510 --> 00:24:01,320 Znie to celkom dobre. 494 00:24:01,320 --> 00:24:03,680 Takže teraz rýchlu kontrolu rozumu, ktorý vždy odporúčam, 495 00:24:03,680 --> 00:24:07,020 je v tom, že len dať konzola dot log frame. 496 00:24:07,020 --> 00:24:10,320 A potom sa v prehliadači Chrome ho otvoríte hore a pozrieť sa na konzole 497 00:24:10,320 --> 00:24:13,870 a pohrajte sa s Leap vidieť rámy boli zaznamenané, pretože tejto vôle 498 00:24:13,870 --> 00:24:16,300 vám predstavu o tom, čo údaje, ktoré máte prístup. 499 00:24:16,300 --> 00:24:20,680 A ako vždy, keď sa zmiasť, vyhľadať referencie API. 500 00:24:20,680 --> 00:24:23,430 A budeme zahŕňať odkaz pre, že na konci tohto. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Tak sme aktualizujte stránku a potom 502 00:24:26,300 --> 00:24:28,880 ideme a otvoriť znova konzolu. 503 00:24:28,880 --> 00:24:33,590 A teraz sme si všimli, že sme s rámami prešiel v, 504 00:24:33,590 --> 00:24:37,834 tieto malé objekty sme videli predtým. 505 00:24:37,834 --> 00:24:38,690 Tak jo. 506 00:24:38,690 --> 00:24:42,870 To sú naše rámy objavovať v konzole. 507 00:24:42,870 --> 00:24:43,370 Super. 508 00:24:43,370 --> 00:24:46,970 >> Takže teraz, že sme schmatol rámy, ako ste si možno spomenú skôr 509 00:24:46,970 --> 00:24:51,800 z príkladu, ktorý sme mali, ak budeme kontrolovať rám dot gestá 510 00:24:51,800 --> 00:24:56,270 dostaneme zoznam gest rám naposledy chytil. 511 00:24:56,270 --> 00:25:01,510 Môžeme zistiť dĺžku tohto poľa aby zistil, či Leap chytil nejaké gestá. 512 00:25:01,510 --> 00:25:05,010 Takže ak, že pole je väčší ako nula potom 513 00:25:05,010 --> 00:25:07,570 vieme, že máme nejaké veci na práci. 514 00:25:07,570 --> 00:25:15,040 >> Takže poďme zabaliť, že až v ak stave a teraz tu, čo vieme je, že sme 515 00:25:15,040 --> 00:25:20,390 Videl gesto, poďme rokovať. 516 00:25:20,390 --> 00:25:25,721 Takže teraz, že sme tu my majú gesto vyskúšať. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: No, prvý vec je, že to nie je len jeden gesto, 518 00:25:28,470 --> 00:25:29,840 to môže byť toľko gestá. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: To je pravda. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Tak za klasický C štýl tu 521 00:25:33,340 --> 00:25:36,334 pravdepodobne budeme chcieť použiť pre sláčiky. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Tu sme sa potom. 523 00:25:37,750 --> 00:25:42,870 Rozhodli sme sa opakovať prostredníctvom gest. 524 00:25:42,870 --> 00:25:46,412 A pozrime sa. 525 00:25:46,412 --> 00:25:49,380 aj plus, plus. 526 00:25:49,380 --> 00:25:56,150 A teraz keď sme snáď z len var gesto rovná 527 00:25:56,150 --> 00:26:01,210 rám dot gestá držiak i, teraz máme 528 00:26:01,210 --> 00:26:06,260 gesto samotnej, čo je len jeden single inštancia gesto objektu 529 00:26:06,260 --> 00:26:10,582 pre nás pracovať Vnútri to pre slučky. 530 00:26:10,582 --> 00:26:12,869 Dobrá. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Poďme zdravý rozum skontrolujte znova tu a práve konzoly 532 00:26:15,410 --> 00:26:17,370 dot prihláste gesto, aby videli, čo dostaneme. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Console dot log gesto. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Okie Doki. 536 00:26:23,780 --> 00:26:26,250 A obnoviť ešte raz. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS REIMERS: A poďme skúste robiť gesto. 538 00:26:30,030 --> 00:26:34,600 Uvidíte, že partia o, keď sa oháňa, 539 00:26:34,600 --> 00:26:39,780 dostanete veľa gest v konzoly a keď sa snažia urobiť kruh, 540 00:26:39,780 --> 00:26:40,470 je to jen-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Kruhy sú len naozaj pekné. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Teraz je divná vec tu, čo je robí jeden krúžok, 543 00:26:45,000 --> 00:26:48,730 ale toto je prihlásenie 80 gestá, že jo? 544 00:26:48,730 --> 00:26:50,070 To je veľa gest. 545 00:26:50,070 --> 00:26:53,560 Takže prvá druh vec realizovať, a to môže byť mätúce, 546 00:26:53,560 --> 00:26:57,050 je to gesto nie je len raz prihlásený. 547 00:26:57,050 --> 00:27:01,107 >> Na každom snímku, vpravo, takže keď robím kruh 548 00:27:01,107 --> 00:27:02,940 Leap to zistí je zmena, z toho 549 00:27:02,940 --> 00:27:04,398 je zmena, z toho je zmena. 550 00:27:04,398 --> 00:27:05,970 A to sa prihlási každý jeden z nich. 551 00:27:05,970 --> 00:27:08,200 Ale v každom z tých, to bude hovoriť, oh, 552 00:27:08,200 --> 00:27:10,050 tam je gesto v súčasnej dobe prebieha. 553 00:27:10,050 --> 00:27:14,260 Takže mi dovoľte povedať, hele, je tu gesto a to je v súčasnej dobe prebieha. 554 00:27:14,260 --> 00:27:17,000 Takže to, čo nechceme, aby urobiť, je povedať, oh, na jedného každého 555 00:27:17,000 --> 00:27:19,370 z týchto gest vám Ak chcete zmeniť text. 556 00:27:19,370 --> 00:27:23,660 To, čo chceme urobiť, je, keď to gesto sa zastaví, a môžeme skontrolovať, že 557 00:27:23,660 --> 00:27:24,974 potom chceme zmeniť text. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: mhmm. 559 00:27:25,890 --> 00:27:30,550 Tak ako je Tomáš je vysvetlenie týchto gest 560 00:27:30,550 --> 00:27:33,580 sa môžu objaviť až násobok rámy, ale napríklad, 561 00:27:33,580 --> 00:27:36,200 Keď sme boli s že kruh, môžeme vidieť 562 00:27:36,200 --> 00:27:40,140 že ID, že jeden jeden kruh, ktorý sme 563 00:27:40,140 --> 00:27:43,950 možno sa snaží dokončiť bol po celý čas rovnaký ID. 564 00:27:43,950 --> 00:27:46,320 A v skutočnosti, môžete tiež pozrite sa na stav. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 aktualizované. 567 00:27:50,270 --> 00:27:55,680 >> A potom je to pravdepodobne posledný kruh, ktorý, oh, no, OK. 568 00:27:55,680 --> 00:28:00,480 Takže niekedy to ukazuje, stav zastavenia gesto 569 00:28:00,480 --> 00:28:04,180 a to vám tiež ukazuje stav o spustenie novej gesto keď 570 00:28:04,180 --> 00:28:09,140 uznáva, pre istotu, že ste začali nový gesto. 571 00:28:09,140 --> 00:28:10,637 Napríklad v tomto prípade. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Tak jo. 574 00:28:12,511 --> 00:28:14,420 A potom, pozrime sa. 575 00:28:14,420 --> 00:28:16,490 Môžete si tiež všimnúť, keď sme robili 576 00:28:16,490 --> 00:28:22,179 kruh a gesto má pole s názvom typ 577 00:28:22,179 --> 00:28:23,970 že nám hovorí, aký druh gesto, že je. 578 00:28:23,970 --> 00:28:27,829 Tak, že by mohli byť užitočné pre nás si vyskúšať a robiť to, čo robíme. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Tak prechodu späť do JS, 580 00:28:29,620 --> 00:28:31,696 Prvá vec, ktorá ma napadá, tiež, len prečítaní tohto kódu 581 00:28:31,696 --> 00:28:34,340 Je tam malý optimalizácia, čo je vlastne 582 00:28:34,340 --> 00:28:35,980 Nemusíte, ak podmienkou, že jo? 583 00:28:35,980 --> 00:28:39,330 Vzhľadom k tomu, ak rám dot gestá dot dĺžka je nulová, že slučka je 584 00:28:39,330 --> 00:28:40,450 nebudú prebiehať tak ako tak. 585 00:28:40,450 --> 00:28:43,100 Tak sme sa môže rovnako dobre ísť vpred a zbaviť sa toho. 586 00:28:43,100 --> 00:28:46,620 Opäť platí, že keď ste písať kód je dôležité vrátiť sa a triediť 587 00:28:46,620 --> 00:28:50,330 z refaktorovat si uvedomíte, že vás mohol urobiť niečo lepšie, 588 00:28:50,330 --> 00:28:53,370 alebo že existuje iný spôsob, ako to urobiť. 589 00:28:53,370 --> 00:28:57,170 Takže teraz už len tak čistiť to rýchlo a tiež vyčistiť váš kód. 590 00:28:57,170 --> 00:28:58,310 To je veľký problém. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Dobrý štýl je veľmi cenený. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Môžete vždycky, keď niekto 593 00:29:01,828 --> 00:29:05,240 má kód, tam, kde býval, ak stav a potom odstránili, 594 00:29:05,240 --> 00:29:07,530 ale nemali vložte ju. 595 00:29:07,530 --> 00:29:10,147 Je to veľmi jasné a to trochu vyzerá škaredo. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Takže to, čo je vedľa na našej zoznam úloh? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Takže teraz, keď sme hovorili, Myslím, že prvá vec, ktorú chceme urobiť 598 00:29:15,479 --> 00:29:17,970 sa uistite sa, že to gesto je vlastne švihnúť, že jo? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Jo. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Takže keď hovoríte, že naše zbohom je niečo ako výpad, 601 00:29:21,750 --> 00:29:25,280 pôjdeme s jeho výpad, Prvá vec, ktorú musíme povedať, je, hej, 602 00:29:25,280 --> 00:29:27,410 je gesto zadajte výpad, že jo? 603 00:29:27,410 --> 00:29:30,860 Nie kruh alebo top, ale je to výpad? 604 00:29:30,860 --> 00:29:34,280 Tak, ako to môžeme urobiť sa môžeme povedať gesto 605 00:29:34,280 --> 00:29:38,530 Typ dot rovná rovná výpad ako reťazec. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [nepočuteľné] gesto Typ dot rovná rovná vysetrovania. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Tam sme. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: A potom posledná otázka 610 00:29:49,438 --> 00:29:53,170 Ak chceme vidieť je gesto dot Stať sa rovná rovná zastávka, že jo? 611 00:29:53,170 --> 00:29:55,860 Tak to je, keď gesto to bola zastavená. 612 00:29:55,860 --> 00:29:58,490 Vlastne som si, že na výpad, I viem to z vrcholu mojej hlavy, 613 00:29:58,490 --> 00:30:00,340 ale ste vítaní, aby to nájsť, keď sa 614 00:30:00,340 --> 00:30:05,627 prejdite zakaždým, keď zaregistruje kým ho nezastavíte, je začiatok gesto. 615 00:30:05,627 --> 00:30:07,460 A potom posledný let len zastavenie gesto. 616 00:30:07,460 --> 00:30:11,090 Takže tam bude len jednu zastávku gesto, čo je pre nás skvelé. 617 00:30:11,090 --> 00:30:17,180 Takže to, čo môžeme urobiť, je, keď gesto dot hovoria typ rovné rovné výpad a gesto bodku 618 00:30:17,180 --> 00:30:19,950 Stav rovná sa rovná zastaviť, potom nech je zdravý rozum 619 00:30:19,950 --> 00:30:21,725 pozrite sa sem konzoly dot protokolu gesto. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Takže pôjdeme tu späť. 622 00:30:30,790 --> 00:30:33,570 Budeme aktualizovať stránku. 623 00:30:33,570 --> 00:30:38,380 A teraz jediný prípad, kedy by sa niečo byť konzola bodka prihlásený je, keď sme sa švihnúť. 624 00:30:38,380 --> 00:30:40,780 A snažíme sa prejdite a vidíme nič. 625 00:30:40,780 --> 00:30:41,280 Je to tak? 626 00:30:41,280 --> 00:30:43,990 Takže je to vlastne veľký problém. 627 00:30:43,990 --> 00:30:47,560 Nie sme vidia to, čo sme očakávali. 628 00:30:47,560 --> 00:30:49,356 A ladenie môže byť veľká časť toho. 629 00:30:49,356 --> 00:30:51,980 Takže prvá vec, ideme povedať je, OK, poďme konzoly dot 630 00:30:51,980 --> 00:30:54,568 log, ak gesto dot typ rovný rovného vysetrovania. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Jo, poďme to urobiť. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Takže sme chystá sa vrátiť k tomu. 634 00:31:02,020 --> 00:31:03,140 Budeme aktualizovať. 635 00:31:03,140 --> 00:31:04,020 Budeme švihnúť. 636 00:31:04,020 --> 00:31:05,150 A budeme vidieť veľa z nich. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Takže zrejme bol problém s naším postavením gesto bodov. 639 00:31:08,710 --> 00:31:14,000 Takže ak sme sa otvoriť jednu z nich stretneme Pozrite sa do objektov a uvidíme, 640 00:31:14,000 --> 00:31:18,700 no, to je zastaviť, ale, ach, je to len stav, nie stav. 641 00:31:18,700 --> 00:31:21,890 Takže ak sa vydáme späť do náš kód môžeme povedať, 642 00:31:21,890 --> 00:31:27,780 ak typ gesto dot rovnať rovnať potiahnite prstom a gesto dot štát rovná rovná zastavenie, 643 00:31:27,780 --> 00:31:29,160 potom budeme utešovať dot načítavať. 644 00:31:29,160 --> 00:31:30,940 A tak obnoviť. 645 00:31:30,940 --> 00:31:31,856 My švihnúť. 646 00:31:31,856 --> 00:31:33,730 A uvidíme, že na každý prst, my sme len 647 00:31:33,730 --> 00:31:36,247 ako sa jeden, ktorý je koniec, čo je skvelé, nie? 648 00:31:36,247 --> 00:31:37,080 To je to, čo chceme. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Jo. 650 00:31:37,955 --> 00:31:42,640 A tiež môžeme všimnúť, že ID pre každý z týchto gest sú oddelené. 651 00:31:42,640 --> 00:31:47,470 Tak ako Tomas hovorí preto, že sme chytanie tento jeden stop stav, ktorý 652 00:31:47,470 --> 00:31:52,850 existuje na konci výpad, sme ako sa jednotlivé samostatné gestá 653 00:31:52,850 --> 00:31:54,441 od Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Skvelé. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Poďme ďalej a urobiť len posledná vec, ktorá je, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Goodbye. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Úžasné. 659 00:32:06,425 --> 00:32:08,925 A teraz poďme pozrieť na naše webové stránky. 660 00:32:08,925 --> 00:32:09,425 Jeden 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Second. 662 00:32:09,730 --> 00:32:11,271 My sme, jo, my to hovoríme Goodbye. 663 00:32:11,271 --> 00:32:11,920 Skvelé. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Nie, Goodbye je reálna funkcia. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Jo. 666 00:32:14,406 --> 00:32:15,670 Poďme to urobiť. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: A keď sme sa zbohom, hovorí zbohom. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Máme víťazstvo. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: Tak docela vzrušujúce veci. 670 00:32:25,632 --> 00:32:28,590 Dúfajme, že si môžete vytvoriť niečo iného, ​​ale máte predstavu o, nie? 671 00:32:28,590 --> 00:32:30,260 Môžete zistiť gestá. 672 00:32:30,260 --> 00:32:31,469 Môžete volať funkcie. 673 00:32:31,469 --> 00:32:34,510 A z toho, že vás naozaj dáva niektoré veľmi základné stavebné bloky 674 00:32:34,510 --> 00:32:38,800 povedať, oh, možno keď sa prejdite prstom hore, pretože môžete tiež zistiť, čo 675 00:32:38,800 --> 00:32:39,674 ako smer. 676 00:32:39,674 --> 00:32:40,840 Chcem, aby niečo urobiť. 677 00:32:40,840 --> 00:32:43,470 Alebo keď sa prejdite prstom doprava, I chcete, aby niečo urobiť. 678 00:32:43,470 --> 00:32:45,880 A môžeme začať, aby si kreatívny s tým, ako presne 679 00:32:45,880 --> 00:32:48,840 budeme zlepšovať naše webové stránky použitie týchto Swipe gestá alebo kruh 680 00:32:48,840 --> 00:32:53,695 gestá, alebo kliknite na gestá, buď kľúč kohútiky alebo obrazovky kohútiky. 681 00:32:53,695 --> 00:32:56,070 A potom iný, než že ste viac než vítaní hrať 682 00:32:56,070 --> 00:32:59,640 sa skutočnými údajmi, ale ak chcete robiť 683 00:32:59,640 --> 00:33:03,870 že by sme odporúčam vám ísť na dokumenty preto, že sú naozaj veľmi dobré. 684 00:33:03,870 --> 00:33:05,034 Tak šiel do docs teraz. 685 00:33:05,034 --> 00:33:06,450 Alebo chcete, aby o tom hovoriť? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Jo. 687 00:33:06,940 --> 00:33:07,920 Poďme to urobiť. 688 00:33:07,920 --> 00:33:13,680 Tiež jeden ďalší lahôdka rád, si vyskúšať a myslieť na to, v 3D. 689 00:33:13,680 --> 00:33:22,611 Takže vlastne poďme vytiahnuť tie gestá ešte raz konzoly dot log gesto 690 00:33:22,611 --> 00:33:24,290 a robíme to. 691 00:33:24,290 --> 00:33:29,460 Príďte a teraz poďme skúsiť pár z nich, niekoľko z nich. 692 00:33:29,460 --> 00:33:32,940 >> Ak pôjdeme in a check-out Tieto gestá i 693 00:33:32,940 --> 00:33:36,830 ako môžete vidieť, že sú rozmerov 694 00:33:36,830 --> 00:33:38,980 je v troch smeroch, v skutočnosti. 695 00:33:38,980 --> 00:33:42,500 Takže to nie je len obmedzovať sami 2D obrazovku 696 00:33:42,500 --> 00:33:45,200 aj keď by mohla byť na 2D internetových stránkach. 697 00:33:45,200 --> 00:33:49,152 Môžete skúsiť a premýšľať, ako užívateľ môže komunikovať s webovej stránky v 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: V 3D priestore. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Presne tak. 700 00:33:51,401 --> 00:33:52,310 A jo. 701 00:33:52,310 --> 00:33:55,350 Takže ste si nasmerovanie, rýchlosti, všetky tieto skvelé kúsky informácií. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: A ak si nie ste oboznámení s tým, že ide x, y, 703 00:33:58,890 --> 00:34:01,566 a potom z je to posledná rozmer. 704 00:34:01,566 --> 00:34:04,690 Proste niečo, čo pravdepodobne ste oboznámení s, ak som sa zaoberal 3D 705 00:34:04,690 --> 00:34:05,731 Pred súradníc lietadla. 706 00:34:05,731 --> 00:34:09,565 Ak nie, je to rovnaké, ako 2D jeden až tú tretí rozmer. 707 00:34:09,565 --> 00:34:11,420 Hovoríme to z. 708 00:34:11,420 --> 00:34:16,449 A všetko, niečo ako smer, čo je miesto, kde to ide, 709 00:34:16,449 --> 00:34:19,810 Position-- Myslím si, že by to mohlo aj vystaviť zrýchlenie, nie som si istý. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Áno, verím. 711 00:34:21,341 --> 00:34:22,340 To rozhodne má rýchlosť. 712 00:34:22,340 --> 00:34:25,699 Ja som vlastne nie je 100% istí zrýchlenie. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Môže to byť voľba sa môžete preniesť na niečo. 714 00:34:28,810 --> 00:34:33,409 Tak polohu a rýchlosť sú vystavené v týchto druhu troch súradníc. 715 00:34:33,409 --> 00:34:38,812 Tak x, y, z, alebo delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Takže teraz išiel do dokumentácie to je developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 a potom môžete kliknutím na tlačidlo dokumentácie. 718 00:34:46,460 --> 00:34:50,010 Opäť platí, že Leap Motion má všetky tieto nádherné API, jeden pre JavaScript, 719 00:34:50,010 --> 00:34:53,750 jeden pre C Sharp a jednoty, jeden pre C ++, jeden pre Javu, jeden pre Python, 720 00:34:53,750 --> 00:34:59,020 a jeden pre Cieľ C. Osobne by ťa tlačiť smerom k JavaScriptu 721 00:34:59,020 --> 00:35:01,280 alebo ak sa chcete dozvedieť Nový jazyk, skúste Python. 722 00:35:01,280 --> 00:35:05,910 Oba z týchto jazykov som pracoval s skôr a sú naozaj ľahko sa učí 723 00:35:05,910 --> 00:35:10,250 a vy už viete, JavaScript, ktorý je to naozaj dobrý kandidátom. 724 00:35:10,250 --> 00:35:12,930 >> Jedným slovom opatrne keď zadáte dokumenty. 725 00:35:12,930 --> 00:35:15,940 Uistite sa, že ste na Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Pretože ak ste na verzia jedna, nebude to fungovať. 727 00:35:20,250 --> 00:35:21,830 Tiež pre príkladu galériu. 728 00:35:21,830 --> 00:35:25,100 Strávili sme dobrých 30 minút snaží sa ladiť naše Leap 729 00:35:25,100 --> 00:35:28,640 predtým, než sme si uvedomili, že V1 nepracuje s V2. 730 00:35:28,640 --> 00:35:31,660 Tak len sa uistite, že ste na verziu dve. 731 00:35:31,660 --> 00:35:33,904 A potom budem ho nechal ukázať svoje docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Jo. 733 00:35:34,820 --> 00:35:39,480 Tak tu je prehľad API a potom Niektoré kúsky z informácií 734 00:35:39,480 --> 00:35:41,420 že sme už ti to povedal. 735 00:35:41,420 --> 00:35:44,270 Pekná malá floating ruky nad skok pohybu. 736 00:35:44,270 --> 00:35:47,850 A pripomenutie myslieť o priestor v 3D. 737 00:35:47,850 --> 00:35:53,140 Jeden z prvých objektov, premýšľať o tom, s Leap Motion sú ruky, samozrejme. 738 00:35:53,140 --> 00:35:57,060 Sme videli, ktoré boli uznané u Visualizer. 739 00:35:57,060 --> 00:35:59,180 A potom by ste mali mať Videl, že to uznal 740 00:35:59,180 --> 00:36:03,202 časť zápästia a rameno s ním spojené. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Ak chcete, vytiahnuť Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Jo, poďme to urobiť znova. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Môžete vidieť, a to vždy len dobrá pripomienka, aby trochu vidieť, 744 00:36:10,148 --> 00:36:14,060 Visualizer snaží ukázať všetky údaje, ktoré Leap vidia. 745 00:36:14,060 --> 00:36:17,606 Takže budete vidieť, že máme Tieto druh štyroch bodov 746 00:36:17,606 --> 00:36:19,230 za zápästie a potom skutočným zápästia. 747 00:36:19,230 --> 00:36:21,625 A máte tento loptu na dlani. 748 00:36:21,625 --> 00:36:24,000 Všetky z nich sú body uznať uznané skok. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Presne tak. 750 00:36:25,041 --> 00:36:32,300 A tak sa tu ruku objektom každý rámec má ručné poľa 751 00:36:32,300 --> 00:36:36,470 ako aj, kde môžete tiež získať ľavá a pravá ruky. 752 00:36:36,470 --> 00:36:39,410 Môžete získať, ktoré smer ruky sú 753 00:36:39,410 --> 00:36:42,410 čelia s normálnou smer dlane, 754 00:36:42,410 --> 00:36:45,470 alebo ako sa tomu hovorí dlaň normálne. 755 00:36:45,470 --> 00:36:46,510 Čo ešte máme? 756 00:36:46,510 --> 00:36:48,120 My tiež, oops. 757 00:36:48,120 --> 00:36:50,640 Skúsme a prejdite nadol týmto spôsobom. 758 00:36:50,640 --> 00:36:54,410 Ramená, prsty sú zastúpené prstom 759 00:36:54,410 --> 00:36:57,890 trieda, čo je smerovateľná objekt. 760 00:36:57,890 --> 00:37:01,420 A tak, ako by sme hovorili, sme videli, že Pole pointables pre každú ruku. 761 00:37:01,420 --> 00:37:04,240 Tí, ktorí sú málo prsty myslieť. 762 00:37:04,240 --> 00:37:09,809 Tak to je dobrý prehľad ísť až vyskúšať a pochopiť. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [nepočuteľné] ruka anatómie tam hore. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Jo, presne tak. 765 00:37:13,680 --> 00:37:14,220 Tak jo. 766 00:37:14,220 --> 00:37:18,150 Je tu veľa surových dát, ktorá Leap Motion sa v interpretov dobre 767 00:37:18,150 --> 00:37:20,750 pre vás, takže je to skvelý nápad ísť tadiaľto 768 00:37:20,750 --> 00:37:25,300 a pokúsiť sa prísť na to, ako má Leap už prišiel, čo pre vás 769 00:37:25,300 --> 00:37:28,830 a tak, aké informácie majú k dispozícii od tam. 770 00:37:28,830 --> 00:37:33,150 A potom sa tam by som odporučil ísť do tejto ľavej časti sem, 771 00:37:33,150 --> 00:37:39,210 ktorý ide, no vlastne nie, to sú vlastne len ďalší API veci about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: Odkaz na API dno je zvyčajne dobré miesto, kam ísť. 773 00:37:42,670 --> 00:37:45,720 Vy ste asi, keď videl, sme robili Google Maps pset. 774 00:37:45,720 --> 00:37:48,590 Ale odkaz skutočne práve prechádza všetky 775 00:37:48,590 --> 00:37:54,540 funkcií a parametrov k dispozícii v objekte na vás. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Jo. 777 00:37:55,500 --> 00:37:57,740 Napríklad, to je to, čo Hľadal som predtým. 778 00:37:57,740 --> 00:38:01,030 Keď máme stranu sme môže ísť a zistiť, 779 00:38:01,030 --> 00:38:03,750 Ako Leap odporúča sa nám nájsť ruku. 780 00:38:03,750 --> 00:38:06,080 Rovnako ako som povedal predtým, máme ruky poľa. 781 00:38:06,080 --> 00:38:10,340 Zistite si, či máme ruky a skúste a urvat jednu ruku 782 00:38:10,340 --> 00:38:12,410 pre interakciu s týmto spôsobom. 783 00:38:12,410 --> 00:38:16,540 Tak to je to, čo sme Odporúčame pre vás. 784 00:38:16,540 --> 00:38:18,400 Gestá a veci rovnako. 785 00:38:18,400 --> 00:38:23,857 Táto dokumentácia API bude je fantastický nástroj pre vás. 786 00:38:23,857 --> 00:38:25,440 Máte nejaké iné odporúčanie? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: Ja nie. 788 00:38:26,398 --> 00:38:27,590 Myslím si, že je to dobré pre túto chvíľu. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Jo, Myslím si, že to rovnako. 790 00:38:29,340 --> 00:38:33,330 Neváhajte a napíšte nám a získajte v kontakte asi Leap Motion 791 00:38:33,330 --> 00:38:36,210 ak máte možno nejaké problémy alebo potrebovať žiadne odporúčanie. 792 00:38:36,210 --> 00:38:40,310 A môžeme skúsiť a zistiť veci sa s vami tiež. 793 00:38:40,310 --> 00:38:40,810 Děkuju. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Skvelé. 795 00:38:42,360 --> 00:38:42,880