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 Deci hi, toată lumea. 4 00:00:13,230 --> 00:00:14,300 Numele meu este Tomas. 5 00:00:14,300 --> 00:00:15,744 Sunt un TF și acest lucru este 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Mă bucur să vă văd. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: cool. 9 00:00:18,470 --> 00:00:20,740 Deci, vom vorbi despre Leap Motion astăzi. 10 00:00:20,740 --> 00:00:22,800 Deci, Leap Motion este un produs foarte cool că 11 00:00:22,800 --> 00:00:25,900 vă permite să interacționați cu un calculator într-un mod diferit. 12 00:00:25,900 --> 00:00:28,560 Deci, ideea din spatele mișcare salt este că 13 00:00:28,560 --> 00:00:31,430 pot folosi mâinile pentru a interacționa cu calculatorul. 14 00:00:31,430 --> 00:00:33,610 Deci, aici am ceva înființat. 15 00:00:33,610 --> 00:00:34,790 Voi vorbi despre asta într-un pic. 16 00:00:34,790 --> 00:00:37,540 Dar versiunea de bază tine este să vezi că am mâinile mele în față 17 00:00:37,540 --> 00:00:42,840 de computerul meu și când le-am muta, veți obține analogul de pe computer 18 00:00:42,840 --> 00:00:44,170 și puteți analiza acest lucru. 19 00:00:44,170 --> 00:00:46,230 Puteți face gesturi. 20 00:00:46,230 --> 00:00:49,176 Puteți folosi mâinile pentru a interacționa cu calculatorul 21 00:00:49,176 --> 00:00:50,300 în mod nou și interesant. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Ei bine, de fapt am în primul rând vrea să treacă pe la Armi 24 00:00:57,520 --> 00:01:00,400 să vă arăt niște demo-uri reci ale ceea ce unii oameni au făcut cu asta. 25 00:01:00,400 --> 00:01:02,816 Și apoi vom vorbi despre modul în care tu cod de fapt cu asta. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Da. 27 00:01:04,800 --> 00:01:05,300 Buna Ziua. 28 00:01:05,300 --> 00:01:08,870 Deci, așa cum am văzut, puțin Date de aici, dar să vedem 29 00:01:08,870 --> 00:01:11,680 ceea ce unii oameni au făcut cu asta. 30 00:01:11,680 --> 00:01:15,130 Așa că lasă-mă să deschid acest exemplu. 31 00:01:15,130 --> 00:01:20,770 Și apoi, așa, de exemplu, puteți vedea analog mâna mea acolo, dar acum acest moment 32 00:01:20,770 --> 00:01:26,680 unii oameni folosesc Unity au a decis să pună un pic mai mult de piele 33 00:01:26,680 --> 00:01:28,670 și alte chestii în jurul mâna. 34 00:01:28,670 --> 00:01:35,900 Deci, eu pot, să mergem cu asta, Sigur, au mâinile mele interacționează. 35 00:01:35,900 --> 00:01:41,050 Și, probabil, vă puteți imagina o câteva alte lucruri utile rece 36 00:01:41,050 --> 00:01:42,840 pe care le puteți face cu asta. 37 00:01:42,840 --> 00:01:45,530 Deci, aceasta este cel puțin un exemplu. 38 00:01:45,530 --> 00:01:48,910 Și apoi să sară din asta. 39 00:01:48,910 --> 00:01:56,590 >> Și apoi încă una rece este, să mergem cu asta. 40 00:01:56,590 --> 00:01:58,390 Plasmo fundașii centrali. 41 00:01:58,390 --> 00:02:03,510 Din nou, noi nu ar fi neapărat aștepta ca acest nivel de complexitate 42 00:02:03,510 --> 00:02:06,450 de la un proiect final pentru CS50. 43 00:02:06,450 --> 00:02:10,029 Acest lucru este doar pentru a vă arăta Unele dintre, vă dau băieți 44 00:02:10,029 --> 00:02:14,570 un pic de inspirație pentru ceea ce voi poate face cu Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Deci, de exemplu, aici este un loc răcoros exemplu fizica, care nu mergem. 46 00:02:20,500 --> 00:02:24,305 Are ambele mâini așa acum au acest mic pasă în plasmă. 47 00:02:24,305 --> 00:02:31,030 Iar mingea este reacția la fizica de mine se deplasează mâna mea în jurul mingea. 48 00:02:31,030 --> 00:02:36,920 Acum, acest lucru este tot, deși utilizarea Unity, utilizând fel de instrumente și cadre 49 00:02:36,920 --> 00:02:39,510 că nu am învățat voi din clasa, 50 00:02:39,510 --> 00:02:46,590 dar după cum puteți vedea unele destul de centrare rece throughs cu asta. 51 00:02:46,590 --> 00:02:51,750 >> Dar un lucru care voi putea face demararea chiar acum cu Leap Motion 52 00:02:51,750 --> 00:02:53,260 este munca în JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion are un API JavaScript care voi poate folosi și noi foarte, foarte 54 00:02:58,960 --> 00:03:02,040 recomanda ca voi construi proiecte utilizând asta. 55 00:03:02,040 --> 00:03:04,350 Deci, cu asta, lasă-mă să să-l dați înapoi la Tomas 56 00:03:04,350 --> 00:03:06,582 pentru a vorbi despre Leap Motion și JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: cool. 58 00:03:07,415 --> 00:03:09,230 Sau vrei să arate le Visualizer primul? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh, da. 60 00:03:09,670 --> 00:03:10,170 Da. 61 00:03:10,170 --> 00:03:11,900 Să vorbim mai multe despre asta Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Deci, pe o cel mai de bază nivel, atunci când vei ajunge primul la Leap Motion 63 00:03:14,983 --> 00:03:16,940 ai de gând să aibă această casetă. 64 00:03:16,940 --> 00:03:18,330 Aici, vrei să preia controlul? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Da, du-te pentru ea. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Deci, atunci când în primul rând ajunge la Leap Motion 67 00:03:20,530 --> 00:03:21,780 ai de gând să aibă această casetă. 68 00:03:21,780 --> 00:03:24,460 Are un dispozitiv care arata ceva de genul asta. 69 00:03:24,460 --> 00:03:28,990 Ai conectați la computer, instala driverele necesare, 70 00:03:28,990 --> 00:03:30,950 și apoi va fi practic înființat. 71 00:03:30,950 --> 00:03:34,160 Deci, cel mai simplu mod de a sorta de acord cu Leap Motion 72 00:03:34,160 --> 00:03:39,240 se deschide acest program se instalează numit Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Iar Visualizer este literalmente ceea ce am arată aici. 74 00:03:41,490 --> 00:03:45,340 Acesta vă permite să vedeți schiță scheletice de mâinile tale. 75 00:03:45,340 --> 00:03:49,940 Și ce Leap Motion este interpretarea ei ca. 76 00:03:49,940 --> 00:03:53,750 Deci, Leap Motion utilizează camera foto pentru a sorta de gasiti mâinile tale 77 00:03:53,750 --> 00:03:59,176 și apoi încearcă să ghicească ce compoziție scheletice de bază pe care le 78 00:03:59,176 --> 00:04:00,460 vezi pe ecran este. 79 00:04:00,460 --> 00:04:01,669 Și asta e ceea ce vă arată. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: fiecare Punct de mic unic 81 00:04:03,418 --> 00:04:06,580 și lucru pe care îl vedeți este date care este disponibil pentru voi 82 00:04:06,580 --> 00:04:07,270 precum de utilizat. 83 00:04:07,270 --> 00:04:09,670 Deci, veți vedea că e capturarea că Tomas 84 00:04:09,670 --> 00:04:12,160 are cinci degete, fiecare dintre aceste degete diferite 85 00:04:12,160 --> 00:04:17,110 sunt, de asemenea, disponibil pentru tine ca date pentru a utiliza în orice aplicație 86 00:04:17,110 --> 00:04:18,256 care v-ar dori. 87 00:04:18,256 --> 00:04:20,339 Dacă doriți să vedeți dacă cineva face un degetele în sus 88 00:04:20,339 --> 00:04:23,860 puteți vedea dacă degete sunt îndoite și dacă acestea sunt 89 00:04:23,860 --> 00:04:25,850 deget degetul mare este îndreptat în sus, sau în cazul în care 90 00:04:25,850 --> 00:04:30,037 încheietura mâinii sau de palmier lor este și acest tip de lucruri. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: cool. 92 00:04:30,870 --> 00:04:35,186 Deci, puteți vedea unele gesturi aceasta înțelege mai bine decât altele. 93 00:04:35,186 --> 00:04:38,310 Amintiți-vă, că aceasta se uita la dvs. mână de la un aparat de fotografiat din partea de jos, 94 00:04:38,310 --> 00:04:41,630 astfel încât atunci când aveți mâinile, cum ar fi aceasta îi înțelege pe deplin, 95 00:04:41,630 --> 00:04:44,509 dar odată ce începe să încercați și de a face o Thumbs up, uneori îl citește, 96 00:04:44,509 --> 00:04:47,550 uneori poate ghici, dar sincer camera pur si simplu nu se poate vedea degetul mare. 97 00:04:47,550 --> 00:04:49,810 Deci nu e adevărat sigur ce se întâmplă. 98 00:04:49,810 --> 00:04:54,910 Doar unele limitări pentru a păstra în minte atunci când sunteți în curs de dezvoltare cu asta. 99 00:04:54,910 --> 00:04:56,540 >> Oricum, așa se întoarce la asta. 100 00:04:56,540 --> 00:04:59,040 Visualizer de fapt are o multime de instrumente utile. 101 00:04:59,040 --> 00:05:01,780 Deci, Leap Motion este programat în așa fel 102 00:05:01,780 --> 00:05:04,280 că nu vă așteptați să interacționa cu faptul că datele de imagine. 103 00:05:04,280 --> 00:05:06,230 Ei nu prea aștept să înțelegi 104 00:05:06,230 --> 00:05:08,060 ce se întâmplă în spatele scenei. 105 00:05:08,060 --> 00:05:11,620 Ce fac ei este expune o grămadă de API-uri pentru tine 106 00:05:11,620 --> 00:05:13,420 astfel încât puteți interacționa cu aceste date 107 00:05:13,420 --> 00:05:18,400 direct, fără înțelegere ce se întâmplă sub capotă. 108 00:05:18,400 --> 00:05:27,790 >> Deci, dacă ne-am lovit H aici, în Visualizer veți vedea o mulțime de opțiuni. 109 00:05:27,790 --> 00:05:35,450 Important aici, deși este dacă te-a lovit O și apoi a lovit H, 110 00:05:35,450 --> 00:05:38,080 veți vedea că ea vă permite să trage gesturi. 111 00:05:38,080 --> 00:05:43,380 Deci, un gest, veți vedea atrage o săgeată peste. 112 00:05:43,380 --> 00:05:47,010 Un gest este una dintre modalitățile care Leap Propunerea fel de vă permite să obțineți de la datele 113 00:05:47,010 --> 00:05:48,462 fără a fi nevoie să-l prelucreze. 114 00:05:48,462 --> 00:05:51,170 Deci, mai degrabă decât pe mine care au nevoie pentru a descoperi afară, oh, de o parte a fost în mișcare, 115 00:05:51,170 --> 00:05:54,970 chiar dacă am punct de acces, API va fel de doar spune-mi, 116 00:05:54,970 --> 00:05:56,380 hei, au făcut acest gest. 117 00:05:56,380 --> 00:05:58,920 Astfel, puteți face săgeată gesturi de bază. 118 00:05:58,920 --> 00:06:00,590 Puteți face gesturi cerc. 119 00:06:00,590 --> 00:06:03,530 Puteți face transvazare gesturi. 120 00:06:03,530 --> 00:06:07,630 Și tu poți face gesturi de presă cheie. 121 00:06:07,630 --> 00:06:09,394 Da. 122 00:06:09,394 --> 00:06:10,800 Și acest tip de lucruri. 123 00:06:10,800 --> 00:06:14,370 Deci, acum că ne-am un fel de văzut ce poate face Leap Motion, 124 00:06:14,370 --> 00:06:17,792 puteți vedea se poate citi o grămadă de gesturi. 125 00:06:17,792 --> 00:06:19,500 Cred că am de gând să să-l dați înapoi la Armi 126 00:06:19,500 --> 00:06:22,300 și el va vorbi despre modul în care te la cele cu JavaScript, 127 00:06:22,300 --> 00:06:24,520 cum de a începe chiar un proiect cu asta. 128 00:06:24,520 --> 00:06:27,724 Și apoi vom vorbi despre unele locuri răcoroase poti sa te duci cu asta. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Da. 130 00:06:28,640 --> 00:06:29,300 Sună bine. 131 00:06:29,300 --> 00:06:31,950 Deci da, primul lucru pe care îl va dori să faci desigur, 132 00:06:31,950 --> 00:06:37,170 este, după te Leap Motion este de a du-te la leapmotion.com, înființat, instalați 133 00:06:37,170 --> 00:06:38,420 driverele și chestii. 134 00:06:38,420 --> 00:06:42,520 După ce faci asta poti sa te duci asigurați-vă că este conectat. 135 00:06:42,520 --> 00:06:46,910 Dacă vedeți în mica bara Leap Motion icon și e verde, 136 00:06:46,910 --> 00:06:48,640 atunci știi că ești gata. 137 00:06:48,640 --> 00:06:53,710 Și, desigur, verifica exact ce Tomas doar ți-a arătat cu gesturi 138 00:06:53,710 --> 00:06:59,320 și de a face robinetele de ecran, și robinete cheie, și acest tip de lucruri. 139 00:06:59,320 --> 00:07:02,180 >> După aceea, deși noi, încă o dată, așa cum am spus, 140 00:07:02,180 --> 00:07:06,530 avem acces la toate aceste lucruri în JavaScript, precum și. 141 00:07:06,530 --> 00:07:09,020 Idealul înființat că ne-ar recomanda 142 00:07:09,020 --> 00:07:16,440 baieti este de a merge în ta director vhost, gazdă locală, 143 00:07:16,440 --> 00:07:19,340 publice în aparatul CS50. 144 00:07:19,340 --> 00:07:24,790 Și când te duci acolo ce veți vezi este un fișier HTML index punct. 145 00:07:24,790 --> 00:07:28,180 Acum, că indicele punct Fișier HTML sau index punct 146 00:07:28,180 --> 00:07:32,740 Fișier PHP, oricare dintre acestea este bine, ce poți face atunci 147 00:07:32,740 --> 00:07:35,150 este să mergeți la sistemul de operare principal. 148 00:07:35,150 --> 00:07:38,650 Și dacă te duci la adresa IP care este listat în dreapta jos 149 00:07:38,650 --> 00:07:45,180 colț de aparatul chiar aici, după cum puteți vedea, atunci ce se întâmplă 150 00:07:45,180 --> 00:07:51,240 este te duci la pagina care este referit de care fișier HTML index punct. 151 00:07:51,240 --> 00:07:56,610 Deci, tot codul care v-ar pune în acolo este trimis și sunt utilizate aici. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Deci este, de asemenea, doar de important pentru trimitere 153 00:07:58,960 --> 00:08:06,554 că dacă voi ști de fapt cum de a crea un server de le 154 00:08:06,554 --> 00:08:09,720 sau vrei sa pui asta pe la nivel mondial web, ești binevenit să faci orice. 155 00:08:09,720 --> 00:08:11,594 Amintiți-vă că acestea sunt doar fișiere JavaScript 156 00:08:11,594 --> 00:08:14,250 și toate prelucrarea Leap se face pe client. 157 00:08:14,250 --> 00:08:16,510 Deci, nu contează cu adevărat în cazul în care viețile voastre serverului 158 00:08:16,510 --> 00:08:19,660 atât timp cât calculatorul pe care o afișați pe site-ul pe 159 00:08:19,660 --> 00:08:22,024 a instalat Leap Motion. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolut. 161 00:08:23,190 --> 00:08:25,680 Ca Tomas spus, da, ceea ce merge pentru voi. 162 00:08:25,680 --> 00:08:28,570 Acesta este doar unul dintre recomandările noastre. 163 00:08:28,570 --> 00:08:31,660 Acum, pentru a începe să utilizați Leap Propunerea ceea ce ar face 164 00:08:31,660 --> 00:08:36,640 este v-ar importa JavaScript fișier de Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Și apoi de acolo ce ce poti face este, chiar acum 166 00:08:39,610 --> 00:08:44,250 Am doar acest alineat tag înființat cu un ID de text. 167 00:08:44,250 --> 00:08:48,690 Lucruri pe care ne-ar recomanda setați opțiuni controler 168 00:08:48,690 --> 00:08:52,012 pentru Leap Motion cu permite gesturi să fie adevărat. 169 00:08:52,012 --> 00:08:53,970 Deci, în mod implicit pe cei gesturi pe care v-am arătat 170 00:08:53,970 --> 00:08:57,010 baieti, cercul, și robinet cheie, și Swipes, 171 00:08:57,010 --> 00:09:00,330 cei care nu sunt prezentate pentru a voi, în mod implicit. 172 00:09:00,330 --> 00:09:04,450 Dar noi recomandăm utilizarea celor deci nu te reinventezi roata. 173 00:09:04,450 --> 00:09:09,489 Activați cei adevărat, asociate de cele Opțiuni de controler a face un salt punct buclă 174 00:09:09,489 --> 00:09:10,530 și sunteți gata pentru a merge. 175 00:09:10,530 --> 00:09:13,270 Pentru că atunci doar ai definit o funcție anonim 176 00:09:13,270 --> 00:09:16,910 care va avea în cadru de la Leap Motion 177 00:09:16,910 --> 00:09:21,150 și că cadru este dotat cu toate informații pe care ai de gând să nevoie. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Deci, doar pentru a recapitulare, ai un obiect. 179 00:09:25,310 --> 00:09:28,250 Ai această funcție numit salt punct buclă. 180 00:09:28,250 --> 00:09:30,460 Și tu o numesc cu două argumente. 181 00:09:30,460 --> 00:09:33,134 Ai o numesc cu unul, opțiunile controler. 182 00:09:33,134 --> 00:09:35,300 Și există o mulțime de opțiuni pe care le puteți pune acolo. 183 00:09:35,300 --> 00:09:38,170 Cel vom sublinia este activa gesturi. 184 00:09:38,170 --> 00:09:41,230 Și dacă setați o egală cu adevărat atunci puteți obține acces la aceste gesturi 185 00:09:41,230 --> 00:09:42,940 pe care le-ai arătat în Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Și apoi al doilea argument este un funcție, e un fel de apel înapoi 187 00:09:47,500 --> 00:09:53,010 care va fi numit în fiecare timp fiecare cadru de Leap, 188 00:09:53,010 --> 00:09:57,340 astfel încât de fiecare dată registre salt că muta mâna, aceasta are un nou cadru. 189 00:09:57,340 --> 00:10:02,130 Și numește această funcție cu o argument, care este obiectul cadru. 190 00:10:02,130 --> 00:10:05,909 Și acel obiect cadru descrie rama ca Leap vede. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Exact. 192 00:10:06,950 --> 00:10:10,450 Deci, aceasta conține toate utilul biți și bucăți de informații 193 00:10:10,450 --> 00:10:12,550 care am vorbit mai devreme. 194 00:10:12,550 --> 00:10:18,010 Verificarea dot gesturi cadru este o matrice de gesturi 195 00:10:18,010 --> 00:10:23,680 că mișcarea salt prins ta mâini fac în ultimul cadru. 196 00:10:23,680 --> 00:10:26,470 Deci, de exemplu, ceea ce suntem aici este ne verificare, 197 00:10:26,470 --> 00:10:31,820 hei, Leap, în ultimul cadru a făcut te prind orice gesturi pe care am făcut-o? 198 00:10:31,820 --> 00:10:36,350 Și dacă da, ce decidem să facem se repeta prin aceste gesturi 199 00:10:36,350 --> 00:10:39,760 și să încercați și să obțină niște utile informații de la ei. 200 00:10:39,760 --> 00:10:44,290 Fiecare gest are un unic ID-ul asociat cu el. 201 00:10:44,290 --> 00:10:46,280 Au tipuri. 202 00:10:46,280 --> 00:10:50,220 Poti sa te uiti la care degetele s-au implicat în gesturile 203 00:10:50,220 --> 00:10:52,770 prin verificarea chestia asta pointable. 204 00:10:52,770 --> 00:10:56,490 Deci, dacă atunci când te duci prin Leap Motion JavaScript API lucruri, 205 00:10:56,490 --> 00:10:59,630 atunci când vorbim de pointables, ei vorbesc despre aceste degete. 206 00:10:59,630 --> 00:11:04,480 Și apoi mâinile sunt, desigur, întregul obiect de mână. 207 00:11:04,480 --> 00:11:05,210 >> Ce altceva? 208 00:11:05,210 --> 00:11:08,630 Puteți verifica cât de mult mișcarea a continuat 209 00:11:08,630 --> 00:11:11,640 pentru și, da, toate aceste lucruri utile. 210 00:11:11,640 --> 00:11:16,490 Deci, ce fac acum aici este Am conectat cadru, 211 00:11:16,490 --> 00:11:24,350 și apoi am actualiza HTML meu pentru a afișa toate aceste biți de informație 212 00:11:24,350 --> 00:11:25,820 de pe cadru. 213 00:11:25,820 --> 00:11:28,010 Deci, haideți să verifice asta. 214 00:11:28,010 --> 00:11:29,440 >> Deci, aici este. 215 00:11:29,440 --> 00:11:34,730 Iată fișierul HTML index punct. 216 00:11:34,730 --> 00:11:38,560 Și, după cum tocmai ați văzut când m-am mutat doar mâna mea Leap prins o mișcare cerc. 217 00:11:38,560 --> 00:11:44,960 Deci, puteți vedea pe mine făcând un cerc peste aici, actualizează cu informații cerc. 218 00:11:44,960 --> 00:11:48,332 Făcând swipes, prinde swipes. 219 00:11:48,332 --> 00:11:49,290 Să încercăm o filă ecran. 220 00:11:49,290 --> 00:11:50,090 Acolo mergem. 221 00:11:50,090 --> 00:11:52,370 Robinet Cinema și un robinet cheie. 222 00:11:52,370 --> 00:11:55,040 Robinete Deci cheie, de asemenea, de Astfel, sunt când te-a lovit în jos. 223 00:11:55,040 --> 00:11:57,260 Deci, vă puteți imagina poate a jucat un pian. 224 00:11:57,260 --> 00:11:59,869 >> Și apoi atingeri ale ecranului sunt atunci când a lovit ecranul. 225 00:11:59,869 --> 00:12:02,910 Deci, vă puteți imagina poate tu de fapt au un ecran tactil în fața ta 226 00:12:02,910 --> 00:12:05,190 si tu esti lovind atingere ecran în fața ta. 227 00:12:05,190 --> 00:12:08,470 Și atunci putem apuca unul dintre aceste obiecte de aici. 228 00:12:08,470 --> 00:12:12,960 Deci, amintiți-vă am spus că am fost trecând cadrul în jurnal consolă. 229 00:12:12,960 --> 00:12:17,160 Și ca să putem verifica toate biți și bucăți de informații 230 00:12:17,160 --> 00:12:22,500 care sunt disponibile în că cadru precum și de a folosi. 231 00:12:22,500 --> 00:12:26,320 >> Cum am spus mai devreme, pointables sunt degetele. 232 00:12:26,320 --> 00:12:30,260 La acel moment nu am avut nostru mâinile în fața Leap Motion 233 00:12:30,260 --> 00:12:32,010 așa că a înregistrat la zero, dar acest lucru este modul în care 234 00:12:32,010 --> 00:12:35,980 ar începe să afle poate cate degete sunt ecranului. 235 00:12:35,980 --> 00:12:37,810 Și acest tip de informații. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: și amintindu- aceasta este doar un obiect. 237 00:12:40,060 --> 00:12:42,185 Deci, tot ce poate fi accesat ca un fel de struct 238 00:12:42,185 --> 00:12:45,540 în C. Aveți obiect numele punct numele de proprietate. 239 00:12:45,540 --> 00:12:48,830 Și apoi în care aveți tablouri și ai altor obiecte, 240 00:12:48,830 --> 00:12:50,850 dar nu uitați că este doar un obiect. 241 00:12:50,850 --> 00:12:53,788 Nu e nimic special pentru că suntem folosind Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Da. 243 00:12:54,704 --> 00:12:56,544 Se răcește. 244 00:12:56,544 --> 00:12:58,710 Ar trebui să vezi pe un cuplu de exemple JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: Deci amintiți-vă repede ca noi 247 00:13:07,810 --> 00:13:12,470 a spus că Leap poate de fapt rula pe orice site web. 248 00:13:12,470 --> 00:13:15,250 LeapJS este doar servit la un client. 249 00:13:15,250 --> 00:13:19,850 Și astfel de-a lungul ca clientul are Leap Motion atașat va funcționa. 250 00:13:19,850 --> 00:13:22,540 Deci, Leap Motion are un site-ul unde oamenii 251 00:13:22,540 --> 00:13:24,540 pot partaja exemplele lor de lucruri pe care le-am făcut. 252 00:13:24,540 --> 00:13:26,623 Deci, noi doar merge printr-o pereche de ele 253 00:13:26,623 --> 00:13:29,980 pentru a vedea ce este posibil, înainte de scufundare în specificul mai mult despre cum 254 00:13:29,980 --> 00:13:32,510 e posibil. 255 00:13:32,510 --> 00:13:33,346 Așa 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Să vedem. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Acum ar trebui să fie de lucru. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Deci, acum înainte am văzut un exemplu 259 00:13:38,520 --> 00:13:45,280 folosind Unity că prestate mâinile noastre cu piei grafice destul de impresionante, 260 00:13:45,280 --> 00:13:50,200 dar acum puteți vedea poți să faci același lucru într-un browser web. 261 00:13:50,200 --> 00:13:54,640 Acest lucru este în interiorul Chrome doar folosind JavaScript. 262 00:13:54,640 --> 00:13:57,460 Și apoi celălalt frumos lucru este dacă doriți 263 00:13:57,460 --> 00:14:02,610 să știe cum au făcut acest lucru, exemplele pe de activarea JavaScript- 264 00:14:02,610 --> 00:14:07,540 includ, de asemenea, opțiuni de cod care puteți verifica afară și apoi a se vedea 265 00:14:07,540 --> 00:14:12,570 modul în care această persoană a fost hapsân mâini și coduri și astfel. 266 00:14:12,570 --> 00:14:16,730 >> Deci, asta e tot ce se poate găsi la developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Puteți merge și a verifica afară de activarea JavaScript- exemple pe care le au acolo. 268 00:14:20,810 --> 00:14:23,280 Deci, da. 269 00:14:23,280 --> 00:14:25,205 Aici sunt acestea, Oops îmi pare rău. 270 00:14:25,205 --> 00:14:27,680 Să încercăm din nou. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Am două mâini drepte. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Deci, da. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Deci și din nou, amintesc uneori Leap oaie. 276 00:14:37,440 --> 00:14:40,790 Doar dau un al doilea. 277 00:14:40,790 --> 00:14:42,784 Nu e perfect, dar e destul de bine. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: O altă recomandare, de asemenea, 279 00:14:44,700 --> 00:14:48,780 este de a nu face acest lucru în lumina directă a soarelui. 280 00:14:48,780 --> 00:14:51,260 Deci, modul Leap Motion fapte este, de fapt 281 00:14:51,260 --> 00:14:54,500 dacă arăt camera această precum și, lumina infrarosie. 282 00:14:54,500 --> 00:14:57,375 Deci, trimite cei afară și apoi le citește când se întorc. 283 00:14:57,375 --> 00:14:59,250 Deci, dacă sunteți încercarea de a fă-o lumina directa a soarelui, 284 00:14:59,250 --> 00:15:01,610 de exemplu, este probabil nu va merge, 285 00:15:01,610 --> 00:15:05,850 sau va solicita unii calibrare să facă acest lucru. 286 00:15:05,850 --> 00:15:10,450 >> De asemenea, un alt recomandare este de a șterge spațiul din spatele Saltul 287 00:15:10,450 --> 00:15:12,740 și în fața Leap. 288 00:15:12,740 --> 00:15:15,520 Ganditi-va ca de lucru în interiorul unui dom care este 289 00:15:15,520 --> 00:15:18,360 incadrand acest obiect Leap Motion. 290 00:15:18,360 --> 00:15:20,550 Dacă există dreptate lucruri în spatele ei, de asemenea, 291 00:15:20,550 --> 00:15:24,740 care este, de asemenea, o să intervină cu modul în care Leap Motion încearcă 292 00:15:24,740 --> 00:15:26,690 să recunoască mâna și acest tip de lucruri. 293 00:15:26,690 --> 00:15:30,010 >> Astfel, de exemplu, cred că în acest caz este laptop-ul meu de fapt 294 00:15:30,010 --> 00:15:34,351 asta e un fel de a face Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Da, acolo mergem. 296 00:15:35,100 --> 00:15:41,021 Deci, dacă am curăța laptop-ul meu de la în spatele ei o parte arată destul de bine. 297 00:15:41,021 --> 00:15:41,520 Deci, da. 298 00:15:41,520 --> 00:15:42,061 Nu e asta. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Deci, ce altceva ne-am să le arătăm. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Cred că acum ar fi momentul 302 00:15:48,250 --> 00:15:52,039 pentru a sorta de arunca cu capul în și hai să face un demo complet de la zero. 303 00:15:52,039 --> 00:15:53,330 Va fi foarte simplu. 304 00:15:53,330 --> 00:15:55,250 Practic ceea ce vom pentru a încerca să faceți este să facă 305 00:15:55,250 --> 00:15:58,570 astfel încât, atunci când treceți mâna, fundal va începe ca roșu, 306 00:15:58,570 --> 00:16:01,361 și atunci când treceți mâna, fundal se va transforma verde. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Într-adevăr simplu. 309 00:16:03,709 --> 00:16:05,750 Și este practic doar O să treacă printr-o foarte mult 310 00:16:05,750 --> 00:16:08,360 conceptelor din spatele Leap astfel încât să putem 311 00:16:08,360 --> 00:16:12,630 ajunge în această ideologie a modului în care funcționează Leap și cum putem construi lucruri cu asta. 312 00:16:12,630 --> 00:16:16,760 Și apoi de acolo ne-am vom Probabil tocmai ți arăt 313 00:16:16,760 --> 00:16:19,710 de Docs API și în cazul în care Puteti citi mai multe despre asta. 314 00:16:19,710 --> 00:16:21,030 Și atunci vom numi zi. 315 00:16:21,030 --> 00:16:24,294 Deci vrei să cod sau mă vrei cu codul? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Da. 317 00:16:25,210 --> 00:16:28,350 Ei bine, cred că putem lucra împreună pe acest lucru și să încercați 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: asa ca vom face unele codificare pereche. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Nu mergem. 320 00:16:31,500 --> 00:16:33,250 Asta e exact ceea ce am a vrut să verifice. 321 00:16:33,250 --> 00:16:34,700 Se răcește. 322 00:16:34,700 --> 00:16:38,750 Deci, de exemplu aici, să vedem. 323 00:16:38,750 --> 00:16:40,979 În timp ce noi iterarea prin gesturile deja, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Vrei sa faci doar un complet nou fișier? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: complet nou fișier? 326 00:16:43,870 --> 00:16:44,246 Da, sigur. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Da. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Deci, hai să facem asta. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Deci mergem pentru a face un fișier complet. 330 00:16:48,253 --> 00:16:51,290 Vom numim preda punct HTML. 331 00:16:51,290 --> 00:16:52,670 Asta e rece cu mine. 332 00:16:52,670 --> 00:16:59,020 Deci, amintiți-vă să faceți o etichetă HTML, atunci în care aveți un cap. 333 00:16:59,020 --> 00:17:02,982 Acest cap are un titlu în ea. 334 00:17:02,982 --> 00:17:04,349 Deci, fila în altă parte. 335 00:17:04,349 --> 00:17:05,589 Acolo te duci. 336 00:17:05,589 --> 00:17:09,359 Titlul, vom numi Leap exemplul. 337 00:17:09,359 --> 00:17:12,163 Da. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Hopa. 339 00:17:13,540 --> 00:17:14,040 Titlu. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Da. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Nu suntem. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Și apoi să facem un organism. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Stai, hai De asemenea, asigurați-vă că pentru a importa. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, desigur. 345 00:17:22,060 --> 00:17:22,560 Greșeala mea. 346 00:17:22,560 --> 00:17:28,700 Deci, asigurați-vă că aveți întotdeauna Saltul script așa că e un scenariu dat la tine 347 00:17:28,700 --> 00:17:31,810 prin Leap Motion care, practic, permite browser-ul web pentru a conecta 348 00:17:31,810 --> 00:17:35,580 la dispozitivul de pe computerul utilizatorului. 349 00:17:35,580 --> 00:17:38,510 Și apoi, în acest avem, de asemenea au nevoie de un corp și hai să 350 00:17:38,510 --> 00:17:40,580 face organismul salut așa pe care le putem arăta elevilor 351 00:17:40,580 --> 00:17:42,704 cum să se conecteze la acest nou pagină web care au făcut. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Sigur. 353 00:17:44,260 --> 00:17:45,724 Așa că hai să îl another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Bună, salut lume. 355 00:17:48,730 --> 00:17:50,210 Deci, un exemplu foarte de bază. 356 00:17:50,210 --> 00:17:53,400 Într-adevăr doar un demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Și apoi aici noi pot merge la, l-am numit mână punct HTML, 358 00:17:58,505 --> 00:18:00,000 dreapta? 359 00:18:00,000 --> 00:18:00,810 Și oh! 360 00:18:00,810 --> 00:18:04,310 Deci, mă întreb ce e în neregulă cu asta acum. 361 00:18:04,310 --> 00:18:07,639 Să adăugăm permisiuni de citire la îndemână punct HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Vrei să o facă în terminalul mare 363 00:18:09,930 --> 00:18:11,080 astfel încât să putem pur și simplu l arate pe the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Da, asta are sens. 365 00:18:12,501 --> 00:18:13,001 În regulă. 366 00:18:13,001 --> 00:18:15,720 Așa că am adăugat permisiuni, dar dacă 367 00:18:15,720 --> 00:18:18,350 au fost pentru a verifica permisiuni înainte de a ne 368 00:18:18,350 --> 00:18:22,560 ar fi văzut că mâna de fapt dot HTML nu aveți permisiuni de citire 369 00:18:22,560 --> 00:18:25,570 și, prin urmare, nu-l putea face. 370 00:18:25,570 --> 00:18:30,850 Dar acum, dacă facem așa, vom vedea nostru puțin Bună ziua lume chiar acolo. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Deci, haideți să de fapt, ca el a fost scris, salut lume, 372 00:18:33,580 --> 00:18:35,371 M-am gândit un mod am putea schimba acest lucru. 373 00:18:35,371 --> 00:18:41,150 Să facem acest salut lume, și atunci când val, spune la revedere. 374 00:18:41,150 --> 00:18:41,650 Chiar? 375 00:18:41,650 --> 00:18:42,210 Deci salut, la revedere. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Sigur. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Sună destul de bine. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Această sună bine pentru mine, de asemenea. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Deci, dacă suntem de gând să faci asta hai să 380 00:18:46,920 --> 00:18:48,980 cred că prin intermediul paginii web un pic. 381 00:18:48,980 --> 00:18:51,800 Vom avea nevoie de niște script care înregistrează, practic, 382 00:18:51,800 --> 00:18:56,470 pe care le fluturat și la un salt, un val și un bețivan, același lucru. 383 00:18:56,470 --> 00:18:59,584 Deci, vom avea nevoie de un script care inregistreaza practic pentru asta bețivan. 384 00:18:59,584 --> 00:19:01,500 Și încă un lucru suntem O să nevoie este că suntem 385 00:19:01,500 --> 00:19:04,360 avea nevoie de conținutul efectiv să se schimbe. 386 00:19:04,360 --> 00:19:07,850 >> Deci, după cum vă amintiți, jQuery vă permite să schimbați conținut. 387 00:19:07,850 --> 00:19:13,017 Deci, un singur lucru ne-ar putea dori să includă în acest sens este biblioteca jQuery. 388 00:19:13,017 --> 00:19:16,100 Și apoi a putea selecta ce vom fapt de gând să modifice conținutul, 389 00:19:16,100 --> 00:19:18,224 care va avea nevoie de un act de identitate sau o clasă, sau ceva 390 00:19:18,224 --> 00:19:20,100 pe care le putem folosi pentru a selecta. 391 00:19:20,100 --> 00:19:25,010 Deci, vom da doar un ID rapidă a textului schimbare. 392 00:19:25,010 --> 00:19:26,974 Și apoi vrei să iei jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Deci, care este primul lucru pe noastră de a face liste, atunci acum? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Să apuca jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Să apuca jQuery, OK, rece. 396 00:19:32,494 --> 00:19:34,502 În acest caz, am de gând să aibă de a actually-- 397 00:19:34,502 --> 00:19:36,210 în cazul în care ar fi cel mai bun loc pentru a face asta? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, așa că, dacă Google jQuery, lovit jQuery, primul 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Foarte primul una. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Or descărcare. 401 00:19:42,135 --> 00:19:42,650 E bine. 402 00:19:42,650 --> 00:19:46,482 Hit descărcare V1 și V2 pe stânga. 403 00:19:46,482 --> 00:19:49,190 Deci ne descrie jQuery din online, ca si cum ai făcut, probabil. 404 00:19:49,190 --> 00:19:50,440 Derulați în jos. 405 00:19:50,440 --> 00:19:51,260 Up, în sus. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, chiar aici acum? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Or asta. 408 00:19:54,460 --> 00:19:54,960 Da. 409 00:19:54,960 --> 00:20:00,150 Deci, jQuery are o versiune găzduit ceea ce înseamnă că nu face de fapt 410 00:20:00,150 --> 00:20:01,890 trebuie să-l descărcați, dar tu ești mai mult 411 00:20:01,890 --> 00:20:07,734 bun venit pentru a descărca și gazdă singur. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: cool. 413 00:20:08,650 --> 00:20:09,566 Deci, acum avem jQuery. 414 00:20:09,566 --> 00:20:11,122 Acum ce urmează pe lista noastră de a face. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Deci următor ceea ce ne trebuie face este că de fapt nevoie 417 00:20:13,910 --> 00:20:17,750 pentru a se obține p salut lume un act de identitate astfel încât să putem schimba, nu? 418 00:20:17,750 --> 00:20:24,514 Așa că haideți să dau o idee de, Nu știu, modificați text? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Să face în felul acesta, cred. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, rece. 421 00:20:28,013 --> 00:20:29,830 Și acum hai să încărcarea paginii. 422 00:20:29,830 --> 00:20:31,142 Asigurați-vă că funcționează totul. 423 00:20:31,142 --> 00:20:32,100 Deci, înapoi în browser. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Se răcește. 426 00:20:36,922 --> 00:20:39,380 Întotdeauna un memento bun care atunci când sunteți construirea unui site web, 427 00:20:39,380 --> 00:20:44,450 probabil refresh de fiecare dată când face orice modificare semnificativă oarecum doar 428 00:20:44,450 --> 00:20:47,993 pentru că uneori picătură accidental o etichetă, 429 00:20:47,993 --> 00:20:51,640 sau ștergeți accidental ceva, și apoi rupe ceva mic, 430 00:20:51,640 --> 00:20:55,880 dar atunci când faci o schimbare mai mare esti ca, de ce a făcut această mare schimbare 431 00:20:55,880 --> 00:20:57,910 aparent rupe lucru fără legătură. 432 00:20:57,910 --> 00:21:02,840 Deci, este întotdeauna bine pentru a sorta de du-te și fă aceste teste de corectitudine. 433 00:21:02,840 --> 00:21:05,610 >> Oricum așa acum să facem o ultimă verificare bun-simț, 434 00:21:05,610 --> 00:21:09,800 care este să încercăm să schimbe text fără Leap Motion, 435 00:21:09,800 --> 00:21:11,820 fără nimic, doar de sarcina pagina aceasta va 436 00:21:11,820 --> 00:21:17,140 schimba lumea salut la la revedere folosind jQuery. 437 00:21:17,140 --> 00:21:21,400 Deci, dacă vă aduceți aminte expune jQuery această funcție semnul dolar, 438 00:21:21,400 --> 00:21:28,640 pe care putem trece selectorul de CSS pentru, și anume de text schimbare hashtag, care 439 00:21:28,640 --> 00:21:31,590 selectează elementul cu un ID de text schimbare. 440 00:21:31,590 --> 00:21:34,980 Și apoi mergem pentru a apela metoda HTML 441 00:21:34,980 --> 00:21:40,390 pe obiect se revine cu argument de un la revedere șir, care 442 00:21:40,390 --> 00:21:45,600 se va schimba elementele HTML pentru a spune la revedere. 443 00:21:45,600 --> 00:21:46,210 Minunat. 444 00:21:46,210 --> 00:21:48,790 Pare destul de rece. 445 00:21:48,790 --> 00:21:52,365 Iar acum, când ne-am refresh pagina vom vedea 446 00:21:52,365 --> 00:21:54,040 se schimbă instantaneu la revedere, nu? 447 00:21:54,040 --> 00:21:55,910 Pentru că nu așteaptă nimic. 448 00:21:55,910 --> 00:21:59,200 Un fel de îndată ce script ruleaza îl schimbă de la revedere. 449 00:21:59,200 --> 00:22:00,430 Se răcește. 450 00:22:00,430 --> 00:22:03,790 >> Deci, acum să înveliți că într-o funcție. 451 00:22:03,790 --> 00:22:04,290 Corect. 452 00:22:04,290 --> 00:22:06,270 Deci, vom dori pentru a face o funcție. 453 00:22:06,270 --> 00:22:08,160 Vom numi la revedere. 454 00:22:08,160 --> 00:22:11,570 Deci, la revedere funcție este de gând să ia nici un argument 455 00:22:11,570 --> 00:22:14,170 și nu e adevărat O să se întoarcă nimic. 456 00:22:14,170 --> 00:22:18,850 Și e doar de gând să face că, în JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Excelent. 459 00:22:23,140 --> 00:22:27,000 Deci, funcția de revedere acum modifică textul la revedere, nu? 460 00:22:27,000 --> 00:22:28,930 Deci, aceasta ne oferă o modalitate la practic schimbare 461 00:22:28,930 --> 00:22:32,871 acest text de la revedere ori de câte ori am numit această funcție. 462 00:22:32,871 --> 00:22:33,370 Chiar? 463 00:22:33,370 --> 00:22:35,290 Deci, aceasta este destul de rece. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Ei bine, ne-am de asemenea, doar poate asigurați-vă că 465 00:22:37,430 --> 00:22:41,040 că acum, deoarece nu suntem de asteptare funcție, dacă vom încărcarea paginii, 466 00:22:41,040 --> 00:22:44,460 observați că nu va pentru a modifica textul. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Excelent. 468 00:22:45,509 --> 00:22:47,800 Deci, acum vom începe pentru a intra în acel salt chestii 469 00:22:47,800 --> 00:22:49,880 că am vorbit despre. 470 00:22:49,880 --> 00:22:52,240 Deci Armi, vrei să ia-o de aici sau? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Da. 472 00:22:52,640 --> 00:22:53,139 Sigur. 473 00:22:53,139 --> 00:22:56,260 Am, probabil, va avea nevoie de la lucruri verificare duble, 474 00:22:56,260 --> 00:22:58,250 dar de exemplu amintesc am spus am vrut 475 00:22:58,250 --> 00:23:02,627 să vă asigurați că în Opțiuni am stabilit permite gesturi 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Bun captură. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Pentru a fi adevărat. 478 00:23:06,250 --> 00:23:08,960 Și apoi am fost recomanda că voi ar 479 00:23:08,960 --> 00:23:12,230 rula salt punct buclă, care așa cum am spus mai devreme, 480 00:23:12,230 --> 00:23:18,140 are două opțiuni, un obiect JSON care este opțiunile pentru modul în care doriți 481 00:23:18,140 --> 00:23:22,030 pentru a configura Leap Motion a lucru, iar apoi o funcție care este 482 00:23:22,030 --> 00:23:27,640 merge pentru a prinde un cadru ca un apel invers Funcția ca Tomas spunea. 483 00:23:27,640 --> 00:23:30,470 Și apoi editați ce vrei de a face cu această funcție. 484 00:23:30,470 --> 00:23:33,890 >> Așa că am trece în opțiune și acum definim 485 00:23:33,890 --> 00:23:36,117 o funcție care va avea într-un cadru. 486 00:23:36,117 --> 00:23:38,200 Și acum trebuie să definim ceea ce face această funcție. 487 00:23:38,200 --> 00:23:42,569 Este, de asemenea, de dragul viitor, face asta pentru a se asigura. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Excelent. 489 00:23:43,610 --> 00:23:45,940 Deci, acum avem această salt funcție buclă punct 490 00:23:45,940 --> 00:23:52,420 apel care, practic, spune ceas Leap cu aceste opțiuni și de fiecare dată 491 00:23:52,420 --> 00:23:55,710 Schimbări ceva, numesc acest Cadru funcție cu toate datele 492 00:23:55,710 --> 00:23:59,510 că ești conștient de în cadru. 493 00:23:59,510 --> 00:24:01,320 Sună destul de bine. 494 00:24:01,320 --> 00:24:03,680 Deci, acum verificare bun-simț rapid, pe care il recomand întotdeauna, 495 00:24:03,680 --> 00:24:07,020 este în acel doar pune consolă cadru jurnal punct. 496 00:24:07,020 --> 00:24:10,320 Și apoi în Chrome deschide și să privească la consola 497 00:24:10,320 --> 00:24:13,870 și să se joace în jurul cu salt pentru a vedea rame fiind conectat, pentru că voia 498 00:24:13,870 --> 00:24:16,300 veți obține o idee de ceea ce Date aveți acces la. 499 00:24:16,300 --> 00:24:20,680 Și, ca întotdeauna dacă te confuz, privi în sus de referință API. 500 00:24:20,680 --> 00:24:23,430 Și vom include link- pentru că, la sfârșitul acestei. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Deci noi încărcarea paginii și apoi 502 00:24:26,300 --> 00:24:28,880 mergem și să deschidă consola din nou. 503 00:24:28,880 --> 00:24:33,590 Și acum observăm că suntem având în rame trecut în, 504 00:24:33,590 --> 00:24:37,834 aceste obiecte mici am văzut mai devreme. 505 00:24:37,834 --> 00:24:38,690 Deci, da. 506 00:24:38,690 --> 00:24:42,870 Acestea sunt cadrele noastre apar în consolă. 507 00:24:42,870 --> 00:24:43,370 Se răcește. 508 00:24:43,370 --> 00:24:46,970 >> Deci, acum că ne-am apucat cadre, cum s-ar putea aminti mai devreme 509 00:24:46,970 --> 00:24:51,800 de la exemplul pe care am avut-o, dacă vom verifica dot gesturi cadru 510 00:24:51,800 --> 00:24:56,270 vom obține lista de gesturi care cadru prins cel mai recent. 511 00:24:56,270 --> 00:25:01,510 Putem verifica lungimea de care matrice pentru a vedea dacă Leap prins nici gesturi. 512 00:25:01,510 --> 00:25:05,010 Deci, dacă asta matrice este mai mare decât zero atunci 513 00:25:05,010 --> 00:25:07,570 Știi că avem niște chestii de făcut. 514 00:25:07,570 --> 00:25:15,040 >> Deci, haideți să încheie care intr-un caz, cu condiția iar acum aici ceea ce știm este că 515 00:25:15,040 --> 00:25:20,390 au văzut un gest, să acționeze pe ea. 516 00:25:20,390 --> 00:25:25,721 Deci, acum că suntem aici noi au un gest pentru a verifica. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Ei bine, primul lucru este că nu e doar un gest, 518 00:25:28,470 --> 00:25:29,840 ar putea fi la fel de multe gesturi. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Foarte adevărat. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Deci pe Stilul clasic C aici 521 00:25:33,340 --> 00:25:36,334 probabil vom dori să utilizați o buclă pentru. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Iată-ne deci. 523 00:25:37,750 --> 00:25:42,870 Am decis să itera prin gesturile. 524 00:25:42,870 --> 00:25:46,412 Și să vedem. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 Și acum, dacă ne-am făcut, poate, doar un gest var egal 527 00:25:56,150 --> 00:26:01,210 gesturi cadru dot suport i, acum avem 528 00:26:01,210 --> 00:26:06,260 gest în sine, care este doar una exemplu unic de un obiect gest 529 00:26:06,260 --> 00:26:10,582 pentru noi de a lucra cu în interiorul acestei pentru buclă. 530 00:26:10,582 --> 00:26:12,869 În regulă. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Să bun-simț verifica aici din nou și doar consola 532 00:26:15,410 --> 00:26:17,370 punct LOGIN gest pentru a vedea ce ne minim. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Console jurnal punct gest. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Dokie Okie. 536 00:26:23,780 --> 00:26:26,250 Si refresh încă o dată. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Și să incearca sa faci un gest. 538 00:26:30,030 --> 00:26:34,600 Veți vedea că o grămadă de, când a swipes, 539 00:26:34,600 --> 00:26:39,780 veți obține o grămadă de gesturi în consolă și dacă el încearcă să facă un cerc, 540 00:26:39,780 --> 00:26:40,470 e doar-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Cercuri sunt doar într-adevăr frumos. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Acum există un lucru ciudat aici, care este el face un cerc, 543 00:26:45,000 --> 00:26:48,730 dar acest lucru este de logare de 80 de gesturi, nu? 544 00:26:48,730 --> 00:26:50,070 Asta-i o mulțime de gesturi. 545 00:26:50,070 --> 00:26:53,560 Deci, primul genul de lucru la realiza, iar acest lucru poate fi confuz, 546 00:26:53,560 --> 00:26:57,050 este faptul că un gest nu este doar conectat dată. 547 00:26:57,050 --> 00:27:01,107 >> Pe fiecare cadru, drept, așa că dacă fac un cerc 548 00:27:01,107 --> 00:27:02,940 Leap va detecta acest este o schimbare, de la acest 549 00:27:02,940 --> 00:27:04,398 este o schimbare, de la aceasta este o schimbare. 550 00:27:04,398 --> 00:27:05,970 Și va loga fiecare dintre acestea. 551 00:27:05,970 --> 00:27:08,200 Dar, în fiecare dintre acestea, se va spune, oh, 552 00:27:08,200 --> 00:27:10,050 există un gest în prezent în curs. 553 00:27:10,050 --> 00:27:14,260 Deci, permiteți-mi să spun, hei, e un gest și este în prezent în curs. 554 00:27:14,260 --> 00:27:17,000 Deci, ceea ce nu vrem să do este spune, oh, pe fiecare 555 00:27:17,000 --> 00:27:19,370 din aceste gesturi voi doriți să modificați textul. 556 00:27:19,370 --> 00:27:23,660 Ceea ce vrem să facem este atunci când gest se oprește, și putem verifica pentru că, 557 00:27:23,660 --> 00:27:24,974 apoi ne-am dori să se schimbe textul. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Deci, ca Tomas este explicarea acestor gesturi 560 00:27:30,550 --> 00:27:33,580 s-ar putea să apară prin multiple rame, dar de exemplu, 561 00:27:33,580 --> 00:27:36,200 când am fost cu că cerc, putem vedea 562 00:27:36,200 --> 00:27:40,140 că ID-ul pentru că unul singur cerc pe care le 563 00:27:40,140 --> 00:27:43,950 ar fi încercat să completeze a fost același ID de-a lungul. 564 00:27:43,950 --> 00:27:46,320 Și, de fapt, puteți, de asemenea a verifica afară de starea. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 actualizat. 567 00:27:50,270 --> 00:27:55,680 >> Și atunci aceasta este, probabil, Ultima cerc că, oh, ei bine, OK. 568 00:27:55,680 --> 00:28:00,480 Deci, uneori vă arată o Starea de oprire un gest 569 00:28:00,480 --> 00:28:04,180 și, de asemenea vă arată un statut de a începe un nou gest atunci când 570 00:28:04,180 --> 00:28:09,140 ea recunoaște sigur că ați început o nouă gest. 571 00:28:09,140 --> 00:28:10,637 De exemplu, în acest caz. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Deci da. 574 00:28:12,511 --> 00:28:14,420 Și apoi, să vedem. 575 00:28:14,420 --> 00:28:16,490 Puteți observa, de asemenea, deși am fost de luare 576 00:28:16,490 --> 00:28:22,179 un cerc și gest are un tip de câmp numit 577 00:28:22,179 --> 00:28:23,970 care ne spune ce fel de gest, care este. 578 00:28:23,970 --> 00:28:27,829 Deci, care ar putea fi utile pentru noi să încercați și de a face ceea ce facem. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Deci trecerea înapoi la JS, 580 00:28:29,620 --> 00:28:31,696 primul lucru care apare la mine de asemenea, citind doar prin acest cod 581 00:28:31,696 --> 00:28:34,340 este acolo un optimizare mic, care este de fapt noi 582 00:28:34,340 --> 00:28:35,980 nu au nevoie de această condiție dacă, nu? 583 00:28:35,980 --> 00:28:39,330 Pentru că dacă gesturi cadru dot dot Lungimea este zero, că pentru bucla lui 584 00:28:39,330 --> 00:28:40,450 nu de gând să ruleze oricum. 585 00:28:40,450 --> 00:28:43,100 Deci, am putea la fel de bine du-te înainte și scapă de asta. 586 00:28:43,100 --> 00:28:46,620 Din nou, în timp ce scrii cod este important să se întoarcă și sortare 587 00:28:46,620 --> 00:28:50,330 de Refactor cum îți dai seama că ar fi putut face ceva mai bun, 588 00:28:50,330 --> 00:28:53,370 sau că există un alt mod de a face asta. 589 00:28:53,370 --> 00:28:57,170 Deci, acum suntem doar de gând pentru a curăța acest rapid și, de asemenea, curăța codul. 590 00:28:57,170 --> 00:28:58,310 E o afacere mare. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Bun Stilul este foarte apreciat. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Puteți spune întotdeauna când cineva 593 00:29:01,828 --> 00:29:05,240 are codul acolo unde folosit pentru a fi un dacă Stare și apoi l-au îndepărtat, 594 00:29:05,240 --> 00:29:07,530 dar ei nu l-decomenta. 595 00:29:07,530 --> 00:29:10,147 Este foarte evident și se pare un fel de urât. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Deci, care este următoare pe lista noastră de a face? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Deci, acum ca am spus, Cred că primul lucru pe care vrem să facem 598 00:29:15,479 --> 00:29:17,970 Se asigurați-vă că gestul lui de fapt o lovitură, nu? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Da. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Deci, dacă spunem că la revedere noastră este un fel de bețivan, 601 00:29:21,750 --> 00:29:25,280 vom merge cu el e un bețivan, primul lucru pe care trebuie să spun este, hei, 602 00:29:25,280 --> 00:29:27,410 este de tip gestul un bețivan, nu? 603 00:29:27,410 --> 00:29:30,860 Nu un cerc sau un top, dar este o lovitură? 604 00:29:30,860 --> 00:29:34,280 Deci, modul în care putem face asta este putem spune gest 605 00:29:34,280 --> 00:29:38,530 Tip punct bețivan egal egal ca un șir. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [inaudibil] gest Tip punct este egal cu egal bețivan. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Există suntem. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Și apoi ultima întrebare 610 00:29:49,438 --> 00:29:53,170 vrem să vedem este gest punct oprire egal egal de stat, nu? 611 00:29:53,170 --> 00:29:55,860 Deci, asta e, atunci când Gestul a fost oprită. 612 00:29:55,860 --> 00:29:58,490 Cred că de fapt pentru bețivan, am știu acest lucru pe partea de sus a capului meu, 613 00:29:58,490 --> 00:30:00,340 dar ești binevenit să uite-l, atunci când 614 00:30:00,340 --> 00:30:05,627 treceți de fiecare dată când se înregistrează până când opriți este un gest început. 615 00:30:05,627 --> 00:30:07,460 Și atunci ultima lui doar un gest de oprire. 616 00:30:07,460 --> 00:30:11,090 Deci, nu va fi doar un loc gest, care este foarte bun pentru noi. 617 00:30:11,090 --> 00:30:17,180 Deci, ce putem face este spune dacă gest punct tip bețivan egal egal și gest punct 618 00:30:17,180 --> 00:30:19,950 statut egal egal opri, apoi hai bun-simț 619 00:30:19,950 --> 00:30:21,725 verifica aici consola gest jurnal punct. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Deci, ne întoarcem aici. 622 00:30:30,790 --> 00:30:33,570 Vom încărcarea paginii. 623 00:30:33,570 --> 00:30:38,380 Și acum doar timpul ceva ar trebui fi consolă punct autentificat este atunci când ne-am treceți. 624 00:30:38,380 --> 00:30:40,780 Și încercăm să treceți și vom vedea nimic. 625 00:30:40,780 --> 00:30:41,280 Chiar? 626 00:30:41,280 --> 00:30:43,990 Deci, aceasta este de fapt o mare problemă. 627 00:30:43,990 --> 00:30:47,560 Nu ne vedem ceea ce ne-am așteptat să. 628 00:30:47,560 --> 00:30:49,356 Și depanare poate fi o mare parte din aceasta. 629 00:30:49,356 --> 00:30:51,980 Deci, primul lucru pe care vom să spun este, OK, hai consola punct 630 00:30:51,980 --> 00:30:54,568 log-l dacă gest dot tip lovitură egal egal. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Da, hai să facem asta. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Deci suntem O să mă întorc la asta. 634 00:31:02,020 --> 00:31:03,140 Vom refresh. 635 00:31:03,140 --> 00:31:04,020 Vom treceți. 636 00:31:04,020 --> 00:31:05,150 Și vom vedea o grămadă de ele. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Deci, în mod clar problema a fost cu statutul nostru gest punct. 639 00:31:08,710 --> 00:31:14,000 Deci, dacă ne deschidem unul dintre acestea se va uite în obiectele și vom vedea, 640 00:31:14,000 --> 00:31:18,700 bine, e o oprire, dar, oh, se numește stat, nu de stare. 641 00:31:18,700 --> 00:31:21,890 Deci, dacă ne întoarcem la codul nostru putem spune 642 00:31:21,890 --> 00:31:27,780 dacă tipul de gest punct bețivan egal egal și de oprire egal stat gest punct egal, 643 00:31:27,780 --> 00:31:29,160 atunci vom consola punct autentifica ea. 644 00:31:29,160 --> 00:31:30,940 Și așa refresh. 645 00:31:30,940 --> 00:31:31,856 Am treceți. 646 00:31:31,856 --> 00:31:33,730 Și vom vedea că pe fiecare bețivan, suntem doar 647 00:31:33,730 --> 00:31:36,247 asistent una, care este scop, care este mare, nu? 648 00:31:36,247 --> 00:31:37,080 Asta e ceea ce ne dorim. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Da. 650 00:31:37,955 --> 00:31:42,640 Și se poate observa, de asemenea, că ID-urile de fiecare dintre aceste gesturi sunt separate. 651 00:31:42,640 --> 00:31:47,470 Deci, ca Tomas spunea că suntem prinderea această stare un loc care 652 00:31:47,470 --> 00:31:52,850 există la sfârșitul anului o lovitură, suntem asistent gesturi distincte individuale 653 00:31:52,850 --> 00:31:54,441 de la Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Marea. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Să mergem mai departe și doar fac ceea ce final, care este, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: La revedere. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 Și acum să verificați site-ul nostru. 660 00:32:08,925 --> 00:32:09,425 Unul 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: a doua. 662 00:32:09,730 --> 00:32:11,271 Noi am, da, ne-am numi revedere. 663 00:32:11,271 --> 00:32:11,920 Marea. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Nu, La revedere este o funcție reală. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Da. 666 00:32:14,406 --> 00:32:15,670 Hai să facem asta. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Și când ne val la revedere, se spune la revedere. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Avem victorie. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: chestii Deci destul de interesant. 670 00:32:25,632 --> 00:32:28,590 Sperăm că vă puteți construi ceva altceva, dar ai prins ideea de, nu? 671 00:32:28,590 --> 00:32:30,260 Puteți detecta gesturi. 672 00:32:30,260 --> 00:32:31,469 Puteți apela funcții. 673 00:32:31,469 --> 00:32:34,510 Și de aici că într-adevăr vă oferă unele blocuri foarte fundamentale de constructii 674 00:32:34,510 --> 00:32:38,800 să spun, oh, poate atunci când treceți degetul în sus, pentru că poate detecta, de asemenea, lucruri 675 00:32:38,800 --> 00:32:39,674 direcție ca. 676 00:32:39,674 --> 00:32:40,840 Vreau să fac ceva. 677 00:32:40,840 --> 00:32:43,470 Sau atunci când treceți drept, am să le facă ceva. 678 00:32:43,470 --> 00:32:45,880 Și putem începe să se creativ cu exact cum 679 00:32:45,880 --> 00:32:48,840 vom îmbunătăți site-ul nostru folosind aceste gesturi bețivan sau cerc 680 00:32:48,840 --> 00:32:53,695 gesturi, sau gesturi robinet, fie robinete sau atingeri ale ecranului cheie. 681 00:32:53,695 --> 00:32:56,070 Și apoi altul decât că ești mai mult decât binevenit pentru a juca 682 00:32:56,070 --> 00:32:59,640 cu datele reale, dar dacă vrei să faci 683 00:32:59,640 --> 00:33:03,870 care ne-ar sugera te duci la docs pentru că ele sunt de fapt foarte bine. 684 00:33:03,870 --> 00:33:05,034 Deci, a condus la docs acum. 685 00:33:05,034 --> 00:33:06,450 Sau vrei să vorbești despre asta? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Da. 687 00:33:06,940 --> 00:33:07,920 Hai să facem asta. 688 00:33:07,920 --> 00:33:13,680 De asemenea, un alt tidbit de consiliere, nu încercați și cred că de acest lucru în 3D. 689 00:33:13,680 --> 00:33:22,611 Deci, de fapt, hai trage aceste gesturi încă o dată gest jurnal consolă punct 690 00:33:22,611 --> 00:33:24,290 și vom face asta. 691 00:33:24,290 --> 00:33:29,460 Vino înapoi și acum să încercăm o cuplu de acestea, câteva dintre acestea. 692 00:33:29,460 --> 00:33:32,940 >> Dacă mergem in și check out aceste gesturi precum și 693 00:33:32,940 --> 00:33:36,830 după cum se poate observa că ei sunt dimensionalitate 694 00:33:36,830 --> 00:33:38,980 este în trei direcții, de fapt. 695 00:33:38,980 --> 00:33:42,500 Deci, nu doar limitează te la un ecran 2D 696 00:33:42,500 --> 00:33:45,200 chiar dacă s-ar putea fie pe un site web 2D. 697 00:33:45,200 --> 00:33:49,152 Puteți încerca și cred că modul în care un utilizator s-ar putea interacționa cu site-ul în 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: Într-un spațiu 3D. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Exact. 700 00:33:51,401 --> 00:33:52,310 Și da. 701 00:33:52,310 --> 00:33:55,350 Deci, veți obține direcții, viteze, toate aceste biți se răcească de informații. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: Și dacă nu ești familiarizat cu care, merge x, y, 703 00:33:58,890 --> 00:34:01,566 iar apoi z este aceasta ultima dimensiune. 704 00:34:01,566 --> 00:34:04,690 Doar ceva care probabil esti familiar cu dacă ați ocupat cu 3D 705 00:34:04,690 --> 00:34:05,731 coordona avioane înainte. 706 00:34:05,731 --> 00:34:09,565 Daca nu aveți, e la fel ca un 2D unul cu excepția exista oa treia dimensiune. 707 00:34:09,565 --> 00:34:11,420 Noi numim aceasta z. 708 00:34:11,420 --> 00:34:16,449 Și totul, un fel de direcție, care este în cazul în care se întâmplă, 709 00:34:16,449 --> 00:34:19,810 position-- Cred că s-ar putea chiar expune accelerare, eu nu sunt sigur. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Da, cred. 711 00:34:21,341 --> 00:34:22,340 Are cu siguranta viteza. 712 00:34:22,340 --> 00:34:25,699 Eu nu sunt de fapt 100% sigur despre accelerație. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Ar putea fi o opțiune puteți trece pe la ceva. 714 00:34:28,810 --> 00:34:33,409 Deci, poziția și viteza sunt expuse în aceste fel de trei coordonate. 715 00:34:33,409 --> 00:34:38,812 Deci x, y, z sau delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Deci, acum a condus la documentația e developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 și apoi puteți să faceți clic Documentation. 718 00:34:46,460 --> 00:34:50,010 Din nou, Leap Motion este dotat cu toate acestea API-uri minunate, una pentru JavaScript, 719 00:34:50,010 --> 00:34:53,750 una pentru C Sharp și Unitate, unul pentru C ++, una pentru Java, unul pentru Python, 720 00:34:53,750 --> 00:34:59,020 și unul pentru Obiectivul C. Eu personal v-ar împinge spre JavaScript 721 00:34:59,020 --> 00:35:01,280 sau dacă doriți să învățați o limbă nouă, încercați Python. 722 00:35:01,280 --> 00:35:05,910 Ambele aceste limbi care am lucrat cu înainte și sunt foarte ușor de a învăța 723 00:35:05,910 --> 00:35:10,250 și știți deja JavaScript, care face un pretendent foarte bun. 724 00:35:10,250 --> 00:35:12,930 >> Un cuvânt de precauție atunci când introduceți docs. 725 00:35:12,930 --> 00:35:15,940 Asigurați-vă că sunteți pe Google Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Pentru că dacă ești pe Versiunea o, aceasta nu va funcționa. 727 00:35:20,250 --> 00:35:21,830 De asemenea, pentru galeria exemplu. 728 00:35:21,830 --> 00:35:25,100 Am petrecut o bună 30 minute Încerc depanare Leap nostru 729 00:35:25,100 --> 00:35:28,640 înainte am dat seama că V1 nu funcționează cu V2. 730 00:35:28,640 --> 00:35:31,660 Deci, doar asigurați-vă că sunteți pe versiunea doi. 731 00:35:31,660 --> 00:35:33,904 Și atunci am să-l lăsa arata-vă docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Da. 733 00:35:34,820 --> 00:35:39,480 Deci, aici e de ansamblu API și apoi unele biți și bucăți de informații 734 00:35:39,480 --> 00:35:41,420 pe care v-am spus deja. 735 00:35:41,420 --> 00:35:44,270 Nisa plutitoare mic mâini de mai sus o Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Și un memento de a gândi despre spațiu în 3D. 737 00:35:47,850 --> 00:35:53,140 Una dintre primele obiecte să se gândească cu Leap Motion sunt mâinile, desigur. 738 00:35:53,140 --> 00:35:57,060 Am văzut cele recunoscute de Visualizer. 739 00:35:57,060 --> 00:35:59,180 Și apoi s-ar putea avea văzut că a recunoscut 740 00:35:59,180 --> 00:36:03,202 parte din încheietura mâinii și brațul asociat cu el. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Dacă doriți a trage Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Da, hai să facem asta din nou. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Puteți vedea, mereu doar un memento bun pentru a vedea un fel de, 744 00:36:10,148 --> 00:36:14,060 Visualizer încearcă să arate toate datele care Leap vede. 745 00:36:14,060 --> 00:36:17,606 Deci, veți vedea că avem aceste fel de patru puncte 746 00:36:17,606 --> 00:36:19,230 de încheietura mâinii și apoi încheietura mâinii actuale. 747 00:36:19,230 --> 00:36:21,625 Și, de asemenea, mingea la palma. 748 00:36:21,625 --> 00:36:24,000 Toate acestea sunt puncte recunosc recunoscut de salt. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Exact. 750 00:36:25,041 --> 00:36:32,300 Și astfel, cu acel obiect mână fiecare cadru are o gamă mână 751 00:36:32,300 --> 00:36:36,470 precum și în cazul în care puteți obține, de asemenea, stânga și mâinile potrivite. 752 00:36:36,470 --> 00:36:39,410 Puteți obține ceea ce direcție mâinile sunt 753 00:36:39,410 --> 00:36:42,410 cu care se confruntă cu normală direcție de palmier, 754 00:36:42,410 --> 00:36:45,470 sau cum o numesc ei palma normală. 755 00:36:45,470 --> 00:36:46,510 Ce altceva mai avem? 756 00:36:46,510 --> 00:36:48,120 Avem, de asemenea, Oops. 757 00:36:48,120 --> 00:36:50,640 Să încercăm și derulați în jos în acest fel. 758 00:36:50,640 --> 00:36:54,410 Brațele, degetele sunt reprezentat de degetul 759 00:36:54,410 --> 00:36:57,890 clasă, care este un obiect pointable. 760 00:36:57,890 --> 00:37:01,420 Deci, ca și cum am spus, am văzut că matrice de pointables pentru fiecare mână. 761 00:37:01,420 --> 00:37:04,240 Acestea sunt putinul degetele să se gândească. 762 00:37:04,240 --> 00:37:09,809 Deci, aceasta este o imagine de ansamblu bun pentru a merge prin a încerca și să înțeleagă. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [inaudibil] nu de mână anatomie sus. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Da, exact. 765 00:37:13,680 --> 00:37:14,220 Deci, da. 766 00:37:14,220 --> 00:37:18,150 Există o mulțime de date brute care Leap Motion ia în interpretează bine 767 00:37:18,150 --> 00:37:20,750 pentru tine, așa că este o mare Ideea de a merge pe aici 768 00:37:20,750 --> 00:37:25,300 și să încerce și dau seama cum Leap are dat deja lucrurile pentru tine 769 00:37:25,300 --> 00:37:28,830 și așa ce informații au la dispoziție de acolo. 770 00:37:28,830 --> 00:37:33,150 Și apoi de acolo mi-ar recomanda a intra în această secțiune stângă peste aici, 771 00:37:33,150 --> 00:37:39,210 care merge, bine, de fapt nu, acestea sunt de fapt doar mai API lucruri about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: Referința API de la de jos este, de obicei un loc bun pentru a merge. 773 00:37:42,670 --> 00:37:45,720 Voi probabil a văzut acest lucru în momentul am facut Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Dar de referință într-adevăr doar trece prin toate 775 00:37:48,590 --> 00:37:54,540 a funcțiilor și a parametrilor disponibil în obiectul de tine. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Da. 777 00:37:55,500 --> 00:37:57,740 De exemplu, aceasta este ceea ce Am fost în căutarea pentru mai înainte. 778 00:37:57,740 --> 00:38:01,030 Atunci când avem o mână noi pot merge și dau seama 779 00:38:01,030 --> 00:38:03,750 cum Leap recomandă la noi pentru a găsi o mână. 780 00:38:03,750 --> 00:38:06,080 Cum am spus mai devreme, Avem o gamă mâini. 781 00:38:06,080 --> 00:38:10,340 Aflați dacă avem mâini și apoi încercați și apuca o singură mână 782 00:38:10,340 --> 00:38:12,410 pentru a interacționa cu în acest fel. 783 00:38:12,410 --> 00:38:16,540 Deci, asta e ceea ce am recomanda pentru voi. 784 00:38:16,540 --> 00:38:18,400 Gesturile si chestii, de asemenea. 785 00:38:18,400 --> 00:38:23,857 Această documentație API va fie un instrument fantastic pentru voi. 786 00:38:23,857 --> 00:38:25,440 Aveți alte recomandări? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: Eu nu fac. 788 00:38:26,398 --> 00:38:27,590 Cred că e bine pentru acum. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Da, Cred că da, de asemenea. 790 00:38:29,340 --> 00:38:33,330 Nu ezitați să ne trimiteți un email și a lua în contact despre Leap Motion 791 00:38:33,330 --> 00:38:36,210 dacă întâmpinați probleme, poate, sau au nevoie de orice recomandări. 792 00:38:36,210 --> 00:38:40,310 Și putem încerca și dau chestii cu voi, de asemenea. 793 00:38:40,310 --> 00:38:40,810 Mulțumesc. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Great. 795 00:38:42,360 --> 00:38:42,880