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 Så hei, alle sammen. 4 00:00:13,230 --> 00:00:14,300 Jeg heter Tomas. 5 00:00:14,300 --> 00:00:15,744 Jeg er en TF, og dette er 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Hyggelig å se dere. 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 Så vi skal snakke om Leap Motion i dag. 10 00:00:20,740 --> 00:00:22,800 Så Leap Motion er en virkelig kult produkt som 11 00:00:22,800 --> 00:00:25,900 lar deg samhandle med en Datamaskinen på en annen måte. 12 00:00:25,900 --> 00:00:28,560 Så hele ideen bak spranget bevegelse er at du 13 00:00:28,560 --> 00:00:31,430 kan bruke hendene til samhandle med datamaskinen. 14 00:00:31,430 --> 00:00:33,610 Så akkurat her jeg har noe satt opp. 15 00:00:33,610 --> 00:00:34,790 Jeg skal snakke om det i en bit. 16 00:00:34,790 --> 00:00:37,540 Men den grunnleggende versjonen er at du kan se at jeg har hendene mine foran 17 00:00:37,540 --> 00:00:42,840 av datamaskinen min, og når jeg flytter dem, får den analoge på datamaskinen 18 00:00:42,840 --> 00:00:44,170 og du kan analysere dette. 19 00:00:44,170 --> 00:00:46,230 Du kan gjøre gester. 20 00:00:46,230 --> 00:00:49,176 Du kan bruke hendene til kommunisere med datamaskinen 21 00:00:49,176 --> 00:00:50,300 i ny og interessant måte. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Vel, jeg faktisk først ønsker å bestå av til Armi 24 00:00:57,520 --> 00:01:00,400 for å vise deg noen kule demoer av hva noen mennesker har gjort med dette. 25 00:01:00,400 --> 00:01:02,816 Og så skal vi snakke om hvordan du faktisk kode med dette. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Yeah. 27 00:01:04,800 --> 00:01:05,300 Hei. 28 00:01:05,300 --> 00:01:08,870 Slik som vi så, litt data her, men la oss se 29 00:01:08,870 --> 00:01:11,680 hva noen mennesker har gjort med dette. 30 00:01:11,680 --> 00:01:15,130 Så la meg bare åpne opp dette eksempelet. 31 00:01:15,130 --> 00:01:20,770 Og så, så, for eksempel, kan du se min hånd analoge der, men nå denne gangen 32 00:01:20,770 --> 00:01:26,680 noen mennesker som bruker Unity har besluttet å sette litt mer hud 33 00:01:26,680 --> 00:01:28,670 og ting rundt hånden. 34 00:01:28,670 --> 00:01:35,900 Så jeg kan, la oss gå med dette, Riktignok har hendene mine samspill. 35 00:01:35,900 --> 00:01:41,050 Og du kan sikkert forestille seg en par andre kule nyttige ting 36 00:01:41,050 --> 00:01:42,840 at du kan gjøre med dette. 37 00:01:42,840 --> 00:01:45,530 Så dette er i det minste ett eksempel. 38 00:01:45,530 --> 00:01:48,910 Og så la oss hoppe ut av dette. 39 00:01:48,910 --> 00:01:56,590 >> Og deretter en annen kul en er, la oss gå med dette. 40 00:01:56,590 --> 00:01:58,390 Plasmo ball. 41 00:01:58,390 --> 00:02:03,510 Igjen, ville vi ikke nødvendigvis forvente dette nivået av kompleksitet 42 00:02:03,510 --> 00:02:06,450 fra et avsluttende prosjekt for CS50. 43 00:02:06,450 --> 00:02:10,029 Dette er bare for å vise deg noen av de, gi dere 44 00:02:10,029 --> 00:02:14,570 litt inspirasjon for hva dere kan gjøre med Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Så for eksempel her er en kul fysikk eksempel, som det vi går. 46 00:02:20,500 --> 00:02:24,305 Har begge hendene mine så nå har denne lille plasma ball. 47 00:02:24,305 --> 00:02:31,030 Og ballen reagerer på fysikk av meg å flytte hånden min rundt ballen. 48 00:02:31,030 --> 00:02:36,920 Nå er alle skjønt å bruke Unity, hjelp slags verktøy og rammeverk 49 00:02:36,920 --> 00:02:39,510 at vi ikke har lært dere i klassen, 50 00:02:39,510 --> 00:02:46,590 men som du kan se noen ganske kult løp throughs med det. 51 00:02:46,590 --> 00:02:51,750 >> Men en ting som dere kan gjøre starter akkurat nå med Leap Motion 52 00:02:51,750 --> 00:02:53,260 er arbeidet i Javascript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion har en Javascript API som dere kan bruke, og vi høyt, 54 00:02:58,960 --> 00:03:02,040 anbefale at dere bygge prosjektene som bruker det. 55 00:03:02,040 --> 00:03:04,350 Så med det, la meg gi det tilbake av til Tomas 56 00:03:04,350 --> 00:03:06,582 å snakke om Leap Motion og Javascript. 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Eller ønsker du å vise dem visualizeren først? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh yes. 60 00:03:09,670 --> 00:03:10,170 Ja. 61 00:03:10,170 --> 00:03:11,900 La oss snakke mer om det Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimers: Så på en mest grunnleggende nivå, når du først kommer til Leap Motion 63 00:03:14,983 --> 00:03:16,940 du kommer til å ha denne boksen. 64 00:03:16,940 --> 00:03:18,330 Her, vil ha meg til å ta kontroll? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Ja, gå for det. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimers: Så når du først komme til Leap Motion 67 00:03:20,530 --> 00:03:21,780 du kommer til å ha denne boksen. 68 00:03:21,780 --> 00:03:24,460 Den har en enhet som ser omtrent slik ut. 69 00:03:24,460 --> 00:03:28,990 Du kobler den til datamaskinen, installere de nødvendige driverne, 70 00:03:28,990 --> 00:03:30,950 og så vil det i utgangspunktet være satt opp. 71 00:03:30,950 --> 00:03:34,160 Så den enkleste måten å sortere av avtale med Leap Motion 72 00:03:34,160 --> 00:03:39,240 er åpne opp dette programmet blir installert kalt Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Og Visualizer er bokstavelig talt hva jeg viser her. 74 00:03:41,490 --> 00:03:45,340 Den lar deg se skjelett omrisset av dine hender. 75 00:03:45,340 --> 00:03:49,940 Og hva Leap Motion er å tolke dem som. 76 00:03:49,940 --> 00:03:53,750 Så Leap Motion bruker kameraet å sortere av titt på hendene 77 00:03:53,750 --> 00:03:59,176 og deretter den prøver å gjette hva den grunnleggende skjelett komposisjon som du 78 00:03:59,176 --> 00:04:00,460 ser på skjermen er. 79 00:04:00,460 --> 00:04:01,669 Og det er det som viser deg. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Hver enkelt lite poeng 81 00:04:03,418 --> 00:04:06,580 og ting som du ser er det data som er tilgjengelig for dere 82 00:04:06,580 --> 00:04:07,270 i tillegg til å bruke. 83 00:04:07,270 --> 00:04:09,670 Så du ser at det er fange at Tomas 84 00:04:09,670 --> 00:04:12,160 har fem fingre, hver av de forskjellige fingre 85 00:04:12,160 --> 00:04:17,110 er også tilgjengelig for deg som data poeng for å bruke i hvilken applikasjon 86 00:04:17,110 --> 00:04:18,256 som du kanskje ønsker. 87 00:04:18,256 --> 00:04:20,339 Hvis du ønsker å se om noen gjør en tommel opp 88 00:04:20,339 --> 00:04:23,860 du kan se om fingrene er krøllet og om de er 89 00:04:23,860 --> 00:04:25,850 tommel finger peker oppover, eller hvor 90 00:04:25,850 --> 00:04:30,037 håndleddet eller håndflaten er og den type ting. 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Så du kan se noen bevegelser det forstår bedre enn andre. 93 00:04:35,186 --> 00:04:38,310 Husk at det er å se på din hånd fra på et kamera fra bunnen, 94 00:04:38,310 --> 00:04:41,630 så når du har hendene som dette det forstår dem fullt ut, 95 00:04:41,630 --> 00:04:44,509 men når du begynner å prøve og gjøre en tommelen opp, noen ganger den leser det, 96 00:04:44,509 --> 00:04:47,550 noen ganger det kan gjette, men ærlig kameraet kan bare ikke se tommelen. 97 00:04:47,550 --> 00:04:49,810 Så det er egentlig ikke sikker på hva som skjer. 98 00:04:49,810 --> 00:04:54,910 Bare noen begrensninger å huske når du utvikler med dette. 99 00:04:54,910 --> 00:04:56,540 >> Uansett, så kommer tilbake til dette. 100 00:04:56,540 --> 00:04:59,040 Visualizeren faktisk har en rekke nyttige verktøy. 101 00:04:59,040 --> 00:05:01,780 Så Leap Motion er programmert på en slik måte 102 00:05:01,780 --> 00:05:04,280 at de ikke forventer at du skal samhandle med at bildedata. 103 00:05:04,280 --> 00:05:06,230 De egentlig ikke forventer du å forstå 104 00:05:06,230 --> 00:05:08,060 hva som skjer bak kulissene. 105 00:05:08,060 --> 00:05:11,620 Det de gjør er utsett en haug med APIer for deg 106 00:05:11,620 --> 00:05:13,420 slik at du kan samhandle med disse dataene 107 00:05:13,420 --> 00:05:18,400 direkte uten forståelse hva som skjer under panseret. 108 00:05:18,400 --> 00:05:27,790 >> Så hvis vi treffer H her i Visualizer vil du se en rekke alternativer. 109 00:05:27,790 --> 00:05:35,450 Det viktigste her skjønt er hvis du treffer O og deretter traff H, 110 00:05:35,450 --> 00:05:38,080 vil du se at det lar deg tegne gester. 111 00:05:38,080 --> 00:05:43,380 Så en gest, vil du se det trekker en pil tvers. 112 00:05:43,380 --> 00:05:47,010 En gest er en av måtene som Leap Motion slags lar deg komme på data 113 00:05:47,010 --> 00:05:48,462 uten å behandle den. 114 00:05:48,462 --> 00:05:51,170 Så i stedet for meg at du trenger å finne ut, oh, hånden var i bevegelse, 115 00:05:51,170 --> 00:05:54,970 selv om jeg har punkt tilgang, API vil liksom bare fortelle meg, 116 00:05:54,970 --> 00:05:56,380 hei, har de gjort denne gesten. 117 00:05:56,380 --> 00:05:58,920 Så du kan gjøre grunnleggende pil gester. 118 00:05:58,920 --> 00:06:00,590 Du kan lage sirkelbevegelser. 119 00:06:00,590 --> 00:06:03,530 Du kan gjøre tappe gester. 120 00:06:03,530 --> 00:06:07,630 Og du kan ta viktige presse gester. 121 00:06:07,630 --> 00:06:09,394 Yeah. 122 00:06:09,394 --> 00:06:10,800 Og den slags ting. 123 00:06:10,800 --> 00:06:14,370 Så nå som vi har liksom sett hva Leap Motion kan gjøre, 124 00:06:14,370 --> 00:06:17,792 du kan se det kan lese en hel haug med gester. 125 00:06:17,792 --> 00:06:19,500 Jeg tror jeg kommer til gi det tilbake til Armi 126 00:06:19,500 --> 00:06:22,300 og han kommer til å snakke om hvordan du får på disse med Javascript, 127 00:06:22,300 --> 00:06:24,520 hvordan du selv begynne et prosjekt med dette. 128 00:06:24,520 --> 00:06:27,724 Og så får vi snakke om noen kule steder du kan gå med det. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Yeah. 130 00:06:28,640 --> 00:06:29,300 Høres bra ut. 131 00:06:29,300 --> 00:06:31,950 Så ja, det aller første vi vil du ønsker å gjøre selvfølgelig, 132 00:06:31,950 --> 00:06:37,170 er etter at du får Leap Motion er å gå til leapmotion.com, sette opp, installere 133 00:06:37,170 --> 00:06:38,420 driverne og sånt. 134 00:06:38,420 --> 00:06:42,520 Etter å ha gjort at du kan gå forsikre deg om at den er koblet til. 135 00:06:42,520 --> 00:06:46,910 Hvis du ser i den lille skuffen Leap Motion-ikonet, og det er grønt, 136 00:06:46,910 --> 00:06:48,640 Da vet du at du er klar. 137 00:06:48,640 --> 00:06:53,710 Og selvfølgelig sjekke ut nøyaktig hva Tomas bare viste deg med gester 138 00:06:53,710 --> 00:06:59,320 og gjøre de skjermtrykk, og nøkkel trykk, og den type ting. 139 00:06:59,320 --> 00:07:02,180 >> Etter at selv om vi, nok en gang, som jeg sa, 140 00:07:02,180 --> 00:07:06,530 Vi har tilgang til alle disse ting i Java også. 141 00:07:06,530 --> 00:07:09,020 Den ideelle satt opp som Vi vil anbefale deg 142 00:07:09,020 --> 00:07:16,440 Gutta er å gå inn i vhost katalog, lokale verten, 143 00:07:16,440 --> 00:07:19,340 publikum i din CS50 apparatet. 144 00:07:19,340 --> 00:07:24,790 Og når du går det hva du vil se er en indeks dot HTML-fil. 145 00:07:24,790 --> 00:07:28,180 Nå som indeksen dot HTML-fil eller indeks dot 146 00:07:28,180 --> 00:07:32,740 PHP-fil, avhengig av hva som er fine, hva du kan da gjøre 147 00:07:32,740 --> 00:07:35,150 er å gå til hovedoperativsystemet. 148 00:07:35,150 --> 00:07:38,650 Og hvis du går til IP-adressen som er oppført i høyre 149 00:07:38,650 --> 00:07:45,180 hjørne av apparatet akkurat her, som du kan se, så hva som skjer 150 00:07:45,180 --> 00:07:51,240 er du gå til siden som er referert av at indeksen dot HTML-fil. 151 00:07:51,240 --> 00:07:56,610 Så all kode som du kan sette i det blir sendt og er brukbart her. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimers: Så det er også viktig bare for referanse 153 00:07:58,960 --> 00:08:06,554 at hvis dere faktisk vet hvordan du setter opp en server selv, 154 00:08:06,554 --> 00:08:09,720 eller du ønsker å sette dette på den verdensomspennende web, er du velkommen til å gjøre hva som helst. 155 00:08:09,720 --> 00:08:11,594 Husk at disse er bare Javascript-filer 156 00:08:11,594 --> 00:08:14,250 og alle Leap behandling er gjort på klienten. 157 00:08:14,250 --> 00:08:16,510 Så det spiller egentlig ingen rolle hvor server liv 158 00:08:16,510 --> 00:08:19,660 så lenge maskinen du ser på nettstedet på 159 00:08:19,660 --> 00:08:22,024 har Leap Motion installert. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolutt. 161 00:08:23,190 --> 00:08:25,680 Som Tomas sa, ja, hva som fungerer for dere. 162 00:08:25,680 --> 00:08:28,570 Dette er bare ett av våre anbefalinger. 163 00:08:28,570 --> 00:08:31,660 Nå å begynne å bruke Leap Motion hva du vil gjøre 164 00:08:31,660 --> 00:08:36,640 er du vil importere Javascript-fil fra Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Og så derfra hva du kan gjøre er, akkurat nå 166 00:08:39,610 --> 00:08:44,250 Jeg har nettopp denne paragrafen tag satt opp med en ID med tekst. 167 00:08:44,250 --> 00:08:48,690 Ting som vi vil anbefale setter kontrolleralternativer 168 00:08:48,690 --> 00:08:52,012 for Leap Motion med Aktiver gester til å være sant. 169 00:08:52,012 --> 00:08:53,970 Så som standard de bevegelser som vi viste dere 170 00:08:53,970 --> 00:08:57,010 folkens, sirkelen, og nøkkel fra springen, og de rapper, 171 00:08:57,010 --> 00:09:00,330 de som ikke er vist til dere som standard. 172 00:09:00,330 --> 00:09:04,450 Men vi anbefaler å bruke de slik at du ikke finne opp hjulet. 173 00:09:04,450 --> 00:09:09,489 Aktiver de til ekte, passerer de kontrolleralternativer å hoppe dot sløyfe 174 00:09:09,489 --> 00:09:10,530 og du er klar til å gå. 175 00:09:10,530 --> 00:09:13,270 Fordi så du må bare definert en anonym funksjon 176 00:09:13,270 --> 00:09:16,910 som vil ta i rammen fra Leap Motion 177 00:09:16,910 --> 00:09:21,150 og at rammen har alle informasjon som du kommer til å trenge. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimers: Så bare for å oppsummering, har du ett objekt. 179 00:09:25,310 --> 00:09:28,250 Du har denne funksjonen kalt sprang dot loop. 180 00:09:28,250 --> 00:09:30,460 Og du kaller det med to argumenter. 181 00:09:30,460 --> 00:09:33,134 Du kaller det med ett, kontrolleren alternativer. 182 00:09:33,134 --> 00:09:35,300 Og det er mange av alternativene du kan putte inn der. 183 00:09:35,300 --> 00:09:38,170 Den vi kommer til å understreke er mulig bevegelser. 184 00:09:38,170 --> 00:09:41,230 Og hvis du setter den lik sant da du kan få tilgang på dette gester 185 00:09:41,230 --> 00:09:42,940 at vi viste deg i Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Og deretter det andre argumentet er et funksjon, det er litt som en samtale tilbake 187 00:09:47,500 --> 00:09:53,010 som vil bli kalt hver tid hver ramme av Leap, 188 00:09:53,010 --> 00:09:57,340 Så hver gang spranget registre som hånden flytte, har det en ny ramme. 189 00:09:57,340 --> 00:10:02,130 Og det kaller denne funksjonen med ett argument, som er rammen objektet. 190 00:10:02,130 --> 00:10:05,909 Og at rammen objekt beskriver rammen som Leap ser det. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Nettopp. 192 00:10:06,950 --> 00:10:10,450 Så dette inneholder all nyttig biter av informasjon 193 00:10:10,450 --> 00:10:12,550 at vi snakket om tidligere. 194 00:10:12,550 --> 00:10:18,010 Kontrollere ramme dot gester er en rekke gester 195 00:10:18,010 --> 00:10:23,680 at spranget bevegelse fanget ditt hender gjør i den siste rammen. 196 00:10:23,680 --> 00:10:26,470 Så for eksempel, hva vi er gjør her er vi sjekker, 197 00:10:26,470 --> 00:10:31,820 hei, Leap, i det siste bildet gjorde du fange eventuelle bevegelser som jeg gjorde? 198 00:10:31,820 --> 00:10:36,350 Og hvis så hva vi velger å gjøre er iterere gjennom disse gester 199 00:10:36,350 --> 00:10:39,760 og prøve og få litt nyttig informasjon fra dem. 200 00:10:39,760 --> 00:10:44,290 Hver gest har en unik ID knyttet til den. 201 00:10:44,290 --> 00:10:46,280 De har typer. 202 00:10:46,280 --> 00:10:50,220 Du kan se på hvilke fingre var involvert i gester 203 00:10:50,220 --> 00:10:52,770 ved å sjekke ut denne justerbare ting. 204 00:10:52,770 --> 00:10:56,490 Så hvis når du går gjennom Leap Motion Javascript API ting, 205 00:10:56,490 --> 00:10:59,630 når de nevner pointables, de snakker om disse fingrene. 206 00:10:59,630 --> 00:11:04,480 Og så hender er, selvfølgelig, hele hånden objektet. 207 00:11:04,480 --> 00:11:05,210 >> Hva annet? 208 00:11:05,210 --> 00:11:08,630 Du kan sjekke hvor lenge bevegelsen gikk på 209 00:11:08,630 --> 00:11:11,640 for og, ja, alle disse nyttige ting. 210 00:11:11,640 --> 00:11:16,490 Så det jeg gjør akkurat nå her er jeg logget rammen, 211 00:11:16,490 --> 00:11:24,350 og deretter oppdaterer jeg min HTML for å vise alle disse biter av informasjon 212 00:11:24,350 --> 00:11:25,820 fra rammen. 213 00:11:25,820 --> 00:11:28,010 Så la oss sjekke det ut. 214 00:11:28,010 --> 00:11:29,440 >> Så her er det. 215 00:11:29,440 --> 00:11:34,730 Her er indeksen dot HTML-fil. 216 00:11:34,730 --> 00:11:38,560 Og som du nettopp så da jeg nettopp flyttet min hånd Leap fanget en sirkelbevegelse. 217 00:11:38,560 --> 00:11:44,960 Så du kan se meg gjøre en sirkel over her, oppdaterer med informasjon sirkel. 218 00:11:44,960 --> 00:11:48,332 Gjør swipes, fanger rapper. 219 00:11:48,332 --> 00:11:49,290 La oss prøve en fane skjerm. 220 00:11:49,290 --> 00:11:50,090 Det vi går. 221 00:11:50,090 --> 00:11:52,370 Screen trykk og en nøkkel fra springen. 222 00:11:52,370 --> 00:11:55,040 Så viktige kraner Også ved den måte, er når du treffer ned. 223 00:11:55,040 --> 00:11:57,260 Så du kan forestille deg kanskje spille et piano. 224 00:11:57,260 --> 00:11:59,869 >> Og deretter trykk på skjermen er når du treffer på skjermen. 225 00:11:59,869 --> 00:12:02,910 Så du kan forestille deg kanskje du faktisk har en berøringsskjerm foran deg 226 00:12:02,910 --> 00:12:05,190 og du treffer berørings skjermen foran deg. 227 00:12:05,190 --> 00:12:08,470 Og så kan vi ta ett av disse objektene i her. 228 00:12:08,470 --> 00:12:12,960 Så husker jeg sa at jeg var passerer rammen i konsollen loggen. 229 00:12:12,960 --> 00:12:17,160 Og så vi kan sjekke ut alle biter av informasjon 230 00:12:17,160 --> 00:12:22,500 som er tilgjengelige i at rammen i tillegg til å bruke. 231 00:12:22,500 --> 00:12:26,320 >> Som jeg sa tidligere, pointables er fingrene. 232 00:12:26,320 --> 00:12:30,260 I det øyeblikket vi ikke har vår hendene foran Leap Motion 233 00:12:30,260 --> 00:12:32,010 så det registrert null, men dette er hvordan du 234 00:12:32,010 --> 00:12:35,980 ville begynne å finne ut kanskje hvor mange fingre er skjermen. 235 00:12:35,980 --> 00:12:37,810 Og denne typen informasjon. 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimers: Og huske Dette er bare et objekt. 237 00:12:40,060 --> 00:12:42,185 Så alt kan nås liksom som en struct 238 00:12:42,185 --> 00:12:45,540 i C. Du har objektet navngi dot eiendommen navn. 239 00:12:45,540 --> 00:12:48,830 Og så innen den har arrays og du har andre gjenstander, 240 00:12:48,830 --> 00:12:50,850 men husk at det er bare et objekt. 241 00:12:50,850 --> 00:12:53,788 Det er ikke noe spesielt fordi vi bruker Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Yeah. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Skal vi sjekke ut et par av Javascript eksempler? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS Reimers: So raskt huske at vi 247 00:13:07,810 --> 00:13:12,470 sa at Leap faktisk kan kjøres på hvilken som helst nettside. 248 00:13:12,470 --> 00:13:15,250 LeapJS er bare servert til en klient. 249 00:13:15,250 --> 00:13:19,850 Og så sammen som klienten har Leap Motion festet det vil fungere. 250 00:13:19,850 --> 00:13:22,540 Så Leap Motion har en nettside der folk 251 00:13:22,540 --> 00:13:24,540 kan dele sine eksempler av ting de har gjort. 252 00:13:24,540 --> 00:13:26,623 Så vi bare kommer til å gå gjennom et par av dem 253 00:13:26,623 --> 00:13:29,980 å se hva som er mulig før dykking i flere detaljer om hvordan 254 00:13:29,980 --> 00:13:32,510 det er mulig. 255 00:13:32,510 --> 00:13:33,346 Så 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: La oss se. 257 00:13:34,470 --> 00:13:36,136 TOMAS Reimers: Nå skal jobbe. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Så nå før vi så et eksempel 259 00:13:38,520 --> 00:13:45,280 bruker Unity som gjengis våre hender med ganske imponerende grafiske skins, 260 00:13:45,280 --> 00:13:50,200 men nå kan du se at du kan gjøre det samme ting inne i en nettleser. 261 00:13:50,200 --> 00:13:54,640 Dette er alle inne Chrome bare ved hjelp av Javascript. 262 00:13:54,640 --> 00:13:57,460 Og deretter den andre fin ting er hvis du ønsker 263 00:13:57,460 --> 00:14:02,610 å vite hvordan de gjorde dette, eksemplene på Java 264 00:14:02,610 --> 00:14:07,540 også inkludere kode alternativer som du kan sjekke ut og deretter se 265 00:14:07,540 --> 00:14:12,570 hvordan denne personen var flytte hender og koder og slikt. 266 00:14:12,570 --> 00:14:16,730 >> Så det er alt du kan finne på developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Du kan gå inn og sjekke ut Java eksempler på at de har det. 268 00:14:20,810 --> 00:14:23,280 Så ja. 269 00:14:23,280 --> 00:14:25,205 Her er disse, oops beklager. 270 00:14:25,205 --> 00:14:27,680 La oss prøve det igjen. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Jeg har to rette hender. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Så ja. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimers: Så og igjen, huske noen ganger Leap søl opp. 276 00:14:37,440 --> 00:14:40,790 Bare gi den et sekund. 277 00:14:40,790 --> 00:14:42,784 Det er ikke perfekt, men det er ganske bra. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: One annen anbefaling også 279 00:14:44,700 --> 00:14:48,780 er å ikke gjøre det i direkte sollys. 280 00:14:48,780 --> 00:14:51,260 Så måten Leap Motion gjerninger er, faktisk 281 00:14:51,260 --> 00:14:54,500 hvis jeg viser kameraet dette også, infrarødt lys. 282 00:14:54,500 --> 00:14:57,375 Så det sender de ut og deretter leser dem når de kommer tilbake. 283 00:14:57,375 --> 00:14:59,250 Så hvis du prøver å gjøre det direkte sollys, 284 00:14:59,250 --> 00:15:01,610 for eksempel, er det sannsynligvis ikke kommer til å fungere, 285 00:15:01,610 --> 00:15:05,850 eller det kommer til å kreve noen kalibrering for å gjøre dette. 286 00:15:05,850 --> 00:15:10,450 >> Også en annen anbefaling er å tømme plassen bak Leap 287 00:15:10,450 --> 00:15:12,740 og foran Leap. 288 00:15:12,740 --> 00:15:15,520 Tenk på det som å jobbe innsiden av en kuppel som er 289 00:15:15,520 --> 00:15:18,360 rundt denne Leap Motion objekt. 290 00:15:18,360 --> 00:15:20,550 Hvis det er ting rett bak det også, 291 00:15:20,550 --> 00:15:24,740 som også kommer til å forstyrre med hvordan Leap Motions prøver 292 00:15:24,740 --> 00:15:26,690 å gjenkjenne din hånd og den type ting. 293 00:15:26,690 --> 00:15:30,010 >> Så, for eksempel, tror jeg i dette tilfellet er det min laptop faktisk 294 00:15:30,010 --> 00:15:34,351 det er slags gjøre Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Ja, der vi går. 296 00:15:35,100 --> 00:15:41,021 Så hvis jeg tømme ut min laptop fra bak den hånden viser seg ganske bra. 297 00:15:41,021 --> 00:15:41,520 Så ja. 298 00:15:41,520 --> 00:15:42,061 Det er det. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Så hva annet gjorde vi vise dem. 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimers: Jeg tror Nå ville være tiden 302 00:15:48,250 --> 00:15:52,039 å sortere av dykk inn og la oss bare lage en demo helt fra bunnen av. 303 00:15:52,039 --> 00:15:53,330 Det kommer til å være veldig enkel. 304 00:15:53,330 --> 00:15:55,250 I utgangspunktet hva vi skal for å prøve å gjøre er å gjøre det 305 00:15:55,250 --> 00:15:58,570 slik at når du sveipe hånden, den bakgrunn kommer til å starte ut som rød, 306 00:15:58,570 --> 00:16:01,361 og når du sveipe hånden, den bakgrunn kommer til å bli grønn. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Veldig enkelt. 309 00:16:03,709 --> 00:16:05,750 Og det er i utgangspunktet bare kommer til å gå gjennom en rekke 310 00:16:05,750 --> 00:16:08,360 av konseptene bak Leap slik at vi kan 311 00:16:08,360 --> 00:16:12,630 komme inn i denne ideologien hvordan Leap fungerer og hvordan vi kan bygge ting med det. 312 00:16:12,630 --> 00:16:16,760 Og derfra vi vil sannsynligvis bare vise deg 313 00:16:16,760 --> 00:16:19,710 API-dokumenter og hvor du kan lese mer om dette. 314 00:16:19,710 --> 00:16:21,030 Og så skal vi kalle det dag. 315 00:16:21,030 --> 00:16:24,294 Så har du lyst til å kode eller vil du jeg til koden? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Yeah. 317 00:16:25,210 --> 00:16:28,350 Vel, jeg tror vi kan jobbe sammen om dette og prøve 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimers: Så vi vil gjøre noen par koding. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Det vi går. 320 00:16:31,500 --> 00:16:33,250 Det er akkurat det jeg ønsket å sjekke ut. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Så for eksempel i her, la oss se. 323 00:16:38,750 --> 00:16:40,979 Mens vi er itera gjennom gester allerede, 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimers: Lyst til å gjøre bare en helt ny fil? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Helt ny fil? 326 00:16:43,870 --> 00:16:44,246 Ja, klart det. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimers: Yeah. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Så la oss gjøre det. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimers: Så vi skal å lage en helt fil. 330 00:16:48,253 --> 00:16:51,290 Vi kaller det late dot HTML. 331 00:16:51,290 --> 00:16:52,670 Det er kult med meg. 332 00:16:52,670 --> 00:16:59,020 Så husk at du gjør en HTML-kode, så innen den har et hode. 333 00:16:59,020 --> 00:17:02,982 At hodet har en tittel innen det. 334 00:17:02,982 --> 00:17:04,349 Så fanen den andre veien. 335 00:17:04,349 --> 00:17:05,589 Der du går. 336 00:17:05,589 --> 00:17:09,359 Tittel, kan vi kalle det Leap Eksempel. 337 00:17:09,359 --> 00:17:12,163 Jepp. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Tittel. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimers: Jepp. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Det vi er. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimers: Og så la oss gjøre en kropp. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Vent, la oss også sørge for å importere. 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimers: Oh, selvfølgelig. 345 00:17:22,060 --> 00:17:22,560 Min dårlige. 346 00:17:22,560 --> 00:17:28,700 Så alltid sørge for at du har Leap skriptet så det er et skript som du har fått 347 00:17:28,700 --> 00:17:31,810 av Leap Motion som i utgangspunktet lar nettleseren for å koble 348 00:17:31,810 --> 00:17:35,580 til enheten på brukerens datamaskin. 349 00:17:35,580 --> 00:17:38,510 Og så, i dette har vi også trenger en kropp og la oss bare 350 00:17:38,510 --> 00:17:40,580 gjøre kroppen si hei så at vi kan vise elevene 351 00:17:40,580 --> 00:17:42,704 hvordan du kobler til denne nye nettside som de gjorde. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Sure. 353 00:17:44,260 --> 00:17:45,724 Så la oss bare sette another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimers: Hei, hei verden. 355 00:17:48,730 --> 00:17:50,210 Så en helt grunnleggende eksempel. 356 00:17:50,210 --> 00:17:53,400 Egentlig bare en demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Og så her vi kan gå til, vi kalte det hånd dot HTML, 358 00:17:58,505 --> 00:18:00,000 ikke sant? 359 00:18:00,000 --> 00:18:00,810 Og oh! 360 00:18:00,810 --> 00:18:04,310 Så jeg lurer på hva som er galt med dette akkurat nå. 361 00:18:04,310 --> 00:18:07,639 La oss legge til lesetillatelser for hånden dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimers: Vil du å gjøre det i den store terminal 363 00:18:09,930 --> 00:18:11,080 slik at vi kan bare vise det på the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ja, det gir mening. 365 00:18:12,501 --> 00:18:13,001 OK. 366 00:18:13,001 --> 00:18:15,720 Så jeg bare lagt den tillatelser, men hvis vi 367 00:18:15,720 --> 00:18:18,350 var å sjekke ut tillatelser før vi 368 00:18:18,350 --> 00:18:22,560 ville ha sett som faktisk hånd dot HTML ikke har leserettigheter 369 00:18:22,560 --> 00:18:25,570 og derfor kunne vi ikke gjengi det. 370 00:18:25,570 --> 00:18:30,850 Men nå hvis vi gjør det, ser vi vår lite hallo verden akkurat der. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimers: Så la oss faktisk, som han skrev, hallo verden, 372 00:18:33,580 --> 00:18:35,371 Jeg tenkte på en måte vi kan endre dette. 373 00:18:35,371 --> 00:18:41,150 La oss gjøre det si hei verden, og så når du vinker, sier farvel. 374 00:18:41,150 --> 00:18:41,650 Høyre? 375 00:18:41,650 --> 00:18:42,210 Så hei, farvel. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Sure. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimers: Det høres ganske bra. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: At høres bra ut for meg, også. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimers: Så hvis vi er kommer til å gjøre det la oss bare 380 00:18:46,920 --> 00:18:48,980 tenke gjennom nettsiden litt. 381 00:18:48,980 --> 00:18:51,800 Vi kommer til å trenge noen skript som i utgangspunktet registrerer 382 00:18:51,800 --> 00:18:56,470 at du vinket og til en Leap, en bølge og en sveip, samme ting. 383 00:18:56,470 --> 00:18:59,584 Så vi kommer til å trenge et skript som utgangspunktet registrerer for at sveip. 384 00:18:59,584 --> 00:19:01,500 Og en annen ting vi er kommer til å trenge er vi er 385 00:19:01,500 --> 00:19:04,360 kommer til å trenge noen faktiske innholdet å endre. 386 00:19:04,360 --> 00:19:07,850 >> Så som du husker, jQuery kan du endre innhold. 387 00:19:07,850 --> 00:19:13,017 Så en ting vi kanskje vil inkludere i dette er jQuery biblioteket. 388 00:19:13,017 --> 00:19:16,100 Og deretter å kunne velge hva vi faktisk kommer til å endre innhold, 389 00:19:16,100 --> 00:19:18,224 som kommer til å trenge en ID eller en klasse, eller noe 390 00:19:18,224 --> 00:19:20,100 som vi kan bruke til å velge det. 391 00:19:20,100 --> 00:19:25,010 Så får vi bare gi den en rask ID endrings tekst. 392 00:19:25,010 --> 00:19:26,974 Og så ønsker du å hente jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Så hva er det første ting på vår å gjøre listen så nå? 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimers: La oss ta jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: La oss grip jQuery, OK, kult. 396 00:19:32,494 --> 00:19:34,502 I så fall kommer jeg til å måtte actually-- 397 00:19:34,502 --> 00:19:36,210 hvor ville være den beste stedet å gjøre det? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimers: jQuery, så hvis du Google jQuery, traff jQuery, den første 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Very første. 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimers: Eller nedlasting. 401 00:19:42,135 --> 00:19:42,650 Det er greit. 402 00:19:42,650 --> 00:19:46,482 Hit nedlasting v1 og v2 til venstre. 403 00:19:46,482 --> 00:19:49,190 Så vi beskriver jQuery fra online som du sikkert har gjort. 404 00:19:49,190 --> 00:19:50,440 Bla nedover. 405 00:19:50,440 --> 00:19:51,260 Opp, opp. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Åh, akkurat her nå? 407 00:19:53,502 --> 00:19:54,460 TOMAS Reimers: Eller det. 408 00:19:54,460 --> 00:19:54,960 Jepp. 409 00:19:54,960 --> 00:20:00,150 Så jQuery har en hosted versjon noe som betyr at du ikke egentlig 410 00:20:00,150 --> 00:20:01,890 trenger å laste den ned, men du er mer enn 411 00:20:01,890 --> 00:20:07,734 velkommen til å laste det ned og vert det selv. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Så nå har vi jQuery. 414 00:20:09,566 --> 00:20:11,122 Nå hva blir det neste på våre å gjøre listen. 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimers: Awesome. 416 00:20:12,080 --> 00:20:13,910 Så neste hva vi trenger gjøre er at vi faktisk trenger 417 00:20:13,910 --> 00:20:17,750 å gi p hello world en ID slik at vi kan endre det, ikke sant? 418 00:20:17,750 --> 00:20:24,514 Så la oss gi et inntrykk av, Jeg vet ikke, endre tekst? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: La oss bare gjøre det på denne måten, tror jeg. 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimers: changeText, kult. 421 00:20:28,013 --> 00:20:29,830 Og nå la oss bare oppdatere siden. 422 00:20:29,830 --> 00:20:31,142 Kontrollere at alt fungerer. 423 00:20:31,142 --> 00:20:32,100 Så tilbake i nettleseren. 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 Alltid en god påminnelse om at når du bygger et nettsted, 427 00:20:39,380 --> 00:20:44,450 sannsynligvis oppdatere hver gang du gjør noen noe vesentlig endring bare 428 00:20:44,450 --> 00:20:47,993 fordi noen ganger du uhell slippe en tag, 429 00:20:47,993 --> 00:20:51,640 eller du ved et uhell sletter noe, og da du bryter noe lite, 430 00:20:51,640 --> 00:20:55,880 men så når du gjør en større endring du liker, hvorfor gjorde denne store endringen 431 00:20:55,880 --> 00:20:57,910 tilsynelatende bryte urelaterte ting. 432 00:20:57,910 --> 00:21:02,840 Så det er alltid godt å sortere av gå og gjøre disse feilsjekkene. 433 00:21:02,840 --> 00:21:05,610 >> Allikevel så nå la oss gjøre en siste tilregnelighet sjekk, 434 00:21:05,610 --> 00:21:09,800 som la oss prøve å endre tekst uten Leap Motion, 435 00:21:09,800 --> 00:21:11,820 uten noe, bare på side belastning det vil 436 00:21:11,820 --> 00:21:17,140 endre hello world til farvel bruker jQuery. 437 00:21:17,140 --> 00:21:21,400 Så hvis du husker jQuery eksponerer denne dollartegn funksjon, 438 00:21:21,400 --> 00:21:28,640 som vi kan passere CSS velgeren til, nemlig hashtag endring tekst, som 439 00:21:28,640 --> 00:21:31,590 velger element med en ID for endring tekst. 440 00:21:31,590 --> 00:21:34,980 Og så skal vi å kalle metoden HTML 441 00:21:34,980 --> 00:21:40,390 på objektet den returnerer til argument for en streng farvel, som 442 00:21:40,390 --> 00:21:45,600 vil endre elementene HTML for å si farvel. 443 00:21:45,600 --> 00:21:46,210 Awesome. 444 00:21:46,210 --> 00:21:48,790 Det virker ganske kult. 445 00:21:48,790 --> 00:21:52,365 Og nå når vi oppdaterer siden vi kommer til å se 446 00:21:52,365 --> 00:21:54,040 det skifter umiddelbart til farvel, ikke sant? 447 00:21:54,040 --> 00:21:55,910 Fordi den venter ikke på noe. 448 00:21:55,910 --> 00:21:59,200 Liksom så snart det skriptet går det endrer det til farvel. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Så nå la oss pakke det i en funksjon. 451 00:22:03,790 --> 00:22:04,290 Høyre. 452 00:22:04,290 --> 00:22:06,270 Så vi kommer til å ønske for å gjøre en funksjon. 453 00:22:06,270 --> 00:22:08,160 Vi kaller det farvel. 454 00:22:08,160 --> 00:22:11,570 Så funksjon farvel er kommer til å ta noen argumenter 455 00:22:11,570 --> 00:22:14,170 og det er egentlig ikke kommer til å returnere noe. 456 00:22:14,170 --> 00:22:18,850 Og det er bare kommer til gjøre det i Javascript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Utmerket. 459 00:22:23,140 --> 00:22:27,000 Så vår funksjon farvel nå endrer teksten til farvel, ikke sant? 460 00:22:27,000 --> 00:22:28,930 Så dette gir oss en måte til utgangspunktet endring 461 00:22:28,930 --> 00:22:32,871 at tekst til farvel når vi kalte den funksjonen. 462 00:22:32,871 --> 00:22:33,370 Høyre? 463 00:22:33,370 --> 00:22:35,290 Så dette er ganske kult. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Vel, vi kan også bare være sikker 465 00:22:37,430 --> 00:22:41,040 som nå siden vi ikke kaller det funksjon, hvis vi oppdatere siden, 466 00:22:41,040 --> 00:22:44,460 legge merke til at det ikke kommer å endre teksten. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimers: Excellent. 468 00:22:45,509 --> 00:22:47,800 Så nå skal vi starte å komme inn som Leap stuff 469 00:22:47,800 --> 00:22:49,880 at vi snakket om. 470 00:22:49,880 --> 00:22:52,240 Så Armi, vil du ta det herfra eller? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Yeah. 472 00:22:52,640 --> 00:22:53,139 Sikker. 473 00:22:53,139 --> 00:22:56,260 Jeg sannsynligvis kommer til å trenge å dobbeltsjekke ting, 474 00:22:56,260 --> 00:22:58,250 men for eksempel huske vi sa vi ønsket 475 00:22:58,250 --> 00:23:02,627 for å være sikker på Options vi satt aktiver gester 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimers: God fangst. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: For å være sant. 478 00:23:06,250 --> 00:23:08,960 Og så ble vi anbefale at dere ville 479 00:23:08,960 --> 00:23:12,230 kjøre sprang dot loop, som som vi sa tidligere, 480 00:23:12,230 --> 00:23:18,140 har to alternativer, en JSON objekt som er alternativene for hvordan du vil 481 00:23:18,140 --> 00:23:22,030 å konfigurere Leap Motion til arbeid, og deretter en funksjon som er 482 00:23:22,030 --> 00:23:27,640 kommer til å fange en ramme som en tilbakeringing funksjon som Tomas sa. 483 00:23:27,640 --> 00:23:30,470 Og deretter redigere hva du vil å gjøre med denne funksjonen. 484 00:23:30,470 --> 00:23:33,890 >> Så vi passere i alternativet og nå definerer vi 485 00:23:33,890 --> 00:23:36,117 en funksjon som vil ta i en ramme. 486 00:23:36,117 --> 00:23:38,200 Og nå må vi definere hva den funksjonen gjør. 487 00:23:38,200 --> 00:23:42,569 Det er også av hensyn til den fremtiden, gjør at for å være sikker. 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimers: Excellent. 489 00:23:43,610 --> 00:23:45,940 Så nå har vi dette sprang dot sløyfe funksjon 490 00:23:45,940 --> 00:23:52,420 kalle som i utgangspunktet sier se Leap med disse alternativene, og hver gang 491 00:23:52,420 --> 00:23:55,710 noe endres, må dette funksjonsramme med alle data 492 00:23:55,710 --> 00:23:59,510 at du er klar over i rammen. 493 00:23:59,510 --> 00:24:01,320 Høres ganske bra. 494 00:24:01,320 --> 00:24:03,680 Så nå rask mental helse sjekk, som jeg alltid anbefaler, 495 00:24:03,680 --> 00:24:07,020 er i at bare sette konsoll dot log ramme. 496 00:24:07,020 --> 00:24:10,320 Og deretter i Chrome åpne den opp og se på konsollen 497 00:24:10,320 --> 00:24:13,870 og leke seg med Leap å se den rammer blir loggført fordi det vil 498 00:24:13,870 --> 00:24:16,300 får du en ide om hva data du har tilgang til. 499 00:24:16,300 --> 00:24:20,680 Og som alltid hvis du blir forvirret, se opp API referanse. 500 00:24:20,680 --> 00:24:23,430 Og vi vil inkludere link for at det ved utgangen av denne. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Så vi oppdatere siden og deretter 502 00:24:26,300 --> 00:24:28,880 vi går og åpne opp konsollen igjen. 503 00:24:28,880 --> 00:24:33,590 Og nå ser vi at vi er ha rammer vedtatt i, 504 00:24:33,590 --> 00:24:37,834 disse små stedene vi så tidligere. 505 00:24:37,834 --> 00:24:38,690 Så ja. 506 00:24:38,690 --> 00:24:42,870 Dette er våre rammer dukke opp i konsollen. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Så nå som vi har fanget rammer, som du kanskje husker tidligere 509 00:24:46,970 --> 00:24:51,800 fra eksempelet som vi hadde, hvis vi sjekker ramme dot gester 510 00:24:51,800 --> 00:24:56,270 vi får oversikt over bevegelser som rammen sist fanget. 511 00:24:56,270 --> 00:25:01,510 Vi kan kontrollere lengden av den oppstillingen for å se om Leap fanget noen gester. 512 00:25:01,510 --> 00:25:05,010 Så hvis denne matrisen er større enn null så vi 513 00:25:05,010 --> 00:25:07,570 vet at vi har noen ting å gjøre. 514 00:25:07,570 --> 00:25:15,040 >> Så la oss bryte det opp i en hvis tilstand og nå i her hva vi vet er vi 515 00:25:15,040 --> 00:25:20,390 har sett en gest, la oss handle på det. 516 00:25:20,390 --> 00:25:25,721 Så nå som vi er i her vi ha en gest for å sjekke ut. 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimers: Vel, den første tingen er at det er ikke bare ett gest, 518 00:25:28,470 --> 00:25:29,840 det kan være så mange bevegelser. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Veldig sant. 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimers: Så per klassisk C stil her 521 00:25:33,340 --> 00:25:36,334 vi vil sannsynligvis ønske å bruke en for loop. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Her er vi da. 523 00:25:37,750 --> 00:25:42,870 Vi bestemte oss for å iterere gjennom bevegelser. 524 00:25:42,870 --> 00:25:46,412 Og la oss se. 525 00:25:46,412 --> 00:25:49,380 jeg pluss, pluss. 526 00:25:49,380 --> 00:25:56,150 Og nå om vi kanskje gjort bare et var gest lik 527 00:25:56,150 --> 00:26:01,210 ramme dot gester brakett jeg, nå har vi 528 00:26:01,210 --> 00:26:06,260 gest selv, som er bare ett enkelt forekomst av en gest objekt 529 00:26:06,260 --> 00:26:10,582 for oss å jobbe med innsiden av denne for sløyfen. 530 00:26:10,582 --> 00:26:12,869 OK. 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimers: La oss tilregnelighet sjekk her igjen og bare trøste 532 00:26:15,410 --> 00:26:17,370 dot logge gest for å se hva vi får. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konsoll dot log gest. 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 Og oppdatere en gang til. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Og la oss prøve å lage en gest. 538 00:26:30,030 --> 00:26:34,600 Du vil se at en gjeng av, når han rapper, 539 00:26:34,600 --> 00:26:39,780 du får en haug med gester i konsoll og hvis han prøver å gjøre en sirkel, 540 00:26:39,780 --> 00:26:40,470 det er just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Circles er bare veldig hyggelig. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimers: Nå er det en merkelig ting her, som han gjør en sirkel, 543 00:26:45,000 --> 00:26:48,730 men dette er logging 80 gester, ikke sant? 544 00:26:48,730 --> 00:26:50,070 Det er mye av gester. 545 00:26:50,070 --> 00:26:53,560 Så den første typen ting til realisere, og dette kan være forvirrende, 546 00:26:53,560 --> 00:26:57,050 er at en gest er ikke bare logget en gang. 547 00:26:57,050 --> 00:27:01,107 >> På hver ramme, høyre, så hvis jeg gjør en sirkel 548 00:27:01,107 --> 00:27:02,940 Leap vil oppdage dette er en endring, fra denne 549 00:27:02,940 --> 00:27:04,398 er en endring fra dette er en endring. 550 00:27:04,398 --> 00:27:05,970 Og det vil logge hver og en av disse. 551 00:27:05,970 --> 00:27:08,200 Men i hver og en av dem, det kommer til å si, oh, 552 00:27:08,200 --> 00:27:10,050 det er en gest for tiden pågår. 553 00:27:10,050 --> 00:27:14,260 Så la meg bare si, hei, det er en gest, og det er for tiden pågår. 554 00:27:14,260 --> 00:27:17,000 Så det vi ikke ønsker å gjøre er å si, oh, på hver og en 555 00:27:17,000 --> 00:27:19,370 av disse bevegelsene du ønsker å endre teksten. 556 00:27:19,370 --> 00:27:23,660 Hva vi ønsker å gjøre er når det gest stopper, og vi kan se etter det, 557 00:27:23,660 --> 00:27:24,974 så vi ønsker å endre teksten. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Så som Tomas er forklare disse bevegelsene 560 00:27:30,550 --> 00:27:33,580 kan vises gjennom flere rammer, men f.eks 561 00:27:33,580 --> 00:27:36,200 når vi skulle ha den sirkelen, kan vi se 562 00:27:36,200 --> 00:27:40,140 at ID for at en enkelt sirkel som vi 563 00:27:40,140 --> 00:27:43,950 kan ha prøvd å fullføre var den samme ID hele. 564 00:27:43,950 --> 00:27:46,320 Og faktisk, kan du også sjekk ut statusen. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 oppdatert. 567 00:27:50,270 --> 00:27:55,680 >> Og så dette er trolig den siste sirkel som, oh, vel, OK. 568 00:27:55,680 --> 00:28:00,480 Så noen ganger det viser deg en status av å stoppe en gest 569 00:28:00,480 --> 00:28:04,180 og det viser deg også en status å starte en ny gest når 570 00:28:04,180 --> 00:28:09,140 den gjenkjenner sikkert at du har startet en ny gest. 571 00:28:09,140 --> 00:28:10,637 For eksempel i dette tilfellet. 572 00:28:10,637 --> 00:28:11,470 TOMAS Reimers: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Så ja. 574 00:28:12,511 --> 00:28:14,420 Og så, la oss se. 575 00:28:14,420 --> 00:28:16,490 Du kan også legge merke til men vi gjør 576 00:28:16,490 --> 00:28:22,179 en sirkel og gest har et felt som kalles typen 577 00:28:22,179 --> 00:28:23,970 som forteller oss hva slags gest som er. 578 00:28:23,970 --> 00:28:27,829 Så det kan være nyttig for oss du prøver og gjøre det vi gjør. 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimers: So overgangen tilbake til JS, 580 00:28:29,620 --> 00:28:31,696 det første som slår meg også, bare å lese gjennom denne koden 581 00:28:31,696 --> 00:28:34,340 er det en liten optimalisering, som er vi faktisk 582 00:28:34,340 --> 00:28:35,980 trenger ikke dette hvis tilstanden, ikke sant? 583 00:28:35,980 --> 00:28:39,330 Fordi hvis ramme dot gester dot lengde er lik null, som for største sløyfe 584 00:28:39,330 --> 00:28:40,450 ikke kommer til å kjøre uansett. 585 00:28:40,450 --> 00:28:43,100 Så vi kan like godt bare gå videre og bli kvitt det. 586 00:28:43,100 --> 00:28:46,620 Igjen, mens du skriver koden det er viktig å gå tilbake og sortere 587 00:28:46,620 --> 00:28:50,330 av refactor som du innser at du kunne ha gjort noe bedre, 588 00:28:50,330 --> 00:28:53,370 eller at det er en annen måte å gjøre det. 589 00:28:53,370 --> 00:28:57,170 Så nå er vi bare nødt til å rense dette opp raskt og også rydde opp koden din. 590 00:28:57,170 --> 00:28:58,310 Det er en stor avtale. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Bra stilen er veldig kjekt. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimers: Du kan alltid fortelle når noen 593 00:29:01,828 --> 00:29:05,240 har koden der det pleide å være en if tilstand og da de fjernet den, 594 00:29:05,240 --> 00:29:07,530 men de gjorde ikke uncomment det. 595 00:29:07,530 --> 00:29:10,147 Det er veldig tydelig og den slags ser stygg. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Så hva er neste på vår å gjøre listen? 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimers: Så nå som vi sier, Jeg antar det første vi vil gjøre 598 00:29:15,479 --> 00:29:17,970 er å sørge for at det gest s faktisk et sveip, ikke sant? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Yeah. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimers: Så hvis vi sier at vår farvel er typen som en sveip, 601 00:29:21,750 --> 00:29:25,280 vi vil gå med det er en sveip, den første vi trenger å si er, hei, 602 00:29:25,280 --> 00:29:27,410 er det gest skriv et sveip, ikke sant? 603 00:29:27,410 --> 00:29:30,860 Ikke en sirkel eller en topp, men er det en sveip? 604 00:29:30,860 --> 00:29:34,280 Så måten vi kan gjøre det er vi kan si gest 605 00:29:34,280 --> 00:29:38,530 dot typen lik lik sveip som en streng. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [uhørbart] gest dot typen lik lik sveip. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Det er vi. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimers: Og så det siste spørsmålet 610 00:29:49,438 --> 00:29:53,170 vi ønsker å se er gest dot tilstand lik lik stopp, ikke sant? 611 00:29:53,170 --> 00:29:55,860 Så det er da gest er blitt stoppet. 612 00:29:55,860 --> 00:29:58,490 Jeg tror faktisk for sveip, jeg vet dette på toppen av hodet mitt, 613 00:29:58,490 --> 00:30:00,340 men du er velkommen til slå det opp, når du 614 00:30:00,340 --> 00:30:05,627 Swipe hver gang den registrerer det til du stopper er en start gest. 615 00:30:05,627 --> 00:30:07,460 Og så den siste ens bare en stopp gest. 616 00:30:07,460 --> 00:30:11,090 Så det vil bare være ett stopp gest, som er flott for oss. 617 00:30:11,090 --> 00:30:17,180 Så det vi kan gjøre er å si om gest dot skriver lik lik sveip og gest dot 618 00:30:17,180 --> 00:30:19,950 status lik lik stoppe, så la oss tilregnelighet 619 00:30:19,950 --> 00:30:21,725 sjekk her trøste dot log gest. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Så vil vi gå tilbake hit. 622 00:30:30,790 --> 00:30:33,570 Vi vil oppdatere siden. 623 00:30:33,570 --> 00:30:38,380 Og nå er den eneste gangen noe bør være konsoll dot logget er når vi sveiper. 624 00:30:38,380 --> 00:30:40,780 Og vi prøver å sveipe og vi ser ingenting. 625 00:30:40,780 --> 00:30:41,280 Høyre? 626 00:30:41,280 --> 00:30:43,990 Så dette er faktisk et stort problem. 627 00:30:43,990 --> 00:30:47,560 Vi er ikke ser hva vi forventet å. 628 00:30:47,560 --> 00:30:49,356 Og debugging kan være en stor del av dette. 629 00:30:49,356 --> 00:30:51,980 Så det første vi kommer å si er, OK, la oss trøste dot 630 00:30:51,980 --> 00:30:54,568 logge det hvis gest dot skriver lik lik sveip. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Ja, la oss gjøre det. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimers: Så vi er kommer til å gå tilbake til dette. 634 00:31:02,020 --> 00:31:03,140 Vi vil oppdatere. 635 00:31:03,140 --> 00:31:04,020 Vi vil sveipe. 636 00:31:04,020 --> 00:31:05,150 Og vi kommer til å se en haug av dem. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Så klart var problemet med vår gest dot status. 639 00:31:08,710 --> 00:31:14,000 Så hvis vi åpner opp en av disse vi vil ser i objektene, og vi får se, 640 00:31:14,000 --> 00:31:18,700 vel, det er en stopp, men, oh, det heter staten, ikke status. 641 00:31:18,700 --> 00:31:21,890 Så hvis vi hodet tilbake til vår kode vi kan si 642 00:31:21,890 --> 00:31:27,780 hvis gest dot typen lik lik sveip og gest dot tilstand lik lik stopp, 643 00:31:27,780 --> 00:31:29,160 så får vi trøste dot logge det. 644 00:31:29,160 --> 00:31:30,940 Og så oppdatere. 645 00:31:30,940 --> 00:31:31,856 Vi sveiper. 646 00:31:31,856 --> 00:31:33,730 Og vi vil se at på hvert sveip, vi er bare 647 00:31:33,730 --> 00:31:36,247 får en, som er enden, som er bra, ikke sant? 648 00:31:36,247 --> 00:31:37,080 Det er det vi ønsker. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Jepp. 650 00:31:37,955 --> 00:31:42,640 Og vi kan også legge merke til at de IDer for hver av disse bevegelsene er atskilt. 651 00:31:42,640 --> 00:31:47,470 Så som Tomas sa fordi vi er fange dette ett stopp tilstand som 652 00:31:47,470 --> 00:31:52,850 finnes på slutten av en sveip, vi er får individuelle separate gester 653 00:31:52,850 --> 00:31:54,441 fra Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Stor. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS Reimers: La oss gå videre og bare gjøre den siste ting, som er, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Farvel. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS Reimers: Awesome. 659 00:32:06,425 --> 00:32:08,925 Og nå la oss sjekke ut vår hjemmeside. 660 00:32:08,925 --> 00:32:09,425 Ett 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Second. 662 00:32:09,730 --> 00:32:11,271 Vi gjorde, ja, vi kaller det farvel. 663 00:32:11,271 --> 00:32:11,920 Stor. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimers: Nei, Farvel er en reell funksjon. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Yeah. 666 00:32:14,406 --> 00:32:15,670 La oss gjøre det. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimers: Og når vi vinke farvel, sier farvel. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Vi har seier. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimers: Så ganske spennende ting. 670 00:32:25,632 --> 00:32:28,590 Forhåpentligvis kan du bygge noe annet, men du får ideen om, ikke sant? 671 00:32:28,590 --> 00:32:30,260 Du kan oppdage bevegelser. 672 00:32:30,260 --> 00:32:31,469 Du kan ringe funksjoner. 673 00:32:31,469 --> 00:32:34,510 Og fra den som virkelig gir deg noen veldig grunnleggende byggesteiner 674 00:32:34,510 --> 00:32:38,800 å si, oh, kanskje når de swipe opp, fordi du kan også oppdage ting 675 00:32:38,800 --> 00:32:39,674 lignende retning. 676 00:32:39,674 --> 00:32:40,840 Jeg vil at de skal gjøre noe. 677 00:32:40,840 --> 00:32:43,470 Eller når de swipe rett, jeg vil de skal gjøre noe. 678 00:32:43,470 --> 00:32:45,880 Og vi kan begynne å få kreativ med hvordan akkurat 679 00:32:45,880 --> 00:32:48,840 vi kommer til å forbedre vår hjemmeside ved hjelp av disse swipe gester eller sirkel 680 00:32:48,840 --> 00:32:53,695 gester, eller trykk gester, enten nøkkel kraner eller trykk på skjermen. 681 00:32:53,695 --> 00:32:56,070 Og så annet enn at du er mer enn velkommen til å spille 682 00:32:56,070 --> 00:32:59,640 med de faktiske data, men hvis du ønsker å gjøre 683 00:32:59,640 --> 00:33:03,870 at vi foreslår at du går til docs fordi de er faktisk veldig bra. 684 00:33:03,870 --> 00:33:05,034 Så ledet til docs nå. 685 00:33:05,034 --> 00:33:06,450 Eller ønsker du å snakke om det? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Yeah. 687 00:33:06,940 --> 00:33:07,920 La oss gjøre det. 688 00:33:07,920 --> 00:33:13,680 Også en annen godbit av råd, prøver og tenke på dette i 3D. 689 00:33:13,680 --> 00:33:22,611 Så egentlig la oss trekke opp de gester en gang til konsoll dot log gest 690 00:33:22,611 --> 00:33:24,290 og vi gjør det. 691 00:33:24,290 --> 00:33:29,460 Kom igjen og nå la oss prøve en par av disse, par av dem. 692 00:33:29,460 --> 00:33:32,940 >> Hvis vi går inn og sjekke ut disse bevegelsene så vel 693 00:33:32,940 --> 00:33:36,830 som du kan se at de er dimensionality 694 00:33:36,830 --> 00:33:38,980 er i tre retninger, faktisk. 695 00:33:38,980 --> 00:33:42,500 Så ikke bare begrense selv til en 2D skjerm 696 00:33:42,500 --> 00:33:45,200 selv om du kanskje være på en 2D nettside. 697 00:33:45,200 --> 00:33:49,152 Du kan prøve og tenke hvordan en bruker kan samhandle med nettstedet i 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS Reimers: I et 3D-rom. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Nettopp. 700 00:33:51,401 --> 00:33:52,310 Og ja. 701 00:33:52,310 --> 00:33:55,350 Så du får retninger, hastigheter, alle disse kule biter av informasjon. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimers: Og hvis du ikke kjent med at det går x, y, 703 00:33:58,890 --> 00:34:01,566 og deretter z er denne siste dimensjonen. 704 00:34:01,566 --> 00:34:04,690 Bare noe som du sannsynligvis er kjent med hvis du har jobbet med 3D 705 00:34:04,690 --> 00:34:05,731 koordinere flyene før. 706 00:34:05,731 --> 00:34:09,565 Hvis du ikke har, er det det samme som en 2D bortsett fra det er en tredje dimensjon. 707 00:34:09,565 --> 00:34:11,420 Vi kaller det z. 708 00:34:11,420 --> 00:34:16,449 Og alt, liksom liker retning, som er der den skal, 709 00:34:16,449 --> 00:34:19,810 position-- jeg tror det kanskje selv utsette akselerasjon, jeg er ikke sikker. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ja, tror jeg. 711 00:34:21,341 --> 00:34:22,340 Det har definitivt fart. 712 00:34:22,340 --> 00:34:25,699 Jeg er faktisk ikke 100% sikker på om akselerasjon. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimers: Det kan være et alternativ du kan gi videre til noe. 714 00:34:28,810 --> 00:34:33,409 Så posisjon og hastighet er utsatt i disse slags tre koordinater. 715 00:34:33,409 --> 00:34:38,812 Så x, y, z eller delta x, delta y, delta z. 716 00:34:38,812 --> 00:34:44,130 Så nå ledet til dokumentasjon det er developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 og deretter kan du klikke Dokumentasjon. 718 00:34:46,460 --> 00:34:50,010 Igjen, har Leap Motion alle disse fantastiske APIer, ett for Javascript, 719 00:34:50,010 --> 00:34:53,750 en for C Sharp og Unity, en for C ++, ett for Java, ett for Python, 720 00:34:53,750 --> 00:34:59,020 og ett for Objective C. Jeg personlig ville presse deg mot Java 721 00:34:59,020 --> 00:35:01,280 eller hvis du ønsker å lære et nytt språk, prøv Python. 722 00:35:01,280 --> 00:35:05,910 Begge disse språkene jeg har jobbet med før og de er veldig lett å lære 723 00:35:05,910 --> 00:35:10,250 og du allerede vet Javascript, som gjør den til en virkelig god kandidat. 724 00:35:10,250 --> 00:35:12,930 >> Ett ord av forsiktighet når du skriver inn docs. 725 00:35:12,930 --> 00:35:15,940 Sørg for at du er på Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Fordi hvis du er på versjon en, vil det ikke fungere. 727 00:35:20,250 --> 00:35:21,830 Også for eksempel galleriet. 728 00:35:21,830 --> 00:35:25,100 Vi brukte en god 30 minutter prøver debug vår Leap 729 00:35:25,100 --> 00:35:28,640 før vi innså at V1 fungerer ikke med V2. 730 00:35:28,640 --> 00:35:31,660 Så bare sørg for at du er på versjon to. 731 00:35:31,660 --> 00:35:33,904 Og så skal jeg la ham vise dine docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Yeah. 733 00:35:34,820 --> 00:35:39,480 Så her er det API oversikt og deretter noen biter av informasjon 734 00:35:39,480 --> 00:35:41,420 at vi allerede har fortalt deg. 735 00:35:41,420 --> 00:35:44,270 Fin liten flytende hendene over en Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Og en påminnelse om å tenke om plass i 3D. 737 00:35:47,850 --> 00:35:53,140 En av de første stedene å tenke på med Leap Motion er hender, selvfølgelig. 738 00:35:53,140 --> 00:35:57,060 Vi så de som er ført av Visualizer. 739 00:35:57,060 --> 00:35:59,180 Og så har du kanskje sett at det anerkjent 740 00:35:59,180 --> 00:36:03,202 del av håndleddet og arm knyttet til den. 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimers: Hvis du vil å trekke opp Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Ja, la oss gjøre det igjen. 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimers: Du kan se, alltid bare en god påminnelse om å liksom se, 744 00:36:10,148 --> 00:36:14,060 visualizeren prøver å vise alle data som Leap ser. 745 00:36:14,060 --> 00:36:17,606 Så vil du se at vi har disse slags fire punkter 746 00:36:17,606 --> 00:36:19,230 ved håndleddet og deretter selve håndleddet. 747 00:36:19,230 --> 00:36:21,625 Og du har også denne ballen på håndflaten. 748 00:36:21,625 --> 00:36:24,000 Alle disse punkter gjenkjenne anerkjent av spranget. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Nettopp. 750 00:36:25,041 --> 00:36:32,300 Og så med den hånden objekt hver ramme har en hånd matrise 751 00:36:32,300 --> 00:36:36,470 samt hvor du kan også få venstre og høyre hånd. 752 00:36:36,470 --> 00:36:39,410 Du kan få som retning hendene er 753 00:36:39,410 --> 00:36:42,410 vendt med den normale retning av håndflaten, 754 00:36:42,410 --> 00:36:45,470 eller som de kaller det håndflaten normalt. 755 00:36:45,470 --> 00:36:46,510 Hva annet har vi? 756 00:36:46,510 --> 00:36:48,120 Vi også, oops. 757 00:36:48,120 --> 00:36:50,640 La oss prøve og bla ned på denne måten. 758 00:36:50,640 --> 00:36:54,410 Armene, fingrene er representert ved finger 759 00:36:54,410 --> 00:36:57,890 klasse, som er en justerbare objekt. 760 00:36:57,890 --> 00:37:01,420 Så som vi sier, så vi at rekke pointables for hver hånd. 761 00:37:01,420 --> 00:37:04,240 De er den lille fingrene til å tenke på. 762 00:37:04,240 --> 00:37:09,809 Så dette er en god oversikt til å gå gjennom å prøve og forstå. 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimers: [uhørbart] hånd anatomi der oppe. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ja, akkurat. 765 00:37:13,680 --> 00:37:14,220 Så ja. 766 00:37:14,220 --> 00:37:18,150 Det er mye av rådata som den Leap Motion tar i tolker vel 767 00:37:18,150 --> 00:37:20,750 for deg, så det er en stor idé å gå gjennom her 768 00:37:20,750 --> 00:37:25,300 og prøve og finne ut hvordan Leap har allerede funnet ut ting for deg 769 00:37:25,300 --> 00:37:28,830 og så hvilken informasjon du har tilgjengelig derfra. 770 00:37:28,830 --> 00:37:33,150 Og deretter fra det jeg vil anbefale gå inn i denne venstre delen over her, 771 00:37:33,150 --> 00:37:39,210 som går, vel egentlig ikke, de er faktisk bare mer API ting om-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimers: API referansen på Bunnen er vanligvis et bra sted å gå. 773 00:37:42,670 --> 00:37:45,720 Dere sannsynligvis så dette når vi gjorde Google Maps PSet. 774 00:37:45,720 --> 00:37:48,590 Men referanse virkelig bare går gjennom alle 775 00:37:48,590 --> 00:37:54,540 av funksjonene og parametere tilgjengelig i objektet til deg. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Yeah. 777 00:37:55,500 --> 00:37:57,740 For eksempel, er dette hva Jeg var ute etter før. 778 00:37:57,740 --> 00:38:01,030 Når vi har en hånd vi kan gå og finne ut 779 00:38:01,030 --> 00:38:03,750 hvordan Leap anbefaler for oss å finne en hånd. 780 00:38:03,750 --> 00:38:06,080 Som jeg sa tidligere, vi har en hands array. 781 00:38:06,080 --> 00:38:10,340 Finne ut om vi har hender og deretter prøve og hente en enkelt hånd 782 00:38:10,340 --> 00:38:12,410 å samvirke med på den måten. 783 00:38:12,410 --> 00:38:16,540 Så det er det vi anbefale for dere. 784 00:38:16,540 --> 00:38:18,400 Gester og sånt også. 785 00:38:18,400 --> 00:38:23,857 Dette API-dokumentasjon skal være et fantastisk verktøy for dere. 786 00:38:23,857 --> 00:38:25,440 Har du noen andre anbefalinger? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimers: jeg ikke. 788 00:38:26,398 --> 00:38:27,590 Jeg tror det er bra for nå. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Ja, Jeg tror det også. 790 00:38:29,340 --> 00:38:33,330 Gjerne send oss ​​og få kontakt om Leap Motion 791 00:38:33,330 --> 00:38:36,210 hvis du har kanskje noen problemer eller trenger noen anbefalinger. 792 00:38:36,210 --> 00:38:40,310 Og vi kan prøve og finne ting ut med dere også. 793 00:38:40,310 --> 00:38:40,810 Takk. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS Reimers: Great. 795 00:38:42,360 --> 00:38:42,880