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å hej, alle. 4 00:00:13,230 --> 00:00:14,300 Mit navn 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 Rart at se dig fyre. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Så vi kommer til at tale om Leap Motion i dag. 10 00:00:20,740 --> 00:00:22,800 Så Leap Motion er en virkelig cool produkt, 11 00:00:22,800 --> 00:00:25,900 lader dig interagere med et computer på en anden måde. 12 00:00:25,900 --> 00:00:28,560 Så hele idéen bag spring bevægelse er, at du 13 00:00:28,560 --> 00:00:31,430 kan bruge dine hænder til interagere med computeren. 14 00:00:31,430 --> 00:00:33,610 Så lige her jeg har noget sat op. 15 00:00:33,610 --> 00:00:34,790 Jeg vil tale om det i en smule. 16 00:00:34,790 --> 00:00:37,540 Men den grundlæggende version er du kan se, at jeg har mine hænder foran 17 00:00:37,540 --> 00:00:42,840 af min computer, og når jeg flytter dem, du får det analoge på computeren 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 lave fagter. 20 00:00:46,230 --> 00:00:49,176 Du kan bruge dine hænder til interagere med computeren 21 00:00:49,176 --> 00:00:50,300 i ny og interessant måde. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Tja, jeg faktisk først ønsker at passere til Armi 24 00:00:57,520 --> 00:01:00,400 til at vise dig nogle seje demoer af hvad nogle mennesker har gjort med dette. 25 00:01:00,400 --> 00:01:02,816 Og så vil vi tale om, hvordan du faktisk kode med dette. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Ja. 27 00:01:04,800 --> 00:01:05,300 Hej. 28 00:01:05,300 --> 00:01:08,870 Så som vi så, lille data her, men lad os se 29 00:01:08,870 --> 00:01:11,680 hvad nogle mennesker har gjort med dette. 30 00:01:11,680 --> 00:01:15,130 Så lad mig bare åbne dette eksempel. 31 00:01:15,130 --> 00:01:20,770 Og så, så, for eksempel, kan du se min hånd analog der, men nu er denne gang 32 00:01:20,770 --> 00:01:26,680 nogle mennesker, der bruger Unity har besluttet at sætte lidt mere hud 33 00:01:26,680 --> 00:01:28,670 og ting omkring hånden. 34 00:01:28,670 --> 00:01:35,900 Så jeg kan, lad os gå med denne ene, sikker, har mine hænder interagere. 35 00:01:35,900 --> 00:01:41,050 Og du kan sikkert forestille sig en par andre seje nyttige ting 36 00:01:41,050 --> 00:01:42,840 at du kan gøre med dette. 37 00:01:42,840 --> 00:01:45,530 Så det er mindst et eksempel. 38 00:01:45,530 --> 00:01:48,910 Og så lad os springe ud af dette. 39 00:01:48,910 --> 00:01:56,590 >> Og så en anden kølig én er, lad os gå med denne ene. 40 00:01:56,590 --> 00:01:58,390 Plasmo bold. 41 00:01:58,390 --> 00:02:03,510 Igen, ville vi ikke nødvendigvis forventer dette niveau af kompleksitet 42 00:02:03,510 --> 00:02:06,450 fra et afsluttende projekt for CS50. 43 00:02:06,450 --> 00:02:10,029 Dette er blot for at vise dig nogle af de, giver jer 44 00:02:10,029 --> 00:02:14,570 lidt inspiration til, hvad du fyre kan gøre med Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Så for eksempel her er en cool fysik eksempel, som der vi gå. 46 00:02:20,500 --> 00:02:24,305 Har begge mine hænder, så nu er du har denne lille plasma bold. 47 00:02:24,305 --> 00:02:31,030 Og bolden reagerer på fysik af mig at flytte min hånd rundt om bolden. 48 00:02:31,030 --> 00:02:36,920 Nu er alle selvom at bruge Unity, hjælp slags værktøjer og rammer 49 00:02:36,920 --> 00:02:39,510 at vi ikke har lært du fyre i klassen, 50 00:02:39,510 --> 00:02:46,590 men som du kan se nogle ret køligt køre throughs med det. 51 00:02:46,590 --> 00:02:51,750 >> Men én ting, du fyre kan gøre starter ud lige nu med Leap Motion 52 00:02:51,750 --> 00:02:53,260 er arbejde i JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion har en JavaScript API, du fyre kan bruge, og vi meget, meget 54 00:02:58,960 --> 00:03:02,040 anbefaler, at du fyre bygge dine projekter ved hjælp af det. 55 00:03:02,040 --> 00:03:04,350 Så med det, lad mig passere det tilbage ud til Tomas 56 00:03:04,350 --> 00:03:06,582 at tale 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 har du lyst til at vise dem Visualizer først? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Åh ja. 60 00:03:09,670 --> 00:03:10,170 Ja. 61 00:03:10,170 --> 00:03:11,900 Lad os tale mere om det Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Så på en mest basale niveau, når du først får til Leap Motion 63 00:03:14,983 --> 00:03:16,940 du vil have dette felt. 64 00:03:16,940 --> 00:03:18,330 Her vil have mig til at tage kontrol? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Ja, gå til den. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Så når du først kommer til Leap Motion 67 00:03:20,530 --> 00:03:21,780 du vil have dette felt. 68 00:03:21,780 --> 00:03:24,460 Det har en anordning, som ser noget som dette. 69 00:03:24,460 --> 00:03:28,990 Du sætter det ind i din computer, installere de nødvendige drivere, 70 00:03:28,990 --> 00:03:30,950 og så vil det som udgangspunkt blive oprettet. 71 00:03:30,950 --> 00:03:34,160 Så den nemmeste måde at sortere af aftale med Leap Motion 72 00:03:34,160 --> 00:03:39,240 er åbne dette program det installeres kaldet Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Og Visualizer er bogstaveligt talt hvad jeg viser her. 74 00:03:41,490 --> 00:03:45,340 Det giver dig mulighed for at se den skelet omrids af dine hænder. 75 00:03:45,340 --> 00:03:49,940 Og hvad Leap Motion fortolker dem som. 76 00:03:49,940 --> 00:03:53,750 Så Leap Motion bruger kameraet at sortere i se på dine hænder 77 00:03:53,750 --> 00:03:59,176 og så den forsøger at gætte, hvad grundlæggende skelet sammensætning, som du 78 00:03:59,176 --> 00:04:00,460 ser på skærmen er. 79 00:04:00,460 --> 00:04:01,669 Og det er, hvad det viser dig. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Hver enkelt lille punkt 81 00:04:03,418 --> 00:04:06,580 og ting, som du ser der er data, der er til rådighed for jer 82 00:04:06,580 --> 00:04:07,270 samt at bruge. 83 00:04:07,270 --> 00:04:09,670 Så du kan se, at det er opfange, at Tomas 84 00:04:09,670 --> 00:04:12,160 har fem fingre på hver disse forskellige fingre 85 00:04:12,160 --> 00:04:17,110 er også tilgængelige for dig som data point til brug i enhver ansøgning 86 00:04:17,110 --> 00:04:18,256 som du måske ønsker. 87 00:04:18,256 --> 00:04:20,339 Hvis du ønsker at se, om nogen laver en thumbs up 88 00:04:20,339 --> 00:04:23,860 du kan se, om deres fingre er krøllede og uanset om de er 89 00:04:23,860 --> 00:04:25,850 tommelfinger finger peger opad, eller hvis 90 00:04:25,850 --> 00:04:30,037 deres håndled eller håndfladen er og den slags 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 nogle fagter det forstår bedre end andre. 93 00:04:35,186 --> 00:04:38,310 Husk, at det er at se på din hånd fra på et kamera fra bunden, 94 00:04:38,310 --> 00:04:41,630 så når du har dine hænder som dette det forstår dem fuldt ud, 95 00:04:41,630 --> 00:04:44,509 men når du begynder at forsøge at gøre en Tommelfinger op, nogle gange er det læser det, 96 00:04:44,509 --> 00:04:47,550 nogle gange kan det gætte, men ærligt kameraet kan bare ikke se tommelfingeren. 97 00:04:47,550 --> 00:04:49,810 Så det er ikke rigtig sikker på, hvad der sker. 98 00:04:49,810 --> 00:04:54,910 Blot nogle begrænsninger at huske på når du udvikler med dette. 99 00:04:54,910 --> 00:04:56,540 >> Anyway, så gå tilbage til denne. 100 00:04:56,540 --> 00:04:59,040 Den Visualizer faktisk har en masse nyttige værktøjer. 101 00:04:59,040 --> 00:05:01,780 Så Leap Motion er programmeret på en sådan måde 102 00:05:01,780 --> 00:05:04,280 at de ikke forventer du at interagere med denne billeddata. 103 00:05:04,280 --> 00:05:06,230 De gør ikke rigtig forventer du at forstå 104 00:05:06,230 --> 00:05:08,060 hvad der sker bag kulisserne. 105 00:05:08,060 --> 00:05:11,620 Hvad de gør, er eksponere en flok API'er for dig 106 00:05:11,620 --> 00:05:13,420 sådan, at du kan interagere med disse data 107 00:05:13,420 --> 00:05:18,400 direkte uden forståelse hvad der foregår under kølerhjelmen. 108 00:05:18,400 --> 00:05:27,790 >> Så hvis vi ramt H her i Visualizer vil du se en masse muligheder. 109 00:05:27,790 --> 00:05:35,450 Det vigtige ene her selv er, hvis du rammer O og derefter ramte H, 110 00:05:35,450 --> 00:05:38,080 vil du se, at det kan du tegne fagter. 111 00:05:38,080 --> 00:05:43,380 Så en gestus, vil du se det trækker en pil tværs. 112 00:05:43,380 --> 00:05:47,010 En gestus er en af ​​de måder, som Leap Motion slags lader dig komme på data 113 00:05:47,010 --> 00:05:48,462 uden at skulle behandle den. 114 00:05:48,462 --> 00:05:51,170 Så i stedet for mig at skulle regne ud, åh, hånden bevægede, 115 00:05:51,170 --> 00:05:54,970 selv om jeg har punkt adgang, den API vil slags bare fortælle mig, 116 00:05:54,970 --> 00:05:56,380 hey, de gjorde denne gestus. 117 00:05:56,380 --> 00:05:58,920 Så du kan foretage grundlæggende pil fagter. 118 00:05:58,920 --> 00:06:00,590 Du kan lave cirkel bevægelser. 119 00:06:00,590 --> 00:06:03,530 Du kan lave aflytning fagter. 120 00:06:03,530 --> 00:06:07,630 Og du kan gøre centrale pressen fagter. 121 00:06:07,630 --> 00:06:09,394 Ja. 122 00:06:09,394 --> 00:06:10,800 Og den slags ting. 123 00:06:10,800 --> 00:06:14,370 Så nu, at vi har en slags set, hvad Leap Motion kan gøre, 124 00:06:14,370 --> 00:06:17,792 du kan se det kan læse en hel masse fagter. 125 00:06:17,792 --> 00:06:19,500 Jeg tror, ​​jeg har tænkt mig at give det tilbage til Armi 126 00:06:19,500 --> 00:06:22,300 og han vil tale om, hvordan du får på disse med JavaScript, 127 00:06:22,300 --> 00:06:24,520 hvordan du selv begynder et projekt med dette. 128 00:06:24,520 --> 00:06:27,724 Og så vil vi tale om nogle cool steder du kan gå med det. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Ja. 130 00:06:28,640 --> 00:06:29,300 Lyder godt. 131 00:06:29,300 --> 00:06:31,950 Så ja, det allerførste, vi vil have dig til at gøre selvfølgelig, 132 00:06:31,950 --> 00:06:37,170 er når du får Leap Motion er at gå til leapmotion.com, sat op, installere 133 00:06:37,170 --> 00:06:38,420 drivere og kram. 134 00:06:38,420 --> 00:06:42,520 Efter gør, at du kan gå sørg for, at det er tilsluttet. 135 00:06:42,520 --> 00:06:46,910 Hvis du ser i dit lille bakke den Leap Motion ikon og det er grønt, 136 00:06:46,910 --> 00:06:48,640 så du ved, du er alle indstillet. 137 00:06:48,640 --> 00:06:53,710 Og selvfølgelig tjek præcis, hvad Tomas lige viste dig med fagter 138 00:06:53,710 --> 00:06:59,320 og gør skærmen vandhaner, og centrale vandhaner, og at type ting. 139 00:06:59,320 --> 00:07:02,180 >> Efter at selvom vi endnu en gang, som jeg sagde, 140 00:07:02,180 --> 00:07:06,530 vi har adgang til alle disse ting i JavaScript så godt. 141 00:07:06,530 --> 00:07:09,020 Den ideelle oprettet som Vi vil anbefale dig 142 00:07:09,020 --> 00:07:16,440 fyre er at gå ind i din vhost bibliotek, lokal vært, 143 00:07:16,440 --> 00:07:19,340 offentligheden i dit CS50 apparatet. 144 00:07:19,340 --> 00:07:24,790 Og når du går der, hvad du vil se er et indeks prik HTML-fil. 145 00:07:24,790 --> 00:07:28,180 Nu, indeks dot HTML-fil eller indeks dot 146 00:07:28,180 --> 00:07:32,740 PHP-fil, alt efter hvad der er fint, hvad kan du så gøre 147 00:07:32,740 --> 00:07:35,150 er at gå til din primære operativsystem. 148 00:07:35,150 --> 00:07:38,650 Og hvis du går til IP-adressen der er angivet i den nederste højre 149 00:07:38,650 --> 00:07:45,180 hjørne af dit apparat lige her, som du kan se, så hvad sker der 150 00:07:45,180 --> 00:07:51,240 er du går til den side, der er der refereres til af dette indeks dot HTML-fil. 151 00:07:51,240 --> 00:07:56,610 Så al den kode, som du kan sætte i der bliver sendt og er anvendeligt her. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Så det er også vigtigt bare for reference 153 00:07:58,960 --> 00:08:06,554 at hvis du fyre faktisk ved hvordan man opsætter en server selv, 154 00:08:06,554 --> 00:08:09,720 eller du ønsker at sætte dette på den verdensomspændende web, er du velkommen til at gøre hvad 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 sker på klienten. 157 00:08:14,250 --> 00:08:16,510 Så det er faktisk ligegyldigt hvor din server liv 158 00:08:16,510 --> 00:08:19,660 så længe computeren du ser hjemmesiden på 159 00:08:19,660 --> 00:08:22,024 har Leap Motion installeret. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolut. 161 00:08:23,190 --> 00:08:25,680 Ligesom Tomas sagde, yeah, hvad der virker for jer. 162 00:08:25,680 --> 00:08:28,570 Dette er blot en af ​​vores anbefalinger. 163 00:08:28,570 --> 00:08:31,660 Nu at begynde at bruge Leap Motion, hvad du ville gø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å fra hvad der du kan gøre er, lige nu 166 00:08:39,610 --> 00:08:44,250 Jeg har kun dette stykke tag oprettet med et ID på tekst. 167 00:08:44,250 --> 00:08:48,690 Ting, som vi vil anbefale sætter controller muligheder 168 00:08:48,690 --> 00:08:52,012 for Leap Motion med sætte fagter til at være sandt. 169 00:08:52,012 --> 00:08:53,970 Så som standard dem gestus, vi viste dig 170 00:08:53,970 --> 00:08:57,010 gutter, cirklen, og nøgle tap, og aflæser, 171 00:08:57,010 --> 00:09:00,330 de vises ikke til jer som standard. 172 00:09:00,330 --> 00:09:04,450 Men vi anbefaler at bruge dem så du er ikke at genopfinde hjulet. 173 00:09:04,450 --> 00:09:09,489 Aktiver dem til sand, der passerer dem controller muligheder for at springe dot loop 174 00:09:09,489 --> 00:09:10,530 og du er alle indstillet til at gå. 175 00:09:10,530 --> 00:09:13,270 Fordi så du bare nødt definerede en anonym funktion 176 00:09:13,270 --> 00:09:16,910 der vil tage i en ramme fra Leap Motion 177 00:09:16,910 --> 00:09:21,150 og at rammen har alle de oplysninger, som du får brug for. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Så bare til opsummere, har du et objekt. 179 00:09:25,310 --> 00:09:28,250 Du har denne funktion kaldet spring dot loop. 180 00:09:28,250 --> 00:09:30,460 Og du kalder det med to argumenter. 181 00:09:30,460 --> 00:09:33,134 Du kalder det med en, controller indstillinger. 182 00:09:33,134 --> 00:09:35,300 Og der er en masse muligheder, du kan sætte i der. 183 00:09:35,300 --> 00:09:38,170 Den ene vi vil understrege er muligt fagter. 184 00:09:38,170 --> 00:09:41,230 Og hvis du sætter det lig sandt, så du kan få adgang til denne gestus 185 00:09:41,230 --> 00:09:42,940 at vi viste dig i Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Og så det andet argument er en funktion, det er lidt ligesom et opkald tilbage 187 00:09:47,500 --> 00:09:53,010 som vil blive kaldt hver tid hver ramme af Leap, 188 00:09:53,010 --> 00:09:57,340 så hver gang spring registre, din hånd træk, har det en ny ramme. 189 00:09:57,340 --> 00:10:02,130 Og det kalder denne funktion med én argument, som er rammen objekt. 190 00:10:02,130 --> 00:10:05,909 Og at ramme objekt beskriver rammen som Leap ser det. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Præcis. 192 00:10:06,950 --> 00:10:10,450 Så dette indeholder alle de nyttige stumper og stykker af information 193 00:10:10,450 --> 00:10:12,550 at vi talte om tidligere. 194 00:10:12,550 --> 00:10:18,010 Kontrol frame dot gestus er en vifte af fagter 195 00:10:18,010 --> 00:10:23,680 at springet bevægelse fanget din hænder gør i den sidste ramme. 196 00:10:23,680 --> 00:10:26,470 Altså for eksempel, hvad vi er gør her, er vi tjekker, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, idet sidste ramme gjorde du fange eventuelle bevægelser, som jeg gjorde? 198 00:10:31,820 --> 00:10:36,350 Og hvis ja, hvad vi beslutter at gøre er gentage gennem disse bevægelser 199 00:10:36,350 --> 00:10:39,760 og forsøge at få nogle nyttige oplysninger fra dem. 200 00:10:39,760 --> 00:10:44,290 Hver gestus har en unik ID tilknyttet. 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 involveret i bevægelser 203 00:10:50,220 --> 00:10:52,770 ved at tjekke denne retningsindstillelige ting. 204 00:10:52,770 --> 00:10:56,490 Så hvis når du går gennem Leap Motion JavaScript API ting, 205 00:10:56,490 --> 00:10:59,630 når de nævner pointables, de taler om disse fingre. 206 00:10:59,630 --> 00:11:04,480 Og så hænder er naturligvis hele hånden objektet. 207 00:11:04,480 --> 00:11:05,210 >> Hvad ellers? 208 00:11:05,210 --> 00:11:08,630 Du kan kontrollere, hvor lang tid bevægelsen gik 209 00:11:08,630 --> 00:11:11,640 for og, ja, alle de nyttige ting. 210 00:11:11,640 --> 00:11:16,490 Så hvad jeg gør lige nu her er jeg logget rammen, 211 00:11:16,490 --> 00:11:24,350 og derefter opdatere jeg min HTML for at vise alle disse bits af information 212 00:11:24,350 --> 00:11:25,820 fra rammen. 213 00:11:25,820 --> 00:11:28,010 Så lad os se det ud. 214 00:11:28,010 --> 00:11:29,440 >> Så her er det. 215 00:11:29,440 --> 00:11:34,730 Her er indekset dot HTML-fil. 216 00:11:34,730 --> 00:11:38,560 Og som du lige har set, da jeg lige flyttet min hånd Leap fanget en cirkel bevægelse. 217 00:11:38,560 --> 00:11:44,960 Så du kan se mig gøre en cirkel på her, opdaterer med cirkel information. 218 00:11:44,960 --> 00:11:48,332 Doing aflæser, fangster aflæser. 219 00:11:48,332 --> 00:11:49,290 Lad os prøve en fane. 220 00:11:49,290 --> 00:11:50,090 Der vi går. 221 00:11:50,090 --> 00:11:52,370 Screen hanen og en vigtig tap. 222 00:11:52,370 --> 00:11:55,040 Så vigtige haner ligeledes med måde, er når du rammer ned. 223 00:11:55,040 --> 00:11:57,260 Så du kan forestille dig måske spiller et klaver. 224 00:11:57,260 --> 00:11:59,869 >> Og så betjening er når du rammer skærmen. 225 00:11:59,869 --> 00:12:02,910 Så du kan forestille dig, du måske faktisk har en berøringsskærm foran dig 226 00:12:02,910 --> 00:12:05,190 og du rammer den berøringsfølsomme skærm foran dig. 227 00:12:05,190 --> 00:12:08,470 Og så kan vi få fat i en af disse objekter i her. 228 00:12:08,470 --> 00:12:12,960 Så husk jeg sagde, at jeg var passerer rammen i konsollen log. 229 00:12:12,960 --> 00:12:17,160 Og så vi kan tjekke alle de stumper og stykker af information 230 00:12:17,160 --> 00:12:22,500 der er tilgængelige i at ramme samt at bruge. 231 00:12:22,500 --> 00:12:26,320 >> Som jeg sagde tidligere, pointables er fingrene. 232 00:12:26,320 --> 00:12:30,260 På det tidspunkt havde vi ikke vores hænder foran Leap Motion 233 00:12:30,260 --> 00:12:32,010 så det registreret nul, men dette er, hvordan du 234 00:12:32,010 --> 00:12:35,980 ville begynde at finde ud af måske hvor mange fingre er skærmen. 235 00:12:35,980 --> 00:12:37,810 Og denne type oplysninger. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: og huske dette er blot et objekt. 237 00:12:40,060 --> 00:12:42,185 Så kan tilgås alt lidt ligesom en struct 238 00:12:42,185 --> 00:12:45,540 i C. Du har til formål navn dot ejendommen navn. 239 00:12:45,540 --> 00:12:48,830 Og så inden, at du har arrays og du har andre formål, 240 00:12:48,830 --> 00:12:50,850 men husk det er bare et objekt. 241 00:12:50,850 --> 00:12:53,788 Der er ikke noget særligt fordi vi bruger Leap. 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 Skal vi tjekke et par af JavaScript eksempler? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: So hurtigt huske, at vi 247 00:13:07,810 --> 00:13:12,470 sagde, at Leap kan faktisk køre på enhver hjemmeside. 248 00:13:12,470 --> 00:13:15,250 LeapJS er blot tjente til en klient. 249 00:13:15,250 --> 00:13:19,850 Og så med som kunden har Leap Motion vedhæftet det vil virke. 250 00:13:19,850 --> 00:13:22,540 Så Leap Motion har en hjemmeside, hvor folk 251 00:13:22,540 --> 00:13:24,540 kan dele deres eksempel af ting, de har lavet. 252 00:13:24,540 --> 00:13:26,623 Så vi bare kommer til at gå gennem et par af dem 253 00:13:26,623 --> 00:13:29,980 for at se, hvad der er muligt inden dykning i flere specifikke oplysninger om, hvordan 254 00:13:29,980 --> 00:13:32,510 det er muligt. 255 00:13:32,510 --> 00:13:33,346 Så 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Lad os se. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Nu skal arbejde. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Så nu før vi så et eksempel 259 00:13:38,520 --> 00:13:45,280 hjælp Unity, der gjorde vores hænder med temmelig imponerende grafiske skind, 260 00:13:45,280 --> 00:13:50,200 men nu kan du se, du kan gøre det samme ting i en webbrowser. 261 00:13:50,200 --> 00:13:54,640 Dette er alle inde Chrome bare ved hjælp af JavaScript. 262 00:13:54,640 --> 00:13:57,460 Og så den anden flot ting er, hvis du ønsker 263 00:13:57,460 --> 00:14:02,610 at vide, hvordan de gjorde dette, eksemplerne på JavaScript 264 00:14:02,610 --> 00:14:07,540 også indeholde kode valgmuligheder, du kan tjekke ud og derefter se 265 00:14:07,540 --> 00:14:12,570 hvordan denne person var sensationsprægede hænder og koder og sådan. 266 00:14:12,570 --> 00:14:16,730 >> Så det er alle kan du finde på developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Du kan gå og tjek JavaScript eksempler, de har der. 268 00:14:20,810 --> 00:14:23,280 Så ja. 269 00:14:23,280 --> 00:14:25,205 Her er disse, oops sorry. 270 00:14:25,205 --> 00:14:27,680 Lad os prøve det igen. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Jeg har to rigtige hænder. 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 igen, Husk undertiden Leap messer op. 276 00:14:37,440 --> 00:14:40,790 Bare giv det en anden. 277 00:14:40,790 --> 00:14:42,784 Det er ikke perfekt, men det er temmelig godt. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: One andre anbefaling også 279 00:14:44,700 --> 00:14:48,780 er ikke at gøre det i direkte sollys. 280 00:14:48,780 --> 00:14:51,260 Så måde Leap Motion værker er, faktisk 281 00:14:51,260 --> 00:14:54,500 hvis jeg vise kameraet denne samt, infrarødt lys. 282 00:14:54,500 --> 00:14:57,375 Så det sender dem ud og derefter læser dem, når de kommer tilbage. 283 00:14:57,375 --> 00:14:59,250 Så hvis du forsøger at gøre det direkte sollys, 284 00:14:59,250 --> 00:15:01,610 for eksempel, er det nok ikke gå på arbejde, 285 00:15:01,610 --> 00:15:05,850 eller det vil kræve nogle kalibrering hertil. 286 00:15:05,850 --> 00:15:10,450 >> Også en anden anbefaling er at rydde rummet bag Leap 287 00:15:10,450 --> 00:15:12,740 og foran spring. 288 00:15:12,740 --> 00:15:15,520 Tænk på det som at arbejde inde i en kuppel, der er 289 00:15:15,520 --> 00:15:18,360 omkring denne Leap Motion objekt. 290 00:15:18,360 --> 00:15:20,550 Hvis der er ting højre bag det så godt, 291 00:15:20,550 --> 00:15:24,740 , der også kommer til at blande med hvordan Leap Motions forsøger 292 00:15:24,740 --> 00:15:26,690 at genkende din hånd og den slags ting. 293 00:15:26,690 --> 00:15:30,010 >> Så for eksempel, tror jeg i dette tilfælde er det min laptop faktisk 294 00:15:30,010 --> 00:15:34,351 der er slags at gøre Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Ja, der vi gå. 296 00:15:35,100 --> 00:15:41,021 Så hvis jeg rydde min laptop fra bag det hånden dukker op temmelig godt. 297 00:15:41,021 --> 00:15:41,520 Så ja. 298 00:15:41,520 --> 00:15:42,061 Der er det. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Så hvad gjorde vi viser dem. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Jeg tror ville nu være tid 302 00:15:48,250 --> 00:15:52,039 at sortere af dykke ned og lad os bare lave en demo helt fra bunden. 303 00:15:52,039 --> 00:15:53,330 Det kommer til at være virkelig simpelt. 304 00:15:53,330 --> 00:15:55,250 Dybest set, hvad vi vil at forsøge at gøre, er at gøre det 305 00:15:55,250 --> 00:15:58,570 så når du swipe din side baggrund kommer til at starte ud som rød, 306 00:15:58,570 --> 00:16:01,361 og når du swipe din side baggrund kommer til at blive grøn. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Meget simpelt. 309 00:16:03,709 --> 00:16:05,750 Og det er dybest set bare vil gå igennem en masse 310 00:16:05,750 --> 00:16:08,360 af de begreber bag Leap så vi kan 311 00:16:08,360 --> 00:16:12,630 komme ind i denne ideologi hvordan Leap værker og hvordan vi kan bygge ting med det. 312 00:16:12,630 --> 00:16:16,760 Og så derfra vi får nok bare vise dig 313 00:16:16,760 --> 00:16:19,710 API Docs og hvor du kan læse mere om dette. 314 00:16:19,710 --> 00:16:21,030 Og så vil vi kalde det dag. 315 00:16:21,030 --> 00:16:24,294 Så har du lyst til at kode eller vil du have mig til at kode? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Ja. 317 00:16:25,210 --> 00:16:28,350 Nå, jeg tror vi kan arbejde sammen om dette og forsøge 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: så vi gøre nogle par kodning. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Der vi går. 320 00:16:31,500 --> 00:16:33,250 Det er præcis, hvad jeg ønskede at checke. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Så for eksempel i her, lad os se. 323 00:16:38,750 --> 00:16:40,979 Mens vi iteration gennem gestus allerede, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Vil du gø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, helt sikkert. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Ja. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Så lad os gøre det. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Så vi vil at foretage en fuldstændig fil. 330 00:16:48,253 --> 00:16:51,290 Vi kalder det hånd prik HTML. 331 00:16:51,290 --> 00:16:52,670 Det er cool med mig. 332 00:16:52,670 --> 00:16:59,020 Så husk du gør en HTML-tag, derefter inden, at du har et hoved. 333 00:16:59,020 --> 00:17:02,982 At hoved har en titel inden for den. 334 00:17:02,982 --> 00:17:04,349 Så fane den anden vej. 335 00:17:04,349 --> 00:17:05,589 Der du går. 336 00:17:05,589 --> 00:17:09,359 Titel, vil vi kalde det Leap eksempel. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Ups. 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: Der er vi. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Og så lad os lave et organ. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Vent, lad os også sørge for at importere. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Åh, selvfølgelig. 345 00:17:22,060 --> 00:17:22,560 Min dårlige. 346 00:17:22,560 --> 00:17:28,700 Så altid sørge for du har den Leap script så det er et script, du har fået 347 00:17:28,700 --> 00:17:31,810 af Leap Motion som dybest set tillader webbrowseren til at oprette forbindelse 348 00:17:31,810 --> 00:17:35,580 til enheden på brugerens computer. 349 00:17:35,580 --> 00:17:38,510 Og så i dette vi også har brug for en krop og lad os bare 350 00:17:38,510 --> 00:17:40,580 gøre kroppen sige hej så at vi kan vise de studerende 351 00:17:40,580 --> 00:17:42,704 hvordan man kan forbinde til denne nye webside, 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å lad os bare sætte another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Hej, hej verden. 355 00:17:48,730 --> 00:17:50,210 Så en meget grundlæggende eksempel. 356 00:17:50,210 --> 00:17:53,400 Virkelig bare en demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Og så her vi kan gå til, vi kaldte det hånd dot HTML, 358 00:17:58,505 --> 00:18:00,000 ret? 359 00:18:00,000 --> 00:18:00,810 Og oh! 360 00:18:00,810 --> 00:18:04,310 Så jeg spekulerer på, hvad der er galt med dette lige nu. 361 00:18:04,310 --> 00:18:07,639 Lad os tilføje læserettigheder til hånd dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Ønsker du at gøre det i den store terminal 363 00:18:09,930 --> 00:18:11,080 så vi bare kan vise det på til-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ja, det giver mening. 365 00:18:12,501 --> 00:18:13,001 Ok. 366 00:18:13,001 --> 00:18:15,720 Så jeg har lige tilføjet det tilladelser, men hvis vi 367 00:18:15,720 --> 00:18:18,350 skulle tjekke tilladelser før vi 368 00:18:18,350 --> 00:18:22,560 ville have set, at der faktisk hånd dot HTML havde ikke læserettigheder 369 00:18:22,560 --> 00:18:25,570 og derfor kunne vi ikke gøre det. 370 00:18:25,570 --> 00:18:30,850 Men nu, hvis vi gør det, ser vi vores lille hello verden lige der. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Så lad os faktisk, da han skrev, hej verden, 372 00:18:33,580 --> 00:18:35,371 Jeg tænkte en måde vi kunne ændre dette. 373 00:18:35,371 --> 00:18:41,150 Lad os gøre det sige goddag verden, og så når du vifter, det siger farvel. 374 00:18:41,150 --> 00:18:41,650 Right? 375 00:18:41,650 --> 00:18:42,210 Så hej, 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 lyder ret godt. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: At lyder godt for mig, også. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Så hvis vi er vil gøre, lad os bare 380 00:18:46,920 --> 00:18:48,980 tænke igennem websiden en lille smule. 381 00:18:48,980 --> 00:18:51,800 Vi får brug for nogle script som dybest set registrerer 382 00:18:51,800 --> 00:18:56,470 at du vinkede og i Leap, en bølge og en knalde, samme ting. 383 00:18:56,470 --> 00:18:59,584 Så vi kommer til at bruge en script, dybest set registrerer for at knalde. 384 00:18:59,584 --> 00:19:01,500 Og en anden ting er vi vil få brug for, er vi er 385 00:19:01,500 --> 00:19:04,360 vil få brug for nogle faktiske indhold ændres. 386 00:19:04,360 --> 00:19:07,850 >> Så som du kan huske, jQuery giver dig mulighed for at ændre indhold. 387 00:19:07,850 --> 00:19:13,017 Så en ting, vi måske ønsker at inkludere i denne er jQuery biblioteket. 388 00:19:13,017 --> 00:19:16,100 Og så at være i stand til at vælge, hvad vi faktisk kommer til at ændre indhold, 389 00:19:16,100 --> 00:19:18,224 der kommer til at bruge et id eller en klasse, eller noget 390 00:19:18,224 --> 00:19:20,100 at vi kan bruge til at vælge den. 391 00:19:20,100 --> 00:19:25,010 Så vi vil bare give det en hurtig ID ændring tekst. 392 00:19:25,010 --> 00:19:26,974 Og så vil du få fat i jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Så hvad er det første ting på vores opgaveliste så nu? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Lad os få fat i jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Lad os grab jQuery, OK, cool. 396 00:19:32,494 --> 00:19:34,502 I så fald vil jeg at skulle actually-- 397 00:19:34,502 --> 00:19:36,210 hvor ville være det bedste sted at gøre det? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, så hvis du Google jQuery, ramte jQuery, den første 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Meget første. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Eller download. 401 00:19:42,135 --> 00:19:42,650 Det er fint. 402 00:19:42,650 --> 00:19:46,482 Hit download-V1 og V2 til venstre. 403 00:19:46,482 --> 00:19:49,190 Så vi beskriver jQuery fra online, ligesom du har sikkert gjort. 404 00:19:49,190 --> 00:19:50,440 Rul ned. 405 00:19:50,440 --> 00:19:51,260 Op, op. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Åh, lige her nu? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Eller det. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 Så jQuery har en hosted udgave hvilket betyder, at du faktisk ikke 410 00:20:00,150 --> 00:20:01,890 nødt til at hente det, men du er mere end 411 00:20:01,890 --> 00:20:07,734 velkommen til at downloade det og vært for det selv. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Så nu har vi jQuery. 414 00:20:09,566 --> 00:20:11,122 Nu, hvad er næste på vores opgaveliste. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Så næste hvad vi har brug for gøre, er vi faktisk har brug for 417 00:20:13,910 --> 00:20:17,750 at give p hello verden et ID så vi kan ændre det, ikke? 418 00:20:17,750 --> 00:20:24,514 Så lad os give en idé om, Jeg ved det ikke, ændre tekst? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Lad os bare gøre det på denne måde, tror jeg. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 Og lad os nu bare opdatere siden. 422 00:20:29,830 --> 00:20:31,142 Sørge for alt fungerer. 423 00:20:31,142 --> 00:20:32,100 Så tilbage i browseren. 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 Altid en god påmindelse om, at når du bygger en hjemmeside, 427 00:20:39,380 --> 00:20:44,450 sandsynligvis opdatere hver gang du gør enhver noget signifikant ændring bare 428 00:20:44,450 --> 00:20:47,993 fordi nogle gange du kommer til at tabe et tag, 429 00:20:47,993 --> 00:20:51,640 eller du ved et uheld slette noget, og så du bryde noget små, 430 00:20:51,640 --> 00:20:55,880 men så når du laver en større ændring du er ligesom, hvorfor gjorde denne store forandring 431 00:20:55,880 --> 00:20:57,910 tilsyneladende bryde den uafhængige ting. 432 00:20:57,910 --> 00:21:02,840 Så det er altid godt at slags gå og gøre disse sundhedstjek. 433 00:21:02,840 --> 00:21:05,610 >> Alligevel så lad os nu gøre en sidste tilregnelighed check, 434 00:21:05,610 --> 00:21:09,800 som lad os prøve at ændre teksten uden Leap Motion, 435 00:21:09,800 --> 00:21:11,820 uden noget, bare på siden belastning det vil 436 00:21:11,820 --> 00:21:17,140 ændre hej verden til farvel hjælp jQuery. 437 00:21:17,140 --> 00:21:21,400 Så hvis du kan huske jQuery udsætter denne dollartegn funktion, 438 00:21:21,400 --> 00:21:28,640 som vi kan passere CSS selector til, nemlig hashtag forandring tekst, som 439 00:21:28,640 --> 00:21:31,590 vælger elementet med et ID ændring tekst. 440 00:21:31,590 --> 00:21:34,980 Og så vil vi at kalde metoden HTML 441 00:21:34,980 --> 00:21:40,390 på objektet returnerer med argument af en streng farvel, som 442 00:21:40,390 --> 00:21:45,600 vil ændre elementerne HTML for at sige farvel. 443 00:21:45,600 --> 00:21:46,210 Awesome. 444 00:21:46,210 --> 00:21:48,790 Det forekommer temmelig cool. 445 00:21:48,790 --> 00:21:52,365 Og nu når vi opdatere den side, vi kommer til at se 446 00:21:52,365 --> 00:21:54,040 det øjeblikkeligt skifter til farvel, ikke? 447 00:21:54,040 --> 00:21:55,910 Fordi det ikke vente noget. 448 00:21:55,910 --> 00:21:59,200 Slags så snart script kører det ændrer det til farvel. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Så lad os nu wrap, at i en funktion. 451 00:22:03,790 --> 00:22:04,290 Right. 452 00:22:04,290 --> 00:22:06,270 Så vi kommer til at have at gøre en funktion. 453 00:22:06,270 --> 00:22:08,160 Vi kalder det farvel. 454 00:22:08,160 --> 00:22:11,570 Så funktion farvel er kommer til at tage nogen argumenter 455 00:22:11,570 --> 00:22:14,170 og det er ikke rigtig vil returnere noget. 456 00:22:14,170 --> 00:22:18,850 Og det bare at gå til gøre det i JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Excellent. 459 00:22:23,140 --> 00:22:27,000 Så vores funktion farvel nu ændrer teksten til farvel, ikke? 460 00:22:27,000 --> 00:22:28,930 Så det giver os en måde til stort set ændring 461 00:22:28,930 --> 00:22:32,871 at teksten til farvel, når vi kaldte denne funktion. 462 00:22:32,871 --> 00:22:33,370 Right? 463 00:22:33,370 --> 00:22:35,290 Så dette er ret cool. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Godt, vi kan også bare være sikker 465 00:22:37,430 --> 00:22:41,040 at nu da vi ikke kalder det funktion, hvis vi opdatere siden, 466 00:22:41,040 --> 00:22:44,460 mærke det kommer ikke til at ændre teksten. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Excellent. 468 00:22:45,509 --> 00:22:47,800 Så nu vil vi starte at komme ind i denne Leap stuff 469 00:22:47,800 --> 00:22:49,880 at vi talte om. 470 00:22:49,880 --> 00:22:52,240 Så Armi, vil du tage det herfra, eller? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Ja. 472 00:22:52,640 --> 00:22:53,139 Sure. 473 00:22:53,139 --> 00:22:56,260 Jeg er nok vil få brug for at dobbelttjekke ting, 474 00:22:56,260 --> 00:22:58,250 men for eksempel huske vi sagde vi ønskede 475 00:22:58,250 --> 00:23:02,627 at sørge for i Options vi sat aktivere gestus 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: God fangst. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: at være sandt. 478 00:23:06,250 --> 00:23:08,960 Og så blev vi anbefale at du fyre ville 479 00:23:08,960 --> 00:23:12,230 køre spring dot loop, som som vi tidligere har sagt, 480 00:23:12,230 --> 00:23:18,140 har to muligheder, en JSON objekt, er mulighederne for, hvordan du vil 481 00:23:18,140 --> 00:23:22,030 at konfigurere Leap Motion til arbejde, og derefter en funktion, der er 482 00:23:22,030 --> 00:23:27,640 kommer til at fange en ramme som en tilbagekald funktion som Tomas sagde. 483 00:23:27,640 --> 00:23:30,470 Og derefter redigere, hvad du vil at gøre med denne funktion. 484 00:23:30,470 --> 00:23:33,890 >> Så vi går i mulighed, og nu vi definerer 485 00:23:33,890 --> 00:23:36,117 en funktion, som vil tage i en ramme. 486 00:23:36,117 --> 00:23:38,200 Og nu er vi nødt til at definere hvad denne funktion gør. 487 00:23:38,200 --> 00:23:42,569 Det er også af hensyn til den fremtid, gør det for at sikre. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Excellent. 489 00:23:43,610 --> 00:23:45,940 Så nu har vi denne spring dot loop funktion 490 00:23:45,940 --> 00:23:52,420 ringe som dybest set siger se Leap med disse muligheder, og hver gang 491 00:23:52,420 --> 00:23:55,710 noget ændringer, kalder dette funktion ramme med alle data 492 00:23:55,710 --> 00:23:59,510 at du er opmærksom på i ramme. 493 00:23:59,510 --> 00:24:01,320 Lyder temmelig godt. 494 00:24:01,320 --> 00:24:03,680 Så nu hurtig sanity check, som jeg anbefaler altid, 495 00:24:03,680 --> 00:24:07,020 er i den bare sætte konsol dot log ramme. 496 00:24:07,020 --> 00:24:10,320 Og så i Chrome åbne den op og se på din konsol 497 00:24:10,320 --> 00:24:13,870 og lege med Leap at se rammer at være logget fordi det vil 498 00:24:13,870 --> 00:24:16,300 får du en idé om, hvad data, du har adgang til. 499 00:24:16,300 --> 00:24:20,680 Og som altid, hvis du bliver forvirret, se op API reference. 500 00:24:20,680 --> 00:24:23,430 Og vi vil omfatte linket for, at der ved slutningen af ​​denne. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Så vi opdatere siden og derefter 502 00:24:26,300 --> 00:24:28,880 vi gå og åbne konsollen igen. 503 00:24:28,880 --> 00:24:33,590 Og nu ser vi, at vi er der rammer bestået i, 504 00:24:33,590 --> 00:24:37,834 disse små genstande, vi så tidligere. 505 00:24:37,834 --> 00:24:38,690 Så ja. 506 00:24:38,690 --> 00:24:42,870 Det er vores rammer dukke op i konsollen. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Så nu, at vi har greb frames, som du måske husker tidligere 509 00:24:46,970 --> 00:24:51,800 fra det eksempel, at vi havde, hvis vi kontrollere frame dot gestus 510 00:24:51,800 --> 00:24:56,270 vi få listen over gestus, rammen senest fanget. 511 00:24:56,270 --> 00:25:01,510 Vi kan kontrollere længden af ​​denne matrix at se, om Leap fanget nogen fagter. 512 00:25:01,510 --> 00:25:05,010 Så hvis det array er større end nul så vi 513 00:25:05,010 --> 00:25:07,570 ved, at vi har nogle ting at gøre. 514 00:25:07,570 --> 00:25:15,040 >> Så lad os wrap det op i en hvis betingelse og nu her, hvad vi ved, er vi 515 00:25:15,040 --> 00:25:20,390 har set en gestus, lad os handle på det. 516 00:25:20,390 --> 00:25:25,721 Så nu, at vi er i her vi have en gestus til at tjekke. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Nå, den første ting er det ikke bare en gestus, 518 00:25:28,470 --> 00:25:29,840 det kunne være så mange fagter. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Meget sandt. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: So pr klassisk C stil her 521 00:25:33,340 --> 00:25:36,334 Vi vil sikkert gerne bruge en for-løkke. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Her er vi så. 523 00:25:37,750 --> 00:25:42,870 Vi besluttede at gentage gennem fagter. 524 00:25:42,870 --> 00:25:46,412 Og lad os se. 525 00:25:46,412 --> 00:25:49,380 jeg plus, plus. 526 00:25:49,380 --> 00:25:56,150 Og nu, hvis vi måske gjort bare en var gestus lig 527 00:25:56,150 --> 00:26:01,210 ramme dot gestus beslag i, nu har vi 528 00:26:01,210 --> 00:26:06,260 gestus selv, som er blot en enkelt forekomst af en gestus objekt 529 00:26:06,260 --> 00:26:10,582 for os at arbejde med Indersiden af ​​for-løkken. 530 00:26:10,582 --> 00:26:12,869 Ok. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Lad os tilregnelighed tjek her igen og bare trøste 532 00:26:15,410 --> 00:26:17,370 dot log gestus for at se, hvad vi får. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konsol dot log gestus. 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 opdatere en gang til. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Og lad os prøve at lave en gestus. 538 00:26:30,030 --> 00:26:34,600 Du vil se, at en flok af, da han aflæser, 539 00:26:34,600 --> 00:26:39,780 du får en masse bevægelser i konsol og hvis han forsøger at gøre en cirkel, 540 00:26:39,780 --> 00:26:40,470 det er bare-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Circles er bare virkelig rart. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Nu er der en underlig ting her, som er han laver en cirkel, 543 00:26:45,000 --> 00:26:48,730 men det er at logge 80 fagter, ikke? 544 00:26:48,730 --> 00:26:50,070 Det er en masse fagter. 545 00:26:50,070 --> 00:26:53,560 Så den første slags ting til indse, og det kan være forvirrende, 546 00:26:53,560 --> 00:26:57,050 er, at en gestus er ikke bare logget gang. 547 00:26:57,050 --> 00:27:01,107 >> På hver frame, højre, så hvis jeg gør en cirkel 548 00:27:01,107 --> 00:27:02,940 Leap vil detektere dette er en ændring, fra dette 549 00:27:02,940 --> 00:27:04,398 er en ændring, fra det er en forandring. 550 00:27:04,398 --> 00:27:05,970 Og det vil logge hver enkelt af dem. 551 00:27:05,970 --> 00:27:08,200 Men i hver enkelt af dem, det vil sige, åh, 552 00:27:08,200 --> 00:27:10,050 der er en gestus øjeblikket i gang. 553 00:27:10,050 --> 00:27:14,260 Så lad mig blot sige, hey, er der en gestus, og det er på nuværende tidspunkt i gang. 554 00:27:14,260 --> 00:27:17,000 Så det, vi ikke ønsker at gøre, er at sige, åh, på hver enkelt 555 00:27:17,000 --> 00:27:19,370 af disse bevægelser, du ønsker at ændre teksten. 556 00:27:19,370 --> 00:27:23,660 Det, vi ønsker, er, når det gestus stopper, og vi kan kontrollere for det, 557 00:27:23,660 --> 00:27:24,974 så vi ønsker at ændre teksten. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Så ligesom Tomas er forklare disse bevægelser 560 00:27:30,550 --> 00:27:33,580 kan forekomme gennem flere rammer, men for eksempel, 561 00:27:33,580 --> 00:27:36,200 når vi havde at cirkel, kan vi se 562 00:27:36,200 --> 00:27:40,140 at ID for at man enkelt cirkel, vi 563 00:27:40,140 --> 00:27:43,950 måske har forsøgt at fuldføre var den samme ID overalt. 564 00:27:43,950 --> 00:27:46,320 Og i virkeligheden, kan du også tjek status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 opdateret. 567 00:27:50,270 --> 00:27:55,680 >> Og så er det nok den sidste cirkel,, åh, ja, OK. 568 00:27:55,680 --> 00:28:00,480 Så nogle gange er det viser dig en status som at stoppe en gestus 569 00:28:00,480 --> 00:28:04,180 og det viser dig også en status for at starte en ny gestus når 570 00:28:04,180 --> 00:28:09,140 anerkender sikkert, at du har startet en ny gestus. 571 00:28:09,140 --> 00:28:10,637 For eksempel i dette tilfælde. 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å, lad os se. 575 00:28:14,420 --> 00:28:16,490 Du kan også mærke selvom vi gjorde 576 00:28:16,490 --> 00:28:22,179 en cirkel og gestus har et felt kaldes typen 577 00:28:22,179 --> 00:28:23,970 der fortæller os, hvad slags af gestus, der er. 578 00:28:23,970 --> 00:28:27,829 Så der kan være nyttigt for os du forsøge at gøre, hvad vi laver. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: So skifter tilbage til JS, 580 00:28:29,620 --> 00:28:31,696 det første, der falder mig også, bare læse gennem denne kode 581 00:28:31,696 --> 00:28:34,340 er der en lille optimering, der er vi faktisk 582 00:28:34,340 --> 00:28:35,980 har ikke brug for dette, hvis betingelse, ikke? 583 00:28:35,980 --> 00:28:39,330 For hvis ramme dot fagter dot Længden er nul, at for løkke s 584 00:28:39,330 --> 00:28:40,450 ikke kommer til at køre alligevel. 585 00:28:40,450 --> 00:28:43,100 Så vi kan lige så godt bare gå videre og slippe af med det. 586 00:28:43,100 --> 00:28:46,620 Igen, mens du skriver kode er det vigtigt at gå tilbage og sortere 587 00:28:46,620 --> 00:28:50,330 af refactor som du indser, at du kunne have gjort noget bedre, 588 00:28:50,330 --> 00:28:53,370 eller at der er en anden måde at gøre det. 589 00:28:53,370 --> 00:28:57,170 Så nu er vi bare kommer til at rense denne hurtigt op og også rydde op i din kode. 590 00:28:57,170 --> 00:28:58,310 Det er en big deal. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: God stil er meget værdsat. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Du kan altid fortælle, når nogen 593 00:29:01,828 --> 00:29:05,240 har kode, hvor der plejede at være en hvis tilstand og derefter de fjernede det, 594 00:29:05,240 --> 00:29:07,530 men de ikke afkommentere det. 595 00:29:07,530 --> 00:29:10,147 Det er meget tydeligt, og den slags ser grimt. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Så hvad er næste på vores opgaveliste? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Så nu da vi sagde, Jeg gætte den første ting, vi ønsker at gøre 598 00:29:15,479 --> 00:29:17,970 er at sikre, at denne gestus er faktisk en knalde, ikke? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Ja. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Så hvis vi siger, at vores farvel er lidt ligesom en knalde, 601 00:29:21,750 --> 00:29:25,280 vi vil gå med det er en knalde, den første ting, vi skal sige, er, hey, 602 00:29:25,280 --> 00:29:27,410 er gestus skrive en knalde, ikke? 603 00:29:27,410 --> 00:29:30,860 Ikke en cirkel eller en top, men er det en knalde? 604 00:29:30,860 --> 00:29:34,280 Så den måde, vi kan gøre det er vi sige gestus 605 00:29:34,280 --> 00:29:38,530 dot typen lig lige knalde som en streng. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [uhørligt] gestus dot typen lig lig knalde. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Der vi er. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Og så det sidste spørgsmål 610 00:29:49,438 --> 00:29:53,170 vi ønsker at se er gestus prik tilstand lig lige stop, right? 611 00:29:53,170 --> 00:29:55,860 Så det er, når gestus er blevet stoppet. 612 00:29:55,860 --> 00:29:58,490 Jeg tror faktisk for knalde, jeg vide dette fra toppen af ​​mit hoved, 613 00:29:58,490 --> 00:30:00,340 men du er velkommen til at slå det op, når du 614 00:30:00,340 --> 00:30:05,627 knalde hver gang det registrerer det indtil du stopper er en begyndelse gestus. 615 00:30:05,627 --> 00:30:07,460 Og derefter sidste ens blot et stop gestus. 616 00:30:07,460 --> 00:30:11,090 Så der vil kun være én stop gestus, som er fantastisk for os. 617 00:30:11,090 --> 00:30:17,180 Så det, vi kan gøre, er at sige, hvis gestus dot skriv lige lige swipe og gestus dot 618 00:30:17,180 --> 00:30:19,950 status lige lige stop, så lad os tilregnelighed 619 00:30:19,950 --> 00:30:21,725 tjek her trøste dot log gestus. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Så vi vil gå tilbage her. 622 00:30:30,790 --> 00:30:33,570 Vi opdatere siden. 623 00:30:33,570 --> 00:30:38,380 Og nu den eneste gang noget skulle være konsol dot logget er, når vi knalde. 624 00:30:38,380 --> 00:30:40,780 Og vi forsøger at knalde, og vi ser ikke noget. 625 00:30:40,780 --> 00:30:41,280 Right? 626 00:30:41,280 --> 00:30:43,990 Så det er faktisk et stort problem. 627 00:30:43,990 --> 00:30:47,560 Vi kan ikke se, hvad vi forventes at. 628 00:30:47,560 --> 00:30:49,356 Og debugging kan være en stor del af dette. 629 00:30:49,356 --> 00:30:51,980 Så det første, vi skal hen at sige, er, OK, lad os trøste prik 630 00:30:51,980 --> 00:30:54,568 log det, hvis gestus dot skriv lige lige knalde. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Ja, lad os gøre det. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Så er vi kommer til at gå tilbage til denne. 634 00:31:02,020 --> 00:31:03,140 Vi opdatere. 635 00:31:03,140 --> 00:31:04,020 Vi knalde. 636 00:31:04,020 --> 00:31:05,150 Og vi kommer til at se en masse af dem. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Så klart problemet var med vores gestus dot status. 639 00:31:08,710 --> 00:31:14,000 Så hvis vi åbner en af ​​disse vi får ser i objekter og vi vil se, 640 00:31:14,000 --> 00:31:18,700 godt, det er et stop, men, åh, det hedder tilstand, ikke status. 641 00:31:18,700 --> 00:31:21,890 Så hvis vi hovedet tilbage til vores kode kan vi sige 642 00:31:21,890 --> 00:31:27,780 hvis gestus dot typen lige lige knalde og gestus dot tilstand lig lige stop, 643 00:31:27,780 --> 00:31:29,160 så vil vi trøste prik logge det. 644 00:31:29,160 --> 00:31:30,940 Og så opdatere. 645 00:31:30,940 --> 00:31:31,856 Vi knalde. 646 00:31:31,856 --> 00:31:33,730 Og vi vil se, at på hver knalde, vi er kun 647 00:31:33,730 --> 00:31:36,247 få en, som er ende, hvilket er fantastisk, ikke? 648 00:31:36,247 --> 00:31:37,080 Det er, hvad vi ønsker. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 Og vi kan også se, at de ID'er til hver af disse bevægelser er adskilt. 651 00:31:42,640 --> 00:31:47,470 Så som Tomas sagde, fordi vi er fange denne one-stop tilstand, 652 00:31:47,470 --> 00:31:52,850 findes i slutningen af ​​en swipe, vi er få individuelle separate gestus 653 00:31:52,850 --> 00:31:54,441 fra Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Store. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Lad os gå videre og bare gøre det sidste 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 lad os nu tjekke vores hjemmeside. 660 00:32:08,925 --> 00:32:09,425 En 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Anden. 662 00:32:09,730 --> 00:32:11,271 Vi, yeah, vi kalder det Farvel. 663 00:32:11,271 --> 00:32:11,920 Store. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Nej, Goodbye er en reel funktion. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Ja. 666 00:32:14,406 --> 00:32:15,670 Lad os gøre det. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Og når vi vinke farvel, det siger farvel. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Vi har sejren. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: Så temmelig spændende ting. 670 00:32:25,632 --> 00:32:28,590 Forhåbentlig kan du bygge noget andet, men du får den ide om, ikke? 671 00:32:28,590 --> 00:32:30,260 Du kan registrere bevægelser. 672 00:32:30,260 --> 00:32:31,469 Du kan ringe til funktioner. 673 00:32:31,469 --> 00:32:34,510 Og fra at der virkelig giver dig nogle meget fundamentale byggesten 674 00:32:34,510 --> 00:32:38,800 at sige, åh, måske når de knalde op, fordi du også kan registrere ting 675 00:32:38,800 --> 00:32:39,674 lignende retning. 676 00:32:39,674 --> 00:32:40,840 Jeg vil have dem til at gøre noget. 677 00:32:40,840 --> 00:32:43,470 Eller når de knalde til højre, jeg vil have dem til at gøre noget. 678 00:32:43,470 --> 00:32:45,880 Og vi kan begynde at få kreativ med, hvordan netop 679 00:32:45,880 --> 00:32:48,840 vi kommer til at forbedre vores hjemmeside bruge disse knalde fagter eller cirkel 680 00:32:48,840 --> 00:32:53,695 fagter eller trykke fagter, enten nøgle haner eller betjening. 681 00:32:53,695 --> 00:32:56,070 Og så andre end du er mere end velkommen til at spille 682 00:32:56,070 --> 00:32:59,640 med de faktiske data, men hvis du vil gøre 683 00:32:59,640 --> 00:33:03,870 at vi ville foreslå du gå til docs fordi de er faktisk rigtig god. 684 00:33:03,870 --> 00:33:05,034 Så ledes til docs nu. 685 00:33:05,034 --> 00:33:06,450 Eller har du lyst til at tale om det? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Ja. 687 00:33:06,940 --> 00:33:07,920 Lad os gøre det. 688 00:33:07,920 --> 00:33:13,680 Også en anden tidbit af rådgivning, prøv og tænk på dette i 3D. 689 00:33:13,680 --> 00:33:22,611 Så faktisk lad os trække disse fagter en mere tid konsol dot log gestus 690 00:33:22,611 --> 00:33:24,290 og vi gør det. 691 00:33:24,290 --> 00:33:29,460 Kom tilbage og lad os nu prøve en par af disse par af disse. 692 00:33:29,460 --> 00:33:32,940 >> Hvis vi går ind og tjek disse bevægelser samt 693 00:33:32,940 --> 00:33:36,830 som du kan se, at de er dimensionalitet 694 00:33:36,830 --> 00:33:38,980 er i tre retninger, faktisk. 695 00:33:38,980 --> 00:33:42,500 Så du skal ikke bare begrænser dig selv med en 2D-skærm 696 00:33:42,500 --> 00:33:45,200 selvom du måske være på en 2D hjemmeside. 697 00:33:45,200 --> 00:33:49,152 Du kan prøve og tænke, hvordan en bruger kan interagere med hjemmesiden i 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: I en 3D-rum. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Præcis. 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, hastigheder, alle disse seje stumper af information. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: Og hvis du ikke bekendt med, at det går x, y, 703 00:33:58,890 --> 00:34:01,566 og derefter z er denne sidste dimension. 704 00:34:01,566 --> 00:34:04,690 Bare noget, som du sikkert er fortrolig med, hvis du har behandlet 3D 705 00:34:04,690 --> 00:34:05,731 koordinere fly før. 706 00:34:05,731 --> 00:34:09,565 Hvis du ikke har, det er det samme som en 2D andre end der er en tredje dimension. 707 00:34:09,565 --> 00:34:11,420 Vi kalder det z. 708 00:34:11,420 --> 00:34:16,449 Og alt, lidt ligesom retning, som er, hvor det går, 709 00:34:16,449 --> 00:34:19,810 position-- Jeg tror, ​​det kan endda udsætte acceleration, jeg er ikke sikker. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ja, jeg tror. 711 00:34:21,341 --> 00:34:22,340 Det har helt sikkert hastighed. 712 00:34:22,340 --> 00:34:25,699 Jeg er faktisk ikke 100% sikker på om acceleration. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Det kan være en mulighed du kan give videre til noget. 714 00:34:28,810 --> 00:34:33,409 Så position og hastighed er udsat 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å nu ledes til dokumentation det er developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 og så kan du klikke på Dokumentation. 718 00:34:46,460 --> 00:34:50,010 Igen, Leap Motion har alle disse vidunderlige API'er, en for JavaScript, 719 00:34:50,010 --> 00:34:53,750 én for C Sharp og Enhedslisten, en for C ++, en for Java, en for Python, 720 00:34:53,750 --> 00:34:59,020 og én for mål C. jeg personligt ville skubbe dig i retning af JavaScript 721 00:34:59,020 --> 00:35:01,280 eller hvis du ønsker at lære et nyt sprog, prøv Python. 722 00:35:01,280 --> 00:35:05,910 Begge af disse sprog jeg har arbejdet med før og de er virkelig let at lære 723 00:35:05,910 --> 00:35:10,250 og du allerede kender JavaScript, som gør det til en rigtig god contender. 724 00:35:10,250 --> 00:35:12,930 >> Et advarende ord når du indtaster 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 For hvis du er på udgave en, vil det ikke fungere. 727 00:35:20,250 --> 00:35:21,830 Også for eksempel galleri. 728 00:35:21,830 --> 00:35:25,100 Vi brugte en godt 30 minutter forsøger debug vores Leap 729 00:35:25,100 --> 00:35:28,640 før vi indså, at V1 virker ikke med V2. 730 00:35:28,640 --> 00:35:31,660 Så bare sørg for du er på version to. 731 00:35:31,660 --> 00:35:33,904 Og så vil jeg lade ham vise dine docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Ja. 733 00:35:34,820 --> 00:35:39,480 Så her er API overblik og derefter nogle stumper og stykker af information 734 00:35:39,480 --> 00:35:41,420 at vi allerede har fortalt dig. 735 00:35:41,420 --> 00:35:44,270 Fin lille flydende hænder over en Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Og en påmindelse om at tænke om rum i 3D. 737 00:35:47,850 --> 00:35:53,140 En af de første ting at tænke på med Leap Motion er hænder, selvfølgelig. 738 00:35:53,140 --> 00:35:57,060 Vi så dem, der anerkendes af Visualizer. 739 00:35:57,060 --> 00:35:59,180 Og så skal du måske have set, at det anerkendes 740 00:35:59,180 --> 00:36:03,202 del af håndleddet og arm forbundet med det. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Hvis du vil have at trække op Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Ja, lad os gøre det igen. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Du kan se, altid bare en god påmindelse om at slags se, 744 00:36:10,148 --> 00:36:14,060 Den Visualizer forsøger at vise alle de data, 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 derefter selve håndleddet. 747 00:36:19,230 --> 00:36:21,625 Og du har også denne bold på håndfladen. 748 00:36:21,625 --> 00:36:24,000 Alle disse er punkter genkende anerkendt af spring. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Præcis. 750 00:36:25,041 --> 00:36:32,300 Og så med den hånd objekt hver ramme har en hånd-array 751 00:36:32,300 --> 00:36:36,470 samt hvor du kan også få venstre og højre hånd. 752 00:36:36,470 --> 00:36:39,410 Du kan få der retning hænderne er 753 00:36:39,410 --> 00:36:42,410 vender med den normale retning af håndfladen, 754 00:36:42,410 --> 00:36:45,470 eller som de kalder det håndfladen normal. 755 00:36:45,470 --> 00:36:46,510 Hvad har vi? 756 00:36:46,510 --> 00:36:48,120 Vi har også, oops. 757 00:36:48,120 --> 00:36:50,640 Lad os prøve at rulle ned på denne måde. 758 00:36:50,640 --> 00:36:54,410 Armene, fingrene er repræsenteret ved finger 759 00:36:54,410 --> 00:36:57,890 klasse, som er en retningsindstillelige objekt. 760 00:36:57,890 --> 00:37:01,420 Så ligesom vi sagde, så vi, at vifte af pointables for hver hånd. 761 00:37:01,420 --> 00:37:04,240 Det er den lille fingre til at tænke over. 762 00:37:04,240 --> 00:37:09,809 Så dette er et godt overblik til at gå gennem at forsøge at forstå. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [uhørligt] hånd anatomi deroppe. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ja, præcis. 765 00:37:13,680 --> 00:37:14,220 Så ja. 766 00:37:14,220 --> 00:37:18,150 Der er en masse af rå data, som Leap Motion tager i fortolker godt 767 00:37:18,150 --> 00:37:20,750 for dig, så det er en stor idé at gå igennem her 768 00:37:20,750 --> 00:37:25,300 og forsøge at finde ud af, hvordan Leap har allerede regnet tingene ud for dig 769 00:37:25,300 --> 00:37:28,830 og så hvilke oplysninger du har til rådighed derfra. 770 00:37:28,830 --> 00:37:33,150 Og så derfra vil jeg anbefale går ind i denne venstre del herovre, 771 00:37:33,150 --> 00:37:39,210 der går, godt faktisk ingen, der er faktisk bare mere API ting om-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: API henvisning bunden er normalt et godt sted at gå. 773 00:37:42,670 --> 00:37:45,720 Du fyre sandsynligvis så dette når vi gjorde Google Maps Pset. 774 00:37:45,720 --> 00:37:48,590 Men henvisningen virkelig bare går gennem alle 775 00:37:48,590 --> 00:37:54,540 af funktioner og parametre tilgængelige i objektet til dig. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Ja. 777 00:37:55,500 --> 00:37:57,740 For eksempel er det, hvad Jeg var på udkig efter før. 778 00:37:57,740 --> 00:38:01,030 Når vi har en hånd, vi kan gå og finde ud af 779 00:38:01,030 --> 00:38:03,750 hvordan Leap anbefaler til os at finde en hånd. 780 00:38:03,750 --> 00:38:06,080 Som jeg sagde tidligere, vi har en hands array. 781 00:38:06,080 --> 00:38:10,340 Find ud af om vi har hænder og så prøv og få fat i en enkelt hånd 782 00:38:10,340 --> 00:38:12,410 at interagere med på denne måde. 783 00:38:12,410 --> 00:38:16,540 Så det er, hvad vi anbefale til jer. 784 00:38:16,540 --> 00:38:18,400 De fagter og kram så godt. 785 00:38:18,400 --> 00:38:23,857 Denne API dokumentation vil være et fantastisk værktøj for jer. 786 00:38:23,857 --> 00:38:25,440 Har du andre anbefalinger? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: Jeg gør ikke. 788 00:38:26,398 --> 00:38:27,590 Jeg tror, ​​det er godt for nu. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Ja, Det tror jeg også. 790 00:38:29,340 --> 00:38:33,330 Du er velkommen til at kontakte os og få i kontakt om Leap Motion 791 00:38:33,330 --> 00:38:36,210 hvis du har måske nogen problemer eller har brug for eventuelle anbefalinger. 792 00:38:36,210 --> 00:38:40,310 Og vi kan forsøge at finde ting ud med jer så godt. 793 00:38:40,310 --> 00:38:40,810 Tak. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Great. 795 00:38:42,360 --> 00:38:42,880