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 So hi, almal. 4 00:00:13,230 --> 00:00:14,300 My naam se Tomas. 5 00:00:14,300 --> 00:00:15,744 Ek is 'n TF en dit is 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Nice om jou te sien ouens. 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 So ons gaan praat oor Leap Motion vandag. 10 00:00:20,740 --> 00:00:22,800 So Leap Motion is 'n regtig cool produk wat 11 00:00:22,800 --> 00:00:25,900 kan jy interaksie met 'n rekenaar in 'n ander manier. 12 00:00:25,900 --> 00:00:28,560 So het die hele idee agter sprong beweging is dat jy 13 00:00:28,560 --> 00:00:31,430 kan jou hande gebruik om te interaksie met die rekenaar. 14 00:00:31,430 --> 00:00:33,610 So hier het ek iets opgestel. 15 00:00:33,610 --> 00:00:34,790 Ek sal praat oor dit in 'n bietjie. 16 00:00:34,790 --> 00:00:37,540 Maar die basiese weergawe is dat jy kan sien dat Ek het my hande in die voorkant 17 00:00:37,540 --> 00:00:42,840 van my rekenaar en toe ek beweeg hulle, jy die analoog op die rekenaar 18 00:00:42,840 --> 00:00:44,170 en jy kan analiseer hierdie. 19 00:00:44,170 --> 00:00:46,230 Jy kan gebare maak. 20 00:00:46,230 --> 00:00:49,176 Jy kan jou hande gebruik om te interaksie met die rekenaar 21 00:00:49,176 --> 00:00:50,300 in 'n nuwe en interessante manier. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Wel, ek het eintlik eerste wil om te slaag om af te Armi 24 00:00:57,520 --> 00:01:00,400 om jou te wys n paar cool demos van wat sommige mense het met dit gedoen. 25 00:01:00,400 --> 00:01:02,816 En dan sal ons praat oor hoe jy eintlik kode met hierdie. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Ja. 27 00:01:04,800 --> 00:01:05,300 Hello. 28 00:01:05,300 --> 00:01:08,870 So as ons sien, min data hier, maar laat ons sien 29 00:01:08,870 --> 00:01:11,680 wat sommige mense het met dit gedoen. 30 00:01:11,680 --> 00:01:15,130 So laat my net oop hierdie voorbeeld. 31 00:01:15,130 --> 00:01:20,770 En dan, so, byvoorbeeld, jy kan sien my hand analoog daar, maar nou is dit tyd 32 00:01:20,770 --> 00:01:26,680 sommige mense met behulp van Eenheid het besluit om 'n bietjie meer vel te sit 33 00:01:26,680 --> 00:01:28,670 en dinge rondom die hand. 34 00:01:28,670 --> 00:01:35,900 So ek kan, laat ons gaan met hierdie een, seker nie, het my hande interaksie. 35 00:01:35,900 --> 00:01:41,050 En jy kan waarskynlik dink 'n paar ander cool nuttige dinge 36 00:01:41,050 --> 00:01:42,840 wat jy kan doen met hierdie. 37 00:01:42,840 --> 00:01:45,530 So, dit is ten minste een voorbeeld. 38 00:01:45,530 --> 00:01:48,910 En dan laat spring uit hierdie. 39 00:01:48,910 --> 00:01:56,590 >> En dan nog 'n koel een is, laat ons gaan met hierdie een. 40 00:01:56,590 --> 00:01:58,390 Plasmo bal. 41 00:01:58,390 --> 00:02:03,510 Weereens, sou ons nie noodwendig verwag dat hierdie vlak van kompleksiteit 42 00:02:03,510 --> 00:02:06,450 van 'n finale projek vir CS50. 43 00:02:06,450 --> 00:02:10,029 Dit is net om jou te wys sommige van die, jy gee ouens 44 00:02:10,029 --> 00:02:14,570 'n bietjie inspirasie vir wat julle ouens kan doen met Leap Motion. 45 00:02:14,570 --> 00:02:20,500 So byvoorbeeld hier is 'n koel fisika byvoorbeeld, wat daar gaan ons. 46 00:02:20,500 --> 00:02:24,305 Het beide my hande so nou het jy het hierdie klein plasma bal. 47 00:02:24,305 --> 00:02:31,030 En die bal is in reaksie op die fisika van my beweeg my hand om die bal. 48 00:02:31,030 --> 00:02:36,920 Nou is dit al asof die gebruik van eenheid, gebruik van soort gereedskap en raamwerke 49 00:02:36,920 --> 00:02:39,510 dat ons nie geleer julle ouens in die klas, 50 00:02:39,510 --> 00:02:46,590 maar soos jy kan 'n paar mooi sien koel run throughs met dit. 51 00:02:46,590 --> 00:02:51,750 >> Maar een ding wat julle kan doen die begin af nou met Leap Motion 52 00:02:51,750 --> 00:02:53,260 is die werk in JavaScript. 53 00:02:53,260 --> 00:02:58,960 Sprong Motion het 'n JavaScript API wat julle ouens kan gebruik en ons hoogs, hoogs 54 00:02:58,960 --> 00:03:02,040 beveel aan dat jy ouens bou jou projekte met behulp van die. 55 00:03:02,040 --> 00:03:04,350 So met dit, laat my slaag dit terug te Tomas 56 00:03:04,350 --> 00:03:06,582 om te praat oor Leap Beweging en JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Of wil jy om te wys hulle die Visualizer eerste? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: O ja. 60 00:03:09,670 --> 00:03:10,170 Ja. 61 00:03:10,170 --> 00:03:11,900 Kom ons praat meer oor wat Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimers: So op 'n mees basiese vlak, wanneer jy die eerste keer te spring Motion 63 00:03:14,983 --> 00:03:16,940 jy gaan hierdie boks te hê. 64 00:03:16,940 --> 00:03:18,330 Hier wil my om beheer te neem? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Ja, gaan vir dit. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimers: So wanneer jy eers te spring Motion 67 00:03:20,530 --> 00:03:21,780 jy gaan hierdie boks te hê. 68 00:03:21,780 --> 00:03:24,460 Dit het 'n toestel wat lyk iets soos hierdie. 69 00:03:24,460 --> 00:03:28,990 Jy prop dit in jou rekenaar, die nodige bestuurders installeer, 70 00:03:28,990 --> 00:03:30,950 en dan sal dit basies opgestel word. 71 00:03:30,950 --> 00:03:34,160 So die maklikste manier om te sorteer van ooreenkoms met Leap Motion 72 00:03:34,160 --> 00:03:39,240 is oop hierdie program is dit installeer genoem die sprong Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 En die Visualizer is letterlik wat ek hier wys. 74 00:03:41,490 --> 00:03:45,340 Dit laat jou toe om te sien die skeletale uiteensetting van jou hande. 75 00:03:45,340 --> 00:03:49,940 En wat die sprong Motion is hulle interpretasie as. 76 00:03:49,940 --> 00:03:53,750 So het die sprong Motion gebruik van die kamera te sorteer van kyk na jou hande 77 00:03:53,750 --> 00:03:59,176 en dan is dit probeer om te raai wat die basiese skelet komposisie wat jy 78 00:03:59,176 --> 00:04:00,460 sien op die skerm is. 79 00:04:00,460 --> 00:04:01,669 En dit is wat dit wys jou. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Elke enkele puntjie 81 00:04:03,418 --> 00:04:06,580 en alles wat jy sien daar is data wat beskikbaar is vir julle ouens 82 00:04:06,580 --> 00:04:07,270 sowel te gebruik. 83 00:04:07,270 --> 00:04:09,670 So jy sien dat dit vaslegging dat Tomas 84 00:04:09,670 --> 00:04:12,160 het vyf vingers, elk van daardie verskillende vingers 85 00:04:12,160 --> 00:04:17,110 is ook beskikbaar vir jou as data punte te gebruik in alles wat aansoek 86 00:04:17,110 --> 00:04:18,256 wat jy dalk wil. 87 00:04:18,256 --> 00:04:20,339 As jy wil om te sien of iemand doen 'n thumbs up 88 00:04:20,339 --> 00:04:23,860 jy kan sien as hul vingers krul en of hulle is 89 00:04:23,860 --> 00:04:25,850 duim vinger wys boontoe, of waar 90 00:04:25,850 --> 00:04:30,037 hul pols of palm is en dat die tipe van dinge. 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Sodat jy kan sien 'n paar gebare dit verstaan ​​beter as ander. 93 00:04:35,186 --> 00:04:38,310 Onthou, dat dit is op soek na jou hand van 'n kamera van die onderkant, 94 00:04:38,310 --> 00:04:41,630 so wanneer jy jou hande soos hierdie is dit verstaan ​​dit ten volle, 95 00:04:41,630 --> 00:04:44,509 maar sodra jy begin om te probeer en doen 'n thumbs up, soms is dit lees dit, 96 00:04:44,509 --> 00:04:47,550 soms is dit kan raai, maar eerlik die kamera kan net nie sien die duim. 97 00:04:47,550 --> 00:04:49,810 So dit is nie regtig seker wat gebeur. 98 00:04:49,810 --> 00:04:54,910 Net 'n paar beperkings in gedagte te hou wanneer jy die ontwikkeling van hierdie. 99 00:04:54,910 --> 00:04:56,540 >> In elk geval, so terug na hierdie gaan. 100 00:04:56,540 --> 00:04:59,040 Die Visualizer eintlik het 'n baie nuttige gereedskap. 101 00:04:59,040 --> 00:05:01,780 So het die sprong Motion is op so 'n manier 102 00:05:01,780 --> 00:05:04,280 dat hulle nie verwag nie om jou te interaksie met die beeld data. 103 00:05:04,280 --> 00:05:06,230 Hulle het nie regtig verwag om te verstaan 104 00:05:06,230 --> 00:05:08,060 wat gebeur agter die skerms. 105 00:05:08,060 --> 00:05:11,620 Wat hulle doen is bloot 'n klomp van die API's vir jou 106 00:05:11,620 --> 00:05:13,420 sodanig dat jy kan interaksie met hierdie data 107 00:05:13,420 --> 00:05:18,400 direk sonder om te verstaan wat gaan aan onder die enjinkap. 108 00:05:18,400 --> 00:05:27,790 >> So as ons getref H hier in die Visualizer jy sal 'n baie opsies sien. 109 00:05:27,790 --> 00:05:35,450 Die belangrikste een hier al is as jy getref O en dan getref H, 110 00:05:35,450 --> 00:05:38,080 jy sal sien dat dit kan jy trek gebare. 111 00:05:38,080 --> 00:05:43,380 So 'n gebaar, sal jy sien dit trek 'n pyl dwarsoor. 112 00:05:43,380 --> 00:05:47,010 A gebaar is een van die maniere waarop Leap Motion soort kan jy by die data 113 00:05:47,010 --> 00:05:48,462 sonder om dit te verwerk. 114 00:05:48,462 --> 00:05:51,170 So eerder as my nodig om uit te vind uit, o, was die hand beweeg, 115 00:05:51,170 --> 00:05:54,970 selfs as ek punt toegang, die API sal soort van net vir my, 116 00:05:54,970 --> 00:05:56,380 hey, hulle het hierdie gebaar. 117 00:05:56,380 --> 00:05:58,920 So jy kan maak basiese pyl gebare. 118 00:05:58,920 --> 00:06:00,590 Jy kan maak sirkel gebare. 119 00:06:00,590 --> 00:06:03,530 Jy kan maak afluister gebare. 120 00:06:03,530 --> 00:06:07,630 En jy kan maak sleutel pers gebare. 121 00:06:07,630 --> 00:06:09,394 Ja. 122 00:06:09,394 --> 00:06:10,800 En dat die soort dinge. 123 00:06:10,800 --> 00:06:14,370 So nou dat ons soort gesien wat Leap Motion kan doen, 124 00:06:14,370 --> 00:06:17,792 jy kan sien dit kan 'n lees hele klomp van gebare. 125 00:06:17,792 --> 00:06:19,500 Ek dink ek gaan slaag dit terug na Armi 126 00:06:19,500 --> 00:06:22,300 en hy gaan praat oor hoe jy by hierdie met JavaScript, 127 00:06:22,300 --> 00:06:24,520 hoe jy selfs begin om 'n projek met hierdie. 128 00:06:24,520 --> 00:06:27,724 En dan sal ons praat oor 'n paar koel plekke wat jy kan gaan met dit. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Ja. 130 00:06:28,640 --> 00:06:29,300 Klink goed. 131 00:06:29,300 --> 00:06:31,950 So ja, die heel eerste ding wat ons sal wil hê jy moet doen natuurlik, 132 00:06:31,950 --> 00:06:37,170 is na jy die sprong Motion is om gaan na leapmotion.com, stel, installeer 133 00:06:37,170 --> 00:06:38,420 die bestuurders en dinge. 134 00:06:38,420 --> 00:06:42,520 Nadat dit te doen wat jy kan gaan maak seker dat dit gekoppel. 135 00:06:42,520 --> 00:06:46,910 As jy sien in jou klein skinkbord die Sprong Motion ikoon en dit is groen, 136 00:06:46,910 --> 00:06:48,640 dan weet jy jy is al te stel. 137 00:06:48,640 --> 00:06:53,710 En natuurlik check presies wat Tomas net gewys het met die gebare 138 00:06:53,710 --> 00:06:59,320 en doen die skerm krane, en sleutel krane, en dat die tipe van dinge. 139 00:06:59,320 --> 00:07:02,180 >> Na dat, hoewel ons, weer, soos ek gesê het, 140 00:07:02,180 --> 00:07:06,530 ons het toegang tot al hierdie dinge in JavaScript sowel. 141 00:07:06,530 --> 00:07:09,020 Die ideale opgestel wat ons sou aanbeveel jy 142 00:07:09,020 --> 00:07:16,440 ouens is om te gaan in jou vhost gids, plaaslike gasheer, 143 00:07:16,440 --> 00:07:19,340 publiek in jou CS50 toestel. 144 00:07:19,340 --> 00:07:24,790 En as jy daar gaan wat jy sal sien, is 'n indeks dot HTML-lêer. 145 00:07:24,790 --> 00:07:28,180 Nou dat indeks dot HTML-lêer of indeks dot 146 00:07:28,180 --> 00:07:32,740 PHP lêer, wat ook al fyn, wat jy dan kan doen 147 00:07:32,740 --> 00:07:35,150 is om te gaan na jou hoof bedryfstelsel. 148 00:07:35,150 --> 00:07:38,650 En as jy gaan na die IP adres dit is wat in die onderste regterkantste 149 00:07:38,650 --> 00:07:45,180 hoek van jou toestel reg hier, soos jy kan sien, dan wat gebeur 150 00:07:45,180 --> 00:07:51,240 is jy gaan na die bladsy wat verwys deur die indeks dot HTML-lêer. 151 00:07:51,240 --> 00:07:56,610 So al die kode wat jy kan sit in daar kry gestuur en is bruikbaar hier. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimers: So is dit ook belangrik net vir verwysing 153 00:07:58,960 --> 00:08:06,554 dat as jy ouens eintlik weet hoe om 'n bediener jouself, 154 00:08:06,554 --> 00:08:09,720 of jy wil dit op die wêreldwye te sit web, jy is welkom om alles te doen. 155 00:08:09,720 --> 00:08:11,594 Onthou dat hierdie net JavaScript-lêers 156 00:08:11,594 --> 00:08:14,250 en al die sprong verwerking word op die kliënt. 157 00:08:14,250 --> 00:08:16,510 Daarom is dit nie regtig saak nie waar jou bediener lewens 158 00:08:16,510 --> 00:08:19,660 so lank as wat die rekenaar jy lees die webwerf op 159 00:08:19,660 --> 00:08:22,024 het Leap Motion geïnstalleer. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absoluut. 161 00:08:23,190 --> 00:08:25,680 Soos Tomas gesê, ja, wat werk vir julle ouens. 162 00:08:25,680 --> 00:08:28,570 Dit is net een van ons aanbevelings. 163 00:08:28,570 --> 00:08:31,660 Nou begin gebruik Leap Beweging wat jy sou doen 164 00:08:31,660 --> 00:08:36,640 is jy die invoer van die JavaScript-lêer uit Leap Motion. 165 00:08:36,640 --> 00:08:39,610 En dan van daar af wat wat jy kan doen is, nou 166 00:08:39,610 --> 00:08:44,250 Ek het net hierdie paragraaf tag opgestel met 'n ID van die teks. 167 00:08:44,250 --> 00:08:48,690 Dinge wat ons sou aanbeveel is besig kontroleerder opsies 168 00:08:48,690 --> 00:08:52,012 vir Leap Motion met die in staat stel om gebare om waar te wees. 169 00:08:52,012 --> 00:08:53,970 So by verstek diegene gebare wat ons gewys het 170 00:08:53,970 --> 00:08:57,010 ouens, die sirkel, en die sleutel kraan, en die dunbier, 171 00:08:57,010 --> 00:09:00,330 dit is nie te vertoon julle ouens by verstek. 172 00:09:00,330 --> 00:09:04,450 Maar ons raai die gebruik van die sodat jy nie die wiel weer uitvind. 173 00:09:04,450 --> 00:09:09,489 In staat stel om die waar, verby die kontroleerder opsies dot lus om te spring 174 00:09:09,489 --> 00:09:10,530 en jy is gereed om te gaan. 175 00:09:10,530 --> 00:09:13,270 Want dan moet jy net gedefinieer n anonieme funksie 176 00:09:13,270 --> 00:09:16,910 wat sal neem in 'n raam van Leap Motion 177 00:09:16,910 --> 00:09:21,150 en dat raam het al die inligting wat jy gaan nodig. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimers: So net om te herhaling, jy het 'n voorwerp. 179 00:09:25,310 --> 00:09:28,250 Jy het hierdie funksie genoem sprong dot lus. 180 00:09:28,250 --> 00:09:30,460 En jy noem dit met twee argumente. 181 00:09:30,460 --> 00:09:33,134 Jy noem dit met een, die kontroles opsies. 182 00:09:33,134 --> 00:09:35,300 En daar is 'n baie opsies wat jy kan sit in daar. 183 00:09:35,300 --> 00:09:38,170 Die een wat ons gaan beklemtoon word sodat gebare. 184 00:09:38,170 --> 00:09:41,230 En as jy stel dit gelyk aan ware dan jy kan toegang op hierdie gebare kry 185 00:09:41,230 --> 00:09:42,940 dat ons het wat jy in die Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> En dan is die tweede argument is 'n funksie, dit is soort van soos 'n oproep terug 187 00:09:47,500 --> 00:09:53,010 wat elke genoem word tyd elke raam van Leap, 188 00:09:53,010 --> 00:09:57,340 so elke keer sprong registers wat jou hand te beweeg, het dit 'n nuwe raam. 189 00:09:57,340 --> 00:10:02,130 En dit noem hierdie funksie met een argument, wat is die raam voorwerp. 190 00:10:02,130 --> 00:10:05,909 En dat raam voorwerp beskryf die raam as Leap dit sien. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Presies. 192 00:10:06,950 --> 00:10:10,450 So hierdie bevat al die nuttige stukkies van inligting 193 00:10:10,450 --> 00:10:12,550 dat ons praat oor vroeër. 194 00:10:12,550 --> 00:10:18,010 Nagaan raam dot gebare is 'n verskeidenheid van gebare 195 00:10:18,010 --> 00:10:23,680 dat die sprong beweging gevang jou hande doen in die laaste raam. 196 00:10:23,680 --> 00:10:26,470 So byvoorbeeld, wat ons is doen hier is ons nagaan, 197 00:10:26,470 --> 00:10:31,820 hey, spring, in die laaste raam het u enige gebare wat ek gedoen het vang? 198 00:10:31,820 --> 00:10:36,350 En indien wel, wat ons besluit om te doen is Itereer deur diegene gebare 199 00:10:36,350 --> 00:10:39,760 en probeer en kry 'n paar nuttige inligting van hulle. 200 00:10:39,760 --> 00:10:44,290 Elke gebaar het 'n unieke ID wat verband hou met dit. 201 00:10:44,290 --> 00:10:46,280 Hulle het tipes. 202 00:10:46,280 --> 00:10:50,220 Jy kan kyk na wat vingers was betrokke by die gebare 203 00:10:50,220 --> 00:10:52,770 deur uitcheck hierdie pointable dinge. 204 00:10:52,770 --> 00:10:56,490 So as wanneer jy gaan deur middel van die Sprong Motion JavaScript API dinge, 205 00:10:56,490 --> 00:10:59,630 wanneer hulle noem pointables, hulle praat oor hierdie vingers. 206 00:10:59,630 --> 00:11:04,480 En dan hande is, natuurlik, die hele hand voorwerp. 207 00:11:04,480 --> 00:11:05,210 >> Wat anders? 208 00:11:05,210 --> 00:11:08,630 Jy kan kyk hoe lank die beweging het op 209 00:11:08,630 --> 00:11:11,640 vir en, ja, al die nuttige dinge. 210 00:11:11,640 --> 00:11:16,490 So, wat ek nou doen hier is ek aangemeld die raam, 211 00:11:16,490 --> 00:11:24,350 en dan het ek my HTML werk te vertoon al hierdie stukkies van inligting 212 00:11:24,350 --> 00:11:25,820 uit die raam. 213 00:11:25,820 --> 00:11:28,010 So laat ons seker maak dat uit. 214 00:11:28,010 --> 00:11:29,440 >> So hier is dit. 215 00:11:29,440 --> 00:11:34,730 Hier is die indeks dot HTML-lêer. 216 00:11:34,730 --> 00:11:38,560 En as jy nou net gesien het toe ek net verskuif my hand Leap gevang 'n sirkel beweging. 217 00:11:38,560 --> 00:11:44,960 Sodat jy kan sien my doen 'n sirkel oor hier, updates met sirkel inligting. 218 00:11:44,960 --> 00:11:48,332 Doen dunbier, vang dunbier. 219 00:11:48,332 --> 00:11:49,290 Kom ons probeer om 'n blad skerm. 220 00:11:49,290 --> 00:11:50,090 Daar gaan ons. 221 00:11:50,090 --> 00:11:52,370 Skerm kraan en 'n sleutel kraan. 222 00:11:52,370 --> 00:11:55,040 So sleutel krane ook, deur die manier, is wanneer jy druk af. 223 00:11:55,040 --> 00:11:57,260 So jy kan dink Miskien speel 'n klavier. 224 00:11:57,260 --> 00:11:59,869 >> En dan die skerm krane is wanneer jy druk op die skerm. 225 00:11:59,869 --> 00:12:02,910 So kan jy dalk dink jy eintlik 'n touch screen in die voorkant van jou 226 00:12:02,910 --> 00:12:05,190 en jy slaan die touch skerm voor jou. 227 00:12:05,190 --> 00:12:08,470 En dan kan ons een gryp van hierdie voorwerpe in hier. 228 00:12:08,470 --> 00:12:12,960 So onthou ek het gesê dat ek verby die raam in konsole log. 229 00:12:12,960 --> 00:12:17,160 En so kan ons kyk na al die stukkies van inligting 230 00:12:17,160 --> 00:12:22,500 wat beskikbaar is in die raam as om goed te gebruik. 231 00:12:22,500 --> 00:12:26,320 >> Soos ek vroeër gesê het, pointables is die vingers. 232 00:12:26,320 --> 00:12:30,260 Op daardie oomblik het ons nie ons hande in die voorkant van die sprong Motion 233 00:12:30,260 --> 00:12:32,010 sodat dit geregistreer nul, maar dit is hoe jy 234 00:12:32,010 --> 00:12:35,980 sal begin om uit te vind miskien hoeveel vingers op die skerm. 235 00:12:35,980 --> 00:12:37,810 En dat die tipe van inligting. 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimers: En onthou dit is net 'n voorwerp. 237 00:12:40,060 --> 00:12:42,185 So alles kan verkry word soort van soos 'n struct 238 00:12:42,185 --> 00:12:45,540 in C. Jy het die voorwerp noem dot die eiendom naam. 239 00:12:45,540 --> 00:12:48,830 En dan binne wat jy het skikkings en jy het ander voorwerpe, 240 00:12:48,830 --> 00:12:50,850 maar onthou dit is net 'n voorwerp. 241 00:12:50,850 --> 00:12:53,788 Daar is niks spesiaals want ons is met behulp van spring. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Ja. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Moet ons kyk na 'n paar JavaScript voorbeelde? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS Reimers: So vinnig onthou dat ons 247 00:13:07,810 --> 00:13:12,470 gesê dat die sprong kan eintlik loop op 'n webwerf. 248 00:13:12,470 --> 00:13:15,250 LeapJS net gedien om 'n kliënt. 249 00:13:15,250 --> 00:13:19,850 En so saam as die kliënt het Sprong Motion aangeheg dit sal werk. 250 00:13:19,850 --> 00:13:22,540 So Leap Motion het 'n webwerf waar mense 251 00:13:22,540 --> 00:13:24,540 hul voorbeelde kan deel van die dinge wat hulle gemaak het. 252 00:13:24,540 --> 00:13:26,623 So ons is maar net gaan om te gaan deur 'n paar van hulle 253 00:13:26,623 --> 00:13:29,980 om te sien wat moontlik voor duik in meer besonderhede oor hoe 254 00:13:29,980 --> 00:13:32,510 dit is moontlik. 255 00:13:32,510 --> 00:13:33,346 So 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Kom ons kyk. 257 00:13:34,470 --> 00:13:36,136 TOMAS Reimers: Nou is dit moet werk. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: So nou voordat ons sien 'n voorbeeld 259 00:13:38,520 --> 00:13:45,280 gebruik van Eenheid wat ons hande gelewer met 'n mooi indrukwekkende grafiese velle, 260 00:13:45,280 --> 00:13:50,200 maar nou kan jy sien wat jy kan doen om die dieselfde ding in 'n webblaaier. 261 00:13:50,200 --> 00:13:54,640 Dit is almal binne Chrome net die gebruik van JavaScript. 262 00:13:54,640 --> 00:13:57,460 En dan die ander mooi ding is as jy wil 263 00:13:57,460 --> 00:14:02,610 om te weet hoe hulle dit gedoen het, die voorbeelde op JavaScript 264 00:14:02,610 --> 00:14:07,540 ook code opsies sluit wat jy kan check en dan sien 265 00:14:07,540 --> 00:14:12,570 hoe hierdie persoon is gryp hande en kodes en so. 266 00:14:12,570 --> 00:14:16,730 >> So dit is al wat jy kan vind by developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Jy kan gaan kyk JavaScript voorbeelde wat hulle daar. 268 00:14:20,810 --> 00:14:23,280 So ja. 269 00:14:23,280 --> 00:14:25,205 Hier is hierdie, oops jammer. 270 00:14:25,205 --> 00:14:27,680 Kom ons probeer dit weer. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Ek het twee regte hande. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 So ja. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimers: So en weer, onthou soms Leap rommel op. 276 00:14:37,440 --> 00:14:40,790 Net gee dit 'n tweede. 277 00:14:40,790 --> 00:14:42,784 Dit is nie volmaak nie, maar dit is redelik goed. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Een ander aanbeveling ook 279 00:14:44,700 --> 00:14:48,780 is om dit nie doen nie in direkte sonlig. 280 00:14:48,780 --> 00:14:51,260 So die manier Leap Motion werke is, eintlik 281 00:14:51,260 --> 00:14:54,500 As ek wys die kamera hierdie sowel, infrarooi lig. 282 00:14:54,500 --> 00:14:57,375 So dit stuur diegene uit en dan lees wanneer hulle kom terug. 283 00:14:57,375 --> 00:14:59,250 So as jy probeer om te doen dit direkte sonlig, 284 00:14:59,250 --> 00:15:01,610 byvoorbeeld, is dit waarskynlik gaan nie werk nie, 285 00:15:01,610 --> 00:15:05,850 of dit gaan om te vereis sommige kalibrasie om dit te doen. 286 00:15:05,850 --> 00:15:10,450 >> Ook 'n ander aanbeveling is om te duidelik die ruimte agter die sprong 287 00:15:10,450 --> 00:15:12,740 en in die voorkant van spring. 288 00:15:12,740 --> 00:15:15,520 Dink aan dit as die werk binnekant van 'n koepel wat 289 00:15:15,520 --> 00:15:18,360 rondom hierdie Leap Motion voorwerp. 290 00:15:18,360 --> 00:15:20,550 As daar dinge reg agter dit so goed, 291 00:15:20,550 --> 00:15:24,740 wat gaan ook om in te meng met hoe die sprong Motion se probeer 292 00:15:24,740 --> 00:15:26,690 jou hand te erken en dat die tipe van dinge. 293 00:15:26,690 --> 00:15:30,010 >> So, byvoorbeeld, ek dink in hierdie geval is dit my laptop eintlik 294 00:15:30,010 --> 00:15:34,351 dit is soort van die maak van die sprong Motion. 295 00:15:34,351 --> 00:15:35,100 Ja, daar gaan ons. 296 00:15:35,100 --> 00:15:41,021 So as ek duidelik uit my laptop uit daaragter die hand wys redelik goed. 297 00:15:41,021 --> 00:15:41,520 So ja. 298 00:15:41,520 --> 00:15:42,061 Daar is dit. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 So, wat anders het ons hulle. 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimers: Ek dink nou die tyd wees 302 00:15:48,250 --> 00:15:52,039 te sorteer van duik in en laat ons net 'n demo heeltemal van nuuts af. 303 00:15:52,039 --> 00:15:53,330 Dit gaan om te wees regtig eenvoudig. 304 00:15:53,330 --> 00:15:55,250 Basies wat ons gaan om te probeer om te doen is om dit 305 00:15:55,250 --> 00:15:58,570 sodat wanneer jy krap jou hand, die agtergrond gaan om te begin as rooi, 306 00:15:58,570 --> 00:16:01,361 en wanneer jy krap jou hand, die agtergrond gaan groen te draai. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Regtig eenvoudig. 309 00:16:03,709 --> 00:16:05,750 En dit is basies net gaan om te gaan deur 'n baie 310 00:16:05,750 --> 00:16:08,360 van die konsepte agter Sprong sodat ons kan 311 00:16:08,360 --> 00:16:12,630 kry in hierdie ideologie van hoe Leap werk en hoe ons dinge kan bou met dit. 312 00:16:12,630 --> 00:16:16,760 En dan van daar het ons sal waarskynlik net jou wys 313 00:16:16,760 --> 00:16:19,710 die API Docs en waar jy Meer hieroor kan lees. 314 00:16:19,710 --> 00:16:21,030 En dan sal ons dit noem dag. 315 00:16:21,030 --> 00:16:24,294 So wil jy Kode of wil jy my te-kode? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Ja. 317 00:16:25,210 --> 00:16:28,350 Wel, ek dink ons ​​kan werk saam op hierdie en probeer 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimers: So ons sal doen 'n paar paar kodering. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Daar gaan ons. 320 00:16:31,500 --> 00:16:33,250 Dit is presies wat ek wou sien. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 So byvoorbeeld hier, laat ons sien. 323 00:16:38,750 --> 00:16:40,979 Terwyl ons iterating deur die gebare reeds, 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimers: Wil te maak net 'n heeltemal nuwe lêer? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Heeltemal nuwe lêer? 326 00:16:43,870 --> 00:16:44,246 Ja, seker. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimers: Ja. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: So laat doen. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimers: So ons gaan maak 'n heeltemal lêer. 330 00:16:48,253 --> 00:16:51,290 Ons sal noem dit inhandig dot HTML. 331 00:16:51,290 --> 00:16:52,670 Dit is cool met my. 332 00:16:52,670 --> 00:16:59,020 So onthou jy doen 'n HTML tag, dan binne dat jy 'n kop. 333 00:16:59,020 --> 00:17:02,982 Dit kop het 'n titel in dit. 334 00:17:02,982 --> 00:17:04,349 So blad na die ander kant. 335 00:17:04,349 --> 00:17:05,589 Daar gaan jy. 336 00:17:05,589 --> 00:17:09,359 Titel, sal ons dit noem Leap Voorbeeld. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Titel. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimers: Yep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Daar is ons. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimers: En dan laat ons 'n liggaam. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Wag, laat ons ook seker maak om in te voer. 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimers: Ag, natuurlik. 345 00:17:22,060 --> 00:17:22,560 My sleg. 346 00:17:22,560 --> 00:17:28,700 So maak altyd seker dat jy die sprong script so dit is 'n script wat aan jou gegee 347 00:17:28,700 --> 00:17:31,810 deur Leap Motion wat basies laat die webblaaier te koppel 348 00:17:31,810 --> 00:17:35,580 na die toestel op die gebruiker se rekenaar. 349 00:17:35,580 --> 00:17:38,510 En dan in hierdie ons ook moet 'n liggaam en laat ons net 350 00:17:38,510 --> 00:17:40,580 maak die liggaam hi sê so dat ons studente kan wys 351 00:17:40,580 --> 00:17:42,704 hoe om met hierdie nuwe webblad wat hulle gemaak het. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Natuurlik. 353 00:17:44,260 --> 00:17:45,724 So laat ons net sit another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimers: Hi, hello world. 355 00:17:48,730 --> 00:17:50,210 So 'n baie basiese voorbeeld. 356 00:17:50,210 --> 00:17:53,400 Regtig net 'n demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: En dan hier ons kan gaan, ons noem dit hand dot HTML, 358 00:17:58,505 --> 00:18:00,000 reg? 359 00:18:00,000 --> 00:18:00,810 En oh! 360 00:18:00,810 --> 00:18:04,310 So ek wonder wat is verkeerd met hierdie reg nou. 361 00:18:04,310 --> 00:18:07,639 Kom ons voeg leesregte dot HTML te handig. 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimers: Wil jy om dit te doen in die groot terminale 363 00:18:09,930 --> 00:18:11,080 sodat ons kan net wys dit op the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ja, dit maak sin. 365 00:18:12,501 --> 00:18:13,001 Alle regte. 366 00:18:13,001 --> 00:18:15,720 So ek het net bygevoeg die regte, maar as ons 367 00:18:15,720 --> 00:18:18,350 was om te kyk na die regte voordat ons 368 00:18:18,350 --> 00:18:22,560 sou gesien het wat eintlik hand dot HTML nie gelees het regte 369 00:18:22,560 --> 00:18:25,570 en daarom kon ons nie lewer nie. 370 00:18:25,570 --> 00:18:30,850 Maar nou, as ons dit doen, sien ons ons bietjie hello world reg daar. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimers: So laat eintlik, as hy skryf, hello wêreld, 372 00:18:33,580 --> 00:18:35,371 Ek het gedink oor 'n manier ons dit kan verander. 373 00:18:35,371 --> 00:18:41,150 Kom ons maak dit sê hallo wêreld, en dan wanneer jy beweeg, dit sê totsiens. 374 00:18:41,150 --> 00:18:41,650 Reg? 375 00:18:41,650 --> 00:18:42,210 So hello, totsiens. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Natuurlik. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimers: Dit klink redelik goed. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Dit klink goed vir my ook. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimers: So as ons gaan om dit te doen laat ons net 380 00:18:46,920 --> 00:18:48,980 dink deur middel van die webblad 'n bietjie. 381 00:18:48,980 --> 00:18:51,800 Ons gaan 'n paar script nodig wat basies registreer 382 00:18:51,800 --> 00:18:56,470 dat jy beweeg en na 'n sprong, 'n golf en 'n slag, dieselfde ding. 383 00:18:56,470 --> 00:18:59,584 So ons gaan 'n script nodig dat basies registreer vir daardie krap. 384 00:18:59,584 --> 00:19:01,500 En 'n ander ding wat ons is gaan nodig is ons 385 00:19:01,500 --> 00:19:04,360 gaan 'n paar nodig werklike inhoud te verander. 386 00:19:04,360 --> 00:19:07,850 >> So as jy onthou, jQuery kan jy die inhoud te verander. 387 00:19:07,850 --> 00:19:13,017 So een ding wat ons dalk wil in te sluit in hierdie is die jQuery biblioteek. 388 00:19:13,017 --> 00:19:16,100 En dan in staat wees om te kies wat ons is eintlik gaan om inhoud te verander, 389 00:19:16,100 --> 00:19:18,224 wat gaan 'n ID nodig of 'n klas, of iets 390 00:19:18,224 --> 00:19:20,100 wat ons kan gebruik om dit te kies. 391 00:19:20,100 --> 00:19:25,010 So ons sal net gee dit 'n vinnige ID van verandering teks. 392 00:19:25,010 --> 00:19:26,974 En dan wil jy jQuery te gryp? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: So, wat is die eerste ding op ons lys te doen, dan nou? 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimers: Kom ons gryp jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Kom ons gryp jQuery, OK, cool. 396 00:19:32,494 --> 00:19:34,502 In daardie geval, ek gaan te hê om te actually-- 397 00:19:34,502 --> 00:19:36,210 waar sou wees om die beste plek om dit te doen? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimers: jQuery, so as jy Google jQuery, getref jQuery, die eerste 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Baie eerste een. 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimers: Of aflaai. 401 00:19:42,135 --> 00:19:42,650 Dit is goed. 402 00:19:42,650 --> 00:19:46,482 Getref aflaai v1 en v2 aan die linkerkant. 403 00:19:46,482 --> 00:19:49,190 So ons beskryf jQuery uit aanlyn soos jy het waarskynlik gedoen. 404 00:19:49,190 --> 00:19:50,440 Scroll af. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Ag, reg nou hier? 407 00:19:53,502 --> 00:19:54,460 TOMAS Reimers: Of dit. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 So jQuery het 'n gasheer weergawe wat beteken dat jy nie eintlik 410 00:20:00,150 --> 00:20:01,890 nodig het om dit af te laai, maar jy is meer as 411 00:20:01,890 --> 00:20:07,734 verwelkom dit af te laai en die gasheer dit self. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 So nou het ons jQuery. 414 00:20:09,566 --> 00:20:11,122 Nou wat is die volgende op ons lys om te doen. 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimers: Awesome. 416 00:20:12,080 --> 00:20:13,910 So volgende wat ons nodig het doen, is ons werklik nodig 417 00:20:13,910 --> 00:20:17,750 p hello world 'n ID te gee sodat ons dit kan verander, reg? 418 00:20:17,750 --> 00:20:24,514 So kom ons gee 'n idee van, Ek weet nie, verander die teks? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Laat ons net doen dit op hierdie manier, dink ek. 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimers: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 En nou, laat ons net die bladsy te verfris. 422 00:20:29,830 --> 00:20:31,142 Maak seker alles werk. 423 00:20:31,142 --> 00:20:32,100 So terug in die leser. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Cool. 426 00:20:36,922 --> 00:20:39,380 Altyd 'n goeie herinnering dat wanneer jy 'n webwerf te bou, 427 00:20:39,380 --> 00:20:44,450 waarskynlik elke keer as jy verfris enige ietwat beduidende verandering net 428 00:20:44,450 --> 00:20:47,993 omdat jy soms per ongeluk laat val 'n tag, 429 00:20:47,993 --> 00:20:51,640 of jy per ongeluk iets verwyder, en dan moet jy iets klein breek, 430 00:20:51,640 --> 00:20:55,880 maar dan wanneer jy 'n groter verandering jy soos, hoekom het hierdie groot verandering 431 00:20:55,880 --> 00:20:57,910 skynbaar breek die onverwante ding. 432 00:20:57,910 --> 00:21:02,840 So dit is altyd goed om te sorteer van gaan en doen wat gesonde verstand tjeks. 433 00:21:02,840 --> 00:21:05,610 >> In elk geval so nou kom ons doen 'n laaste gesonde verstand tjek, 434 00:21:05,610 --> 00:21:09,800 wat laat ons probeer om te verander teks sonder Leap Motion, 435 00:21:09,800 --> 00:21:11,820 sonder om iets, net op die bladsy laai dit sal 436 00:21:11,820 --> 00:21:17,140 verander hallo wêreld totsiens met behulp van jQuery. 437 00:21:17,140 --> 00:21:21,400 So as jy onthou jQuery ontbloot hierdie dollar teken funksie, 438 00:21:21,400 --> 00:21:28,640 wat ons kan CSS selector slaag om, naamlik hashtag verandering teks, wat 439 00:21:28,640 --> 00:21:31,590 kies die element met 'n ID van verandering teks. 440 00:21:31,590 --> 00:21:34,980 En dan gaan ons die metode HTML te roep 441 00:21:34,980 --> 00:21:40,390 op die voorwerp dit terug met die argument van 'n string totsiens, wat 442 00:21:40,390 --> 00:21:45,600 sal die items verander HTML om totsiens te sê. 443 00:21:45,600 --> 00:21:46,210 Awesome. 444 00:21:46,210 --> 00:21:48,790 Dit lyk pretty cool. 445 00:21:48,790 --> 00:21:52,365 En nou wanneer ons verfris die bladsy gaan ons om te sien 446 00:21:52,365 --> 00:21:54,040 dit onmiddellik verander om totsiens, reg? 447 00:21:54,040 --> 00:21:55,910 Omdat dit nie wag vir iets. 448 00:21:55,910 --> 00:21:59,200 Soort van so gou as wat script loop dit verander dit om totsiens. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> So nou, laat ons draai wat in 'n funksie. 451 00:22:03,790 --> 00:22:04,290 Reg. 452 00:22:04,290 --> 00:22:06,270 So ons gaan om te wil 'n funksie te maak. 453 00:22:06,270 --> 00:22:08,160 Ons sal dit noem totsiens. 454 00:22:08,160 --> 00:22:11,570 So funksie totsiens is gaan nie argumente te neem 455 00:22:11,570 --> 00:22:14,170 en dit is nie regtig gaan niks om terug te keer. 456 00:22:14,170 --> 00:22:18,850 En dit is net gaan om te doen in JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Uitstekend. 459 00:22:23,140 --> 00:22:27,000 So ons funksie totsiens nou verander die teks om totsiens, reg? 460 00:22:27,000 --> 00:22:28,930 So dit gee ons 'n manier om basies verandering 461 00:22:28,930 --> 00:22:32,871 dat die teks om totsiens wanneer ons noem daardie funksie. 462 00:22:32,871 --> 00:22:33,370 Reg? 463 00:22:33,370 --> 00:22:35,290 So, dit is pretty cool. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Wel, ons kan ook net seker maak 465 00:22:37,430 --> 00:22:41,040 wat nou omdat ons nie die roeping van die funksie, as ons die bladsy te verfris, 466 00:22:41,040 --> 00:22:44,460 sien dit gaan nie die teks te verander. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimers: Uitstekende. 468 00:22:45,509 --> 00:22:47,800 So nou gaan ons begin te kry in daardie sprong dinge 469 00:22:47,800 --> 00:22:49,880 dat ons praat. 470 00:22:49,880 --> 00:22:52,240 So Armi, doen wat jy wil neem dit van hier of? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Ja. 472 00:22:52,640 --> 00:22:53,139 Seker nie. 473 00:22:53,139 --> 00:22:56,260 Ek is waarskynlik gaan nodig dubbel check dinge, 474 00:22:56,260 --> 00:22:58,250 maar byvoorbeeld onthou ons gesê ons wil 475 00:22:58,250 --> 00:23:02,627 om seker te maak in Options maak ons stel sodat gebare 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimers: Goeie vangs. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: om waar te wees. 478 00:23:06,250 --> 00:23:08,960 En dan is ons aanbeveling dat jy ouens wil 479 00:23:08,960 --> 00:23:12,230 hardloop sprong dot lus, wat soos ons vroeër gesê het, 480 00:23:12,230 --> 00:23:18,140 het twee opsies, 'n into voorwerp wat is die opsies vir hoe jy wil 481 00:23:18,140 --> 00:23:22,030 die sprong Motion te stel om werk, en dan 'n funksie wat 482 00:23:22,030 --> 00:23:27,640 gaan 'n raam te vang as 'n terugbel funksie soos Tomas gesê het. 483 00:23:27,640 --> 00:23:30,470 En dan wysig wat jy wil hê te doen met daardie funksie. 484 00:23:30,470 --> 00:23:33,890 >> So het ons slaag in die opsie en nou is ons definieer 485 00:23:33,890 --> 00:23:36,117 'n funksie wat sal neem in 'n raam. 486 00:23:36,117 --> 00:23:38,200 En nou het ons te definieer wat daardie funksie nie. 487 00:23:38,200 --> 00:23:42,569 Dit is ook ter wille van die toekoms, doen dit om seker te maak. 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimers: Uitstekende. 489 00:23:43,610 --> 00:23:45,940 So nou het ons hierdie sprong dot lus funksie 490 00:23:45,940 --> 00:23:52,420 noem wat basies sê kyk Leap met hierdie opsies en elke keer 491 00:23:52,420 --> 00:23:55,710 iets verander, noem dit funksie raam met al die data 492 00:23:55,710 --> 00:23:59,510 dat jy bewus is van in die raam. 493 00:23:59,510 --> 00:24:01,320 Klink redelik goed. 494 00:24:01,320 --> 00:24:03,680 So nou vinnig gesonde verstand tjek, wat ek altyd aanbeveel, 495 00:24:03,680 --> 00:24:07,020 is in die sin dat net sit konsole dot log raam. 496 00:24:07,020 --> 00:24:10,320 En dan in Chrome dit oop en kyk na jou console 497 00:24:10,320 --> 00:24:13,870 en speel rond met Leap die te sien rame word aangeteken, want dit sal 498 00:24:13,870 --> 00:24:16,300 kry jy 'n idee van wat data wat jy het toegang tot. 499 00:24:16,300 --> 00:24:20,680 En soos altyd as jy verward, kyk die API verwysing. 500 00:24:20,680 --> 00:24:23,430 En ons sal die skakel insluit vir dat aan die einde van hierdie. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: So ons verfris die bladsy en dan 502 00:24:26,300 --> 00:24:28,880 ons gaan en maak die konsole weer. 503 00:24:28,880 --> 00:24:33,590 En nou is ons agterkom dat ons met rame geslaag in, 504 00:24:33,590 --> 00:24:37,834 hierdie klein voorwerpe wat ons vroeër gesien het. 505 00:24:37,834 --> 00:24:38,690 So ja. 506 00:24:38,690 --> 00:24:42,870 Dit is ons rame vertoon in die konsole. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> So nou dat ons gryp die rame, as jy dalk vroeër onthou 509 00:24:46,970 --> 00:24:51,800 uit die voorbeeld wat ons gehad het, as ons kyk raam dot gebare 510 00:24:51,800 --> 00:24:56,270 kry ons die lys van gebare wat die raam mees onlangs gevang. 511 00:24:56,270 --> 00:25:01,510 Ons kan die lengte van daardie verskeidenheid kyk om te sien of Leap gevang enige gebare. 512 00:25:01,510 --> 00:25:05,010 So as dit skikking is groter as nul dan is ons 513 00:25:05,010 --> 00:25:07,570 weet dat ons 'n paar dinge om te doen. 514 00:25:07,570 --> 00:25:15,040 >> So laat draai wat in 'n as voorwaarde en nou hier wat ons weet is dat ons 515 00:25:15,040 --> 00:25:20,390 het 'n gebaar gesien, laat ons optree. 516 00:25:20,390 --> 00:25:25,721 So nou dat ons hier ons 'n gebaar te sien. 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimers: Wel, die eerste ding is dit is nie net een gebaar, 518 00:25:28,470 --> 00:25:29,840 dit kan wees as baie gebare. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Baie waar. 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimers: So per klassieke C styl hier 521 00:25:33,340 --> 00:25:36,334 ons sal waarskynlik wil 'n te gebruik vir lus. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Hier is ons dan. 523 00:25:37,750 --> 00:25:42,870 Ons het besluit om Itereer deur die gebare. 524 00:25:42,870 --> 00:25:46,412 En laat ons sien. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 En nou, as ons dalk gemaak net 'n var gebaar gelyk 527 00:25:56,150 --> 00:26:01,210 raam dot gebare bracket i, nou het ons 528 00:26:01,210 --> 00:26:06,260 gebaar self, wat is net een enkele geval van 'n gebaar voorwerp 529 00:26:06,260 --> 00:26:10,582 vir ons om te werk met binnekant van hierdie lus. 530 00:26:10,582 --> 00:26:12,869 Alle regte. 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimers: Let's gesonde verstand kyk weer hier en net troos 532 00:26:15,410 --> 00:26:17,370 dot teken gebaar om te sien wat ons kry. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Console dot log gebaar. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Okie Dokie. 536 00:26:23,780 --> 00:26:26,250 En verfris een keer. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: En laat probeer om 'n gebaar. 538 00:26:30,030 --> 00:26:34,600 Jy sal sien dat daar 'n klomp van toe hy dunbier, 539 00:26:34,600 --> 00:26:39,780 jy kry 'n klomp van die gebare in die konsole en as hy probeer om 'n sirkel te doen, 540 00:26:39,780 --> 00:26:40,470 dit is just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Sirkels is net baie mooi. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimers: Nou is daar 'n vreemde ding hier, wat hy doen een sirkel, 543 00:26:45,000 --> 00:26:48,730 maar dit is te meld 80 gebare, reg? 544 00:26:48,730 --> 00:26:50,070 Dit is 'n baie gebare. 545 00:26:50,070 --> 00:26:53,560 Dus is die eerste soort van ding te besef, en dit kan verwarrend wees, 546 00:26:53,560 --> 00:26:57,050 is dat 'n gebaar is nie net een keer aangeteken. 547 00:26:57,050 --> 00:27:01,107 >> Op elke raam, regs, so as ek doen 'n sirkel 548 00:27:01,107 --> 00:27:02,940 Sprong sal hierdie spoor is 'n verandering van hierdie 549 00:27:02,940 --> 00:27:04,398 is 'n verandering van hierdie is 'n verandering. 550 00:27:04,398 --> 00:27:05,970 En dit sal aanmeld elke een van daardie. 551 00:27:05,970 --> 00:27:08,200 Maar in elke een van daardie, dit gaan om te sê, o, 552 00:27:08,200 --> 00:27:10,050 daar is 'n gebaar tans aan die gang. 553 00:27:10,050 --> 00:27:14,260 So laat ek net sê, hey, daar is 'n gebaar en dit is tans aan die gang. 554 00:27:14,260 --> 00:27:17,000 So wat ons wil nie doen is sê, o, op elkeen 555 00:27:17,000 --> 00:27:19,370 van daardie gebare wat jy wil teks te verander. 556 00:27:19,370 --> 00:27:23,660 Wat ons wil doen, is wanneer daardie gebaar stop, en ons kan kyk vir wat, 557 00:27:23,660 --> 00:27:24,974 dan wil ons teks te verander. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Dus, net soos Tomas is verduidelik hierdie gebare 560 00:27:30,550 --> 00:27:33,580 mag voorkom deur middel van verskeie rame, maar byvoorbeeld, 561 00:27:33,580 --> 00:27:36,200 toe ons met daardie sirkel, kan ons sien 562 00:27:36,200 --> 00:27:40,140 dat die ID vir daardie een enkele sirkel wat ons 563 00:27:40,140 --> 00:27:43,950 dalk het probeer om te voltooi was dieselfde ID regdeur. 564 00:27:43,950 --> 00:27:46,320 En in die feit, kan jy ook check die status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 opgedateer. 567 00:27:50,270 --> 00:27:55,680 >> En dan is dit waarskynlik die laaste sirkel wat, O, goed, OK. 568 00:27:55,680 --> 00:28:00,480 So soms toon dit dat jy 'n status van die stop 'n gebaar 569 00:28:00,480 --> 00:28:04,180 en dit wys dat jy ook 'n status van die begin van 'n nuwe gebaar wanneer 570 00:28:04,180 --> 00:28:09,140 dit erken vir seker dat jy begin 'n nuwe gebaar. 571 00:28:09,140 --> 00:28:10,637 Byvoorbeeld in hierdie geval. 572 00:28:10,637 --> 00:28:11,470 TOMAS Reimers: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: So ja. 574 00:28:12,511 --> 00:28:14,420 En dan, laat ons sien. 575 00:28:14,420 --> 00:28:16,490 Jy kan ook sien al was ons maak 576 00:28:16,490 --> 00:28:22,179 'n sirkel en gebare het 'n stuk grond genoem tipe 577 00:28:22,179 --> 00:28:23,970 wat ons vertel watter soort van gebare wat. 578 00:28:23,970 --> 00:28:27,829 Sodat bruikbare vir ons kan wees jy probeer en te doen wat ons doen. 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimers: So oorgang terug na JS, 580 00:28:29,620 --> 00:28:31,696 die eerste ding wat kom by my ook, net lees deur middel van hierdie kode 581 00:28:31,696 --> 00:28:34,340 is daar 'n klein optimalisering, wat is ons eintlik 582 00:28:34,340 --> 00:28:35,980 moet nie hierdie as toestand, reg? 583 00:28:35,980 --> 00:28:39,330 Want as raam dot gebare dot lengte is nul, wat lus se 584 00:28:39,330 --> 00:28:40,450 nie in elk geval gaan hardloop. 585 00:28:40,450 --> 00:28:43,100 Sodat ons kan net so goed gaan voort en ontslae te raak van daardie. 586 00:28:43,100 --> 00:28:46,620 Weereens, terwyl jy kode skryf dit is belangrik om terug en sorteer gaan 587 00:28:46,620 --> 00:28:50,330 van refactor as jy besef dat jy kon iets gedoen het beter, 588 00:28:50,330 --> 00:28:53,370 of dat daar 'n ander manier om dit te doen nie. 589 00:28:53,370 --> 00:28:57,170 So nou het ons net gaan om dit te skoon te maak vinnig en ook skoon te maak jou kode. 590 00:28:57,170 --> 00:28:58,310 Dit is 'n groot deal. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Goeie styl word baie waardeer. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimers: Jy kan altyd sê wanneer iemand 593 00:29:01,828 --> 00:29:05,240 het kode waar daar gebruik 'n wees as toestand en dan moet hulle dit verwyder, 594 00:29:05,240 --> 00:29:07,530 maar hulle het nie Uncomment dit. 595 00:29:07,530 --> 00:29:10,147 Dit is baie duidelik en dit soort van lyk lelik. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: So, wat is volgende op die lys om te doen? 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimers: So nou as ons sê: Ek dink die eerste ding wat ons wil doen 598 00:29:15,479 --> 00:29:17,970 is seker te maak dat die gebaar se eintlik 'n slag, reg? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Ja. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimers: So as ons sê dat ons totsiens is soort van soos 'n krap, 601 00:29:21,750 --> 00:29:25,280 ons gaan met dit is 'n dwarsklap, die eerste ding wat ons nodig het om te sê, is, hey, 602 00:29:25,280 --> 00:29:27,410 is die gebaar tik 'n slag, reg? 603 00:29:27,410 --> 00:29:30,860 Nie 'n sirkel of 'n top, maar is dit 'n slag? 604 00:29:30,860 --> 00:29:34,280 So het die manier waarop ons dit kan doen is wat ons kan sê gebaar 605 00:29:34,280 --> 00:29:38,530 dot tipe gelyk gelyk krap as 'n string. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [onhoorbaar] gebaar dot tipe gelyk gelyk krap. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Daar is ons. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimers: En dan is die laaste vraag 610 00:29:49,438 --> 00:29:53,170 ons wil sien is gebaar dot staat gelyke gelyk stop, reg? 611 00:29:53,170 --> 00:29:55,860 So dit is wanneer die gebaar is gestop. 612 00:29:55,860 --> 00:29:58,490 Ek dink eintlik vir swipe, ek weet dit uit die bokant van my kop, 613 00:29:58,490 --> 00:30:00,340 maar jy is welkom om kyk dit, wanneer jy 614 00:30:00,340 --> 00:30:05,627 krap elke keer as dit registreer dit totdat jy stop is 'n begin gebaar. 615 00:30:05,627 --> 00:30:07,460 En dan is die laaste een se net 'n stop gebaar. 616 00:30:07,460 --> 00:30:11,090 So sal daar net een stop wees gebaar, wat is 'n groot vir ons. 617 00:30:11,090 --> 00:30:17,180 So wat ons kan doen is om te sê as gebaar dot tik gelyk gelyk krap en gebare dot 618 00:30:17,180 --> 00:30:19,950 status gelyk gelyk stop, dan laat ons gesonde verstand 619 00:30:19,950 --> 00:30:21,725 kyk hier troos dot log gebaar. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> So ons sal terug te gaan hier. 622 00:30:30,790 --> 00:30:33,570 Ons sal die bladsy te verfris. 623 00:30:33,570 --> 00:30:38,380 En nou moet die enigste tyd om iets wees konsole dot aangemeld is wanneer ons krap. 624 00:30:38,380 --> 00:30:40,780 En ons probeer om te krap en ons sien niks nie. 625 00:30:40,780 --> 00:30:41,280 Reg? 626 00:30:41,280 --> 00:30:43,990 So dit is eintlik 'n groot probleem. 627 00:30:43,990 --> 00:30:47,560 Ons nie sien wat ons verwag het nie. 628 00:30:47,560 --> 00:30:49,356 En ontfouting kan 'n groot deel hiervan te wees. 629 00:30:49,356 --> 00:30:51,980 So die eerste ding wat ons gaan om te sê is, OK, laat ons troos dot 630 00:30:51,980 --> 00:30:54,568 teken dit as gebaar dot tik gelyk gelyk krap. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Ja, laat ons dit doen. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimers: So is ons gaan terug na hierdie gaan. 634 00:31:02,020 --> 00:31:03,140 Ons sal verfris. 635 00:31:03,140 --> 00:31:04,020 Ons sal krap. 636 00:31:04,020 --> 00:31:05,150 En ons gaan 'n klomp van hulle om te sien. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 So duidelik die probleem was met ons gebare dot status. 639 00:31:08,710 --> 00:31:14,000 So as ons oop een van hierdie ons sal kyk in die voorwerpe en ons sal sien, 640 00:31:14,000 --> 00:31:18,700 Wel, dit is 'n stop, maar, o, dit genoem staat, nie status. 641 00:31:18,700 --> 00:31:21,890 So as ons kop terug na ons kode wat ons kan sê 642 00:31:21,890 --> 00:31:27,780 As gebaar dot tipe gelyk gelyk swipe en gebare dot staat gelyke gelyk stop, 643 00:31:27,780 --> 00:31:29,160 dan sal ons dot troos teken dit. 644 00:31:29,160 --> 00:31:30,940 En so verfris. 645 00:31:30,940 --> 00:31:31,856 Ons krap. 646 00:31:31,856 --> 00:31:33,730 En ons sal sien wat op elke slag, ons is net 647 00:31:33,730 --> 00:31:36,247 om een, wat is die einde, wat is 'n groot, reg? 648 00:31:36,247 --> 00:31:37,080 Dit is wat ons wil hê. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 En ons kan ook sien dat die ID's vir elk van hierdie gebare is geskei. 651 00:31:42,640 --> 00:31:47,470 So as Tomas gesê het, want ons is vang hierdie een stop staat wat 652 00:31:47,470 --> 00:31:52,850 bestaan ​​aan die einde van 'n krap, is ons om individuele aparte gebare 653 00:31:52,850 --> 00:31:54,441 van Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Groot. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS Reimers: Kom ons gaan voort en net nie die finale ding, wat is, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Goodbye. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS Reimers: Awesome. 659 00:32:06,425 --> 00:32:08,925 En nou, laat ons kyk na ons webwerf. 660 00:32:08,925 --> 00:32:09,425 Een 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Tweede. 662 00:32:09,730 --> 00:32:11,271 Ons het nie, ja, ons het dit noem Goodbye. 663 00:32:11,271 --> 00:32:11,920 Groot. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimers: Nee, Goodbye is 'n ware funksie. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Ja. 666 00:32:14,406 --> 00:32:15,670 Kom ons doen dit. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimers: En wanneer ons waai totsiens, dit sê totsiens. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Ons het 'n oorwinning. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimers: So mooi opwindende dinge. 670 00:32:25,632 --> 00:32:28,590 Hopelik kan jy iets te bou anders, maar jy kry die idee van, reg? 671 00:32:28,590 --> 00:32:30,260 Jy kan opspoor gebare. 672 00:32:30,260 --> 00:32:31,469 Jy kan funksies noem. 673 00:32:31,469 --> 00:32:34,510 En van daardie wat werklik gee jy 'n paar baie fundamentele boustene 674 00:32:34,510 --> 00:32:38,800 om te sê, o, miskien wanneer hulle krap up, want jy kan ook dinge spoor 675 00:32:38,800 --> 00:32:39,674 soos rigting. 676 00:32:39,674 --> 00:32:40,840 Ek wil vir hulle iets om te doen. 677 00:32:40,840 --> 00:32:43,470 Of wanneer hulle krap reg, ek wil hê dat hulle om iets te doen. 678 00:32:43,470 --> 00:32:45,880 En ons kan begin om te kry kreatiewe met presies hoe 679 00:32:45,880 --> 00:32:48,840 ons gaan ons webwerf te verbeter die gebruik van hierdie krap gebare of sirkel 680 00:32:48,840 --> 00:32:53,695 gebare, of kraan gebare, óf sleutel krane of skerm krane. 681 00:32:53,695 --> 00:32:56,070 En dan anders as dat jy meer as welkom om te speel 682 00:32:56,070 --> 00:32:59,640 met die werklike data, maar as jy wil om te doen 683 00:32:59,640 --> 00:33:03,870 dat ons stel voor jy gaan na die dokumente want hulle is eintlik regtig 'n goeie. 684 00:33:03,870 --> 00:33:05,034 So op pad na die dokumente nou. 685 00:33:05,034 --> 00:33:06,450 Of wil jy om te praat oor wat? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Ja. 687 00:33:06,940 --> 00:33:07,920 Kom ons doen dit. 688 00:33:07,920 --> 00:33:13,680 Ook 'n ander versnapering van die raad, probeer en dink van hierdie in 3D. 689 00:33:13,680 --> 00:33:22,611 So eintlik laat trek dié gebare een keer konsole dot log gebaar 690 00:33:22,611 --> 00:33:24,290 en ons doen dit. 691 00:33:24,290 --> 00:33:29,460 Kom terug in en nou laat ons probeer om 'n paar van hierdie, n paar van daardie. 692 00:33:29,460 --> 00:33:32,940 >> As ons gaan in en check hierdie gebare sowel 693 00:33:32,940 --> 00:33:36,830 soos jy kan sien dat hulle is dimensionaliteit 694 00:33:36,830 --> 00:33:38,980 is in drie rigtings, eintlik. 695 00:33:38,980 --> 00:33:42,500 So nie net beperk nie om jouself te 'n 2D-skerm 696 00:33:42,500 --> 00:33:45,200 selfs al het jy dalk wees op 'n 2D webwerf. 697 00:33:45,200 --> 00:33:49,152 Jy kan probeer en dink hoe 'n gebruiker kan interaksie met die webwerf in 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS Reimers: In 'n 3D ruimte. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Presies. 700 00:33:51,401 --> 00:33:52,310 En ja. 701 00:33:52,310 --> 00:33:55,350 So jy kry aanwysings, snelhede, al hierdie koel stukkies inligting. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimers: En as jy nie vertroud is met dit, dit gaan x, y, 703 00:33:58,890 --> 00:34:01,566 en dan z is hierdie laaste dimensie. 704 00:34:01,566 --> 00:34:04,690 Net iets wat jy waarskynlik is vertroud is met as jy met 3D gehandel het 705 00:34:04,690 --> 00:34:05,731 koördineer vliegtuie voor. 706 00:34:05,731 --> 00:34:09,565 As jy nie het nie, dit is dieselfde as 'n 2D een behalwe daar is 'n derde dimensie. 707 00:34:09,565 --> 00:34:11,420 Ons noem dit z. 708 00:34:11,420 --> 00:34:16,449 En alles, soort van soos rigting, en dit is waar dit gaan, 709 00:34:16,449 --> 00:34:19,810 position-- Ek dink dit kan selfs versnelling blootstel, ek is nie seker nie. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ja, ek glo nie. 711 00:34:21,341 --> 00:34:22,340 Dit het beslis spoed. 712 00:34:22,340 --> 00:34:25,699 Ek het eintlik nie 100% seker oor versnelling. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimers: Dit kan 'n opsie wees jy kan gee aan iets. 714 00:34:28,810 --> 00:34:33,409 So posisie en spoed blootgestel in hierdie soort van drie koördinate. 715 00:34:33,409 --> 00:34:38,812 So x, y, z of delta x, delta y, z delta. 716 00:34:38,812 --> 00:34:44,130 So nou op pad na die dokumentasie dit is developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 en dan kan jy Dokumentasie klik. 718 00:34:46,460 --> 00:34:50,010 Weereens, Leap Motion het al hierdie wonderlike APIs, een vir JavaScript, 719 00:34:50,010 --> 00:34:53,750 een vir C Sharp en Unity, een vir C ++, een vir Java, een vir Python, 720 00:34:53,750 --> 00:34:59,020 en een vir doelstelling C. Ek persoonlik sou stoot jou na JavaScript 721 00:34:59,020 --> 00:35:01,280 of as jy wil 'n leer nuwe taal, probeer Python. 722 00:35:01,280 --> 00:35:05,910 Beide van die tale wat ek saam met hom gewerk voor en hulle is regtig maklik om te leer 723 00:35:05,910 --> 00:35:10,250 en jy het reeds JavaScript, weet watter maak dit 'n baie goeie aanspraakmaker. 724 00:35:10,250 --> 00:35:12,930 >> Een woord van waarskuwing wanneer jy in die dokumente. 725 00:35:12,930 --> 00:35:15,940 Maak seker dat jy op Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Want as jy op weergawe een, sal dit nie werk nie. 727 00:35:20,250 --> 00:35:21,830 Ook vir die voorbeeld gallery. 728 00:35:21,830 --> 00:35:25,100 Ons het 'n goeie 30 minute probeer om die debug ons Leap 729 00:35:25,100 --> 00:35:28,640 voordat ons besef dat V1 werk nie met V2. 730 00:35:28,640 --> 00:35:31,660 So maak seker dat jy op weergawe twee. 731 00:35:31,660 --> 00:35:33,904 En dan sal ek hom laat wys jou die dokumente. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Ja. 733 00:35:34,820 --> 00:35:39,480 So hier is die API oorsig en dan 'n paar stukkies en brokkies van die inligting 734 00:35:39,480 --> 00:35:41,420 wat ons reeds gesê het. 735 00:35:41,420 --> 00:35:44,270 Mooi klein swaai hande bo 'n sprong Motion. 736 00:35:44,270 --> 00:35:47,850 En 'n herinnering om te dink oor die ruimte in 3D. 737 00:35:47,850 --> 00:35:53,140 Een van die eerste voorwerpe te dink oor met Leap Motion is hande, natuurlik. 738 00:35:53,140 --> 00:35:57,060 Ons het daardie erken deur die Visualizer. 739 00:35:57,060 --> 00:35:59,180 En dan moet jy dalk ' gesien dat dit erken 740 00:35:59,180 --> 00:36:03,202 deel van die pols en die arm wat verband hou met dit. 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimers: As jy wil hê te trek die Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Ja, Kom ons doen dit weer. 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimers: Jy kan sien, altyd net 'n goeie herinnering aan soort van sien nie, 744 00:36:10,148 --> 00:36:14,060 die Visualizer probeer om te wys al die data wat Leap sien. 745 00:36:14,060 --> 00:36:17,606 So jy sal sien dat ons hierdie soort van vier punte 746 00:36:17,606 --> 00:36:19,230 deur die pols en dan die werklike pols. 747 00:36:19,230 --> 00:36:21,625 En jy het ook hierdie bal by die palm. 748 00:36:21,625 --> 00:36:24,000 Al hierdie punte herken, erken deur die sprong. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Presies. 750 00:36:25,041 --> 00:36:32,300 En so met die hand voorwerp elke raam het 'n hand verskeidenheid 751 00:36:32,300 --> 00:36:36,470 sowel waar jy kan ook ' links en regs hande. 752 00:36:36,470 --> 00:36:39,410 Jy kan kry wat rigting die hande is 753 00:36:39,410 --> 00:36:42,410 die gesig staar met die normale rigting van die palm, 754 00:36:42,410 --> 00:36:45,470 of soos hulle dit noem die palm normaal. 755 00:36:45,470 --> 00:36:46,510 Wat anders het ons? 756 00:36:46,510 --> 00:36:48,120 Ons het ook, oops. 757 00:36:48,120 --> 00:36:50,640 Kom ons probeer en rol af op hierdie manier. 758 00:36:50,640 --> 00:36:54,410 Die arms, die vingers is verteenwoordig deur die vinger 759 00:36:54,410 --> 00:36:57,890 klas, wat is 'n pointable voorwerp. 760 00:36:57,890 --> 00:37:01,420 Dus, net soos ons sê, ons sien dat verskeidenheid van pointables vir elke hand. 761 00:37:01,420 --> 00:37:04,240 Dit is die klein vingers te dink oor. 762 00:37:04,240 --> 00:37:09,809 So, dit is 'n goeie oorsig te gaan deur te probeer verstaan. 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimers: [onhoorbaar] hand anatomie daar. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ja, presies. 765 00:37:13,680 --> 00:37:14,220 So ja. 766 00:37:14,220 --> 00:37:18,150 Daar is 'n baie van rou data dat die Sprong Motion neem in interpreteer goed 767 00:37:18,150 --> 00:37:20,750 vir jou, so dit is 'n groot idee om te gaan deur middel van hier 768 00:37:20,750 --> 00:37:25,300 en probeer uitvind hoe Leap het reeds uitgepluis dinge uit vir jou 769 00:37:25,300 --> 00:37:28,830 en so die inligting wat jy beskikbaar van daar af. 770 00:37:28,830 --> 00:37:33,150 En dan van daar het ek sou aanbeveel gaan in hierdie links artikel hier, 771 00:37:33,150 --> 00:37:39,210 wat gaan, goed eintlik nee, dit is eintlik net meer API dinge about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimers: Die API verwysing na die onderkant is gewoonlik 'n goeie plek om te gaan. 773 00:37:42,670 --> 00:37:45,720 Julle het waarskynlik gesien wanneer ons het die Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Maar die verwysing regtig gaan net deur al 775 00:37:48,590 --> 00:37:54,540 van die funksies en parameters beskikbaar in die voorwerp aan jou. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Ja. 777 00:37:55,500 --> 00:37:57,740 Byvoorbeeld, dit is wat Ek was op soek na voor. 778 00:37:57,740 --> 00:38:01,030 Wanneer ons 'n hand wat ons kan gaan en uit te vind 779 00:38:01,030 --> 00:38:03,750 hoe Leap beveel aan ons 'n hand uit te vind. 780 00:38:03,750 --> 00:38:06,080 Soos ek vroeër gesê het, ons het 'n hande skikking. 781 00:38:06,080 --> 00:38:10,340 Vind uit as ons hande en dan probeer en gryp 'n enkele hand 782 00:38:10,340 --> 00:38:12,410 om met daardie manier. 783 00:38:12,410 --> 00:38:16,540 So dit is wat ons aanbeveel vir julle ouens. 784 00:38:16,540 --> 00:38:18,400 Die gebare en dinge so goed. 785 00:38:18,400 --> 00:38:23,857 Dit API dokumentasie gaan 'n fantastiese instrument vir julle ouens. 786 00:38:23,857 --> 00:38:25,440 U enige ander aanbevelings nie? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimers: Ek doen dit nie. 788 00:38:26,398 --> 00:38:27,590 Ek dink dit is goed vir nou. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Ja, Ek dink nie so nie so goed. 790 00:38:29,340 --> 00:38:33,330 Voel vry om ons te e-pos en kry in kontak oor Leap Motion 791 00:38:33,330 --> 00:38:36,210 as jy met miskien enige kwessies of nodig het om enige aanbevelings. 792 00:38:36,210 --> 00:38:40,310 En ons kan probeer en vind dinge met julle ouens as well. 793 00:38:40,310 --> 00:38:40,810 Dankie. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS Reimers: Groot. 795 00:38:42,360 --> 00:38:42,880