1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> Tomáš REIMERS: Cool. 3 00:00:11,965 --> 00:00:13,230 Do hi, ĉiuj. 4 00:00:13,230 --> 00:00:14,300 Mia nomo Tomas. 5 00:00:14,300 --> 00:00:15,744 Mi estas TF kaj tiu estas 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Nice por vidi vi uloj. 8 00:00:17,637 --> 00:00:18,470 Tomáš REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Do ni iras por paroli pri Leap Motion hodiaŭ. 10 00:00:20,740 --> 00:00:22,800 Do Leap Motion estas vere malvarmeta produkto kiu 11 00:00:22,800 --> 00:00:25,900 lasas vin interagi kun komputilo alimaniere. 12 00:00:25,900 --> 00:00:28,560 Do la tuta ideo malantaŭ salto moviĝo estas ke vi 13 00:00:28,560 --> 00:00:31,430 povas uzi viajn manojn por interagi kun la komputilo. 14 00:00:31,430 --> 00:00:33,610 Do ĉi tie mi devas ion starigis. 15 00:00:33,610 --> 00:00:34,790 Mi parolos pri tio en iom. 16 00:00:34,790 --> 00:00:37,540 Sed la baza versio estas vi povas vidi ke mi havas miajn manojn antaŭ 17 00:00:37,540 --> 00:00:42,840 de mia komputilo kaj kiam mi volas movi ilin, vi havos la analoga sur la komputilo 18 00:00:42,840 --> 00:00:44,170 kaj vi povas analizi ĉi. 19 00:00:44,170 --> 00:00:46,230 Vi povas fari gestojn. 20 00:00:46,230 --> 00:00:49,176 Vi povas uzi viajn manojn por interagi kun la komputilo 21 00:00:49,176 --> 00:00:50,300 en nova kaj interesa maniero. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Nu, mi fakte unue volas pasi ekstere al Armi 24 00:00:57,520 --> 00:01:00,400 montri al vi iom malvarmeta donas de kio kelkaj homoj faris kun tiu. 25 00:01:00,400 --> 00:01:02,816 Kaj tiam ni parolos pri kiel vi fakte kodo kun tiu. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Yeah. 27 00:01:04,800 --> 00:01:05,300 Saluton. 28 00:01:05,300 --> 00:01:08,870 Do kiel ni vidis, iom Datumoj ĉi tie, sed ni vidu 29 00:01:08,870 --> 00:01:11,680 kion iuj personoj agis kun cxi tiu. 30 00:01:11,680 --> 00:01:15,130 Do lasu min simple malfermi tiun ekzemplon. 31 00:01:15,130 --> 00:01:20,770 Kaj tiam, tiel, ekzemple, vi povas vidi mia mano analoga tie, sed nun tiu tempo 32 00:01:20,770 --> 00:01:26,680 iuj homoj uzantaj Unueco havas decidis meti iomete pli haŭto 33 00:01:26,680 --> 00:01:28,670 kaj aĵoj ĉirkaŭ la mano. 34 00:01:28,670 --> 00:01:35,900 Do mi povas, ni iru kun ĉi tiu, certa, ke miaj manoj interagantaj. 35 00:01:35,900 --> 00:01:41,050 Kaj vi versxajne povas imagi kelkaj aliaj malvarmeta utilaj aferoj 36 00:01:41,050 --> 00:01:42,840 ke vi povas fari kun ĉi tiu. 37 00:01:42,840 --> 00:01:45,530 Do tiu estas almenaŭ unu ekzemplo. 38 00:01:45,530 --> 00:01:48,910 Kaj tiam ni salti el tiu. 39 00:01:48,910 --> 00:01:56,590 >> Kaj tiam alia malvarmeta unu estas, ni iru kun ĉi tiu. 40 00:01:56,590 --> 00:01:58,390 Plasmo pilko. 41 00:01:58,390 --> 00:02:03,510 Denove, ni ne nepre atendi ĉi nivelo de komplekseco 42 00:02:03,510 --> 00:02:06,450 el fina projekto por CS50. 43 00:02:06,450 --> 00:02:10,029 Tiu estas nur por montri al vi iuj de la, donu vi uloj 44 00:02:10,029 --> 00:02:14,570 iom inspiro por kio vi uloj povas vidi kun Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Do ekzemple ĉi tie estas malvarmeta fiziko ekzemplo, kiun tie ni iru. 46 00:02:20,500 --> 00:02:24,305 Havas ambaŭ de miaj manoj ĝis nun vi havas ĉi tiu malgranda plasmo pilko. 47 00:02:24,305 --> 00:02:31,030 Kaj la pilko reagante al la fiziko mi movas mian manon ĉirkaŭ la pilko. 48 00:02:31,030 --> 00:02:36,920 Nun tiu estas ĉiuj kvankam uzante Unueco, uzante specon de iloj kaj kadroj 49 00:02:36,920 --> 00:02:39,510 ke ni ne instruis vi uloj en klaso, 50 00:02:39,510 --> 00:02:46,590 sed kiel vi povas vidi kelkajn belajn malvarmeta kuri throughs kun tiu. 51 00:02:46,590 --> 00:02:51,750 >> Sed unu afero ke vi uloj povas fari dividante nun kun Leap Motion 52 00:02:51,750 --> 00:02:53,260 estas verko en JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion havas JavaScript API kiu vi uloj povas uzi kaj ni tre, tre 54 00:02:58,960 --> 00:03:02,040 rekomendas ke vi uloj konstrui viaj projektoj uzante tiu. 55 00:03:02,040 --> 00:03:04,350 Do kun tio, lasu min pasi ĝin reen for al Tomas 56 00:03:04,350 --> 00:03:06,582 paroli Leap Moviĝo kaj JavaScript. 57 00:03:06,582 --> 00:03:07,415 Tomáš REIMERS: Cool. 58 00:03:07,415 --> 00:03:09,230 Aux cxu vi volas montri ilin la visualizador unuan? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Ho jes. 60 00:03:09,670 --> 00:03:10,170 Jes. 61 00:03:10,170 --> 00:03:11,900 Ni parolu pli pri tiu visualizador. 62 00:03:11,900 --> 00:03:14,983 >> Tomáš REIMERS: Do en plej bazaj nivelo, kiam vi unue akiri al Leap Motion 63 00:03:14,983 --> 00:03:16,940 vi tuj havos ĉi skatolon. 64 00:03:16,940 --> 00:03:18,330 Tie, volas min preni kontrolon? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Yeah, iru por ĝi. 66 00:03:19,180 --> 00:03:20,530 >> Tomáš REIMERS: Do kiam vi unue atingi Leap Motion 67 00:03:20,530 --> 00:03:21,780 vi tuj havos ĉi skatolon. 68 00:03:21,780 --> 00:03:24,460 Ĝi havas mekanismon kiu aspektas io tiamaniere. 69 00:03:24,460 --> 00:03:28,990 Oni konektas ĝin en vian komputilon, instali la necesajn pelilojn, 70 00:03:28,990 --> 00:03:30,950 kaj tiam estos esence esti starigita. 71 00:03:30,950 --> 00:03:34,160 Do la plej facila maniero por ordigi de interkonsento kun Leap Motion 72 00:03:34,160 --> 00:03:39,240 estas malfermi ĉi programo instalas nomata Leap Motion visualizador. 73 00:03:39,240 --> 00:03:41,490 Kaj la visualizador estas laŭvorte kion mi montras tie. 74 00:03:41,490 --> 00:03:45,340 Ĝi permesas al vi rigardi la skeletaj strekon de viaj manoj. 75 00:03:45,340 --> 00:03:49,940 Kaj kion la Leap Motion interpretas ilin kiel. 76 00:03:49,940 --> 00:03:53,750 Do la Leap Motion uzas la fotilo ordigi de rigardi vian manojn 77 00:03:53,750 --> 00:03:59,176 kaj tiam provas diveni la bazaj skeletaj komponado kiu vi 78 00:03:59,176 --> 00:04:00,460 vidi sur la ekrano estas. 79 00:04:00,460 --> 00:04:01,669 Kaj tiu estas kion montras vi. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: CXiun unu malgranda punkto 81 00:04:03,418 --> 00:04:06,580 kaj kion vi vidas tie estas datumo kiu estas havebla al vi uloj 82 00:04:06,580 --> 00:04:07,270 tiel uzi. 83 00:04:07,270 --> 00:04:09,670 Do vi vidas, ke ĝi estas kapti tiun Tomas 84 00:04:09,670 --> 00:04:12,160 havas kvin fingrojn, ĉiu el tiuj malsamaj fingroj 85 00:04:12,160 --> 00:04:17,110 estas ankaŭ disponebla por vi kiel datumoj punktoj por uzi en ajn aplikaĵo 86 00:04:17,110 --> 00:04:18,256 ke vi eble volas. 87 00:04:18,256 --> 00:04:20,339 Se vi volas vidi se iu'S faras dikfingroj supren 88 00:04:20,339 --> 00:04:23,860 Vi povas vidi se la fingroj estas kurbita kaj ĉu ili estas 89 00:04:23,860 --> 00:04:25,850 dikfingro fingro notas supren, aŭ kie 90 00:04:25,850 --> 00:04:30,037 ilia pojno aŭ palmo estas kaj kiu tipo de aĵoj. 91 00:04:30,037 --> 00:04:30,870 Tomáš REIMERS: Cool. 92 00:04:30,870 --> 00:04:35,186 Do vi povas vidi iujn gestojn ĝi Komprenas pli bona ol aliaj. 93 00:04:35,186 --> 00:04:38,310 Memoru, ke ĝi rigardas via manon en ĉambro de la fundo, 94 00:04:38,310 --> 00:04:41,630 do kiam vi havas viajn manojn kiel tiu komprenas ilin plene, 95 00:04:41,630 --> 00:04:44,509 sed unufoje vi komencas provi kaj fari dikfingrojn supren, kelkfoje legas tion, 96 00:04:44,509 --> 00:04:47,550 kelkfoje povas diveni, sed honeste la ĉambro nur ne povas vidi la dikfingro. 97 00:04:47,550 --> 00:04:49,810 Tuj kiam ne estas vere certe kio pasas. 98 00:04:49,810 --> 00:04:54,910 Nur iuj limigoj teni en menso kiam vi disvolvi kun ĉi. 99 00:04:54,910 --> 00:04:56,540 >> Ĉiuokaze, do reiros al tiu. 100 00:04:56,540 --> 00:04:59,040 La visualizador reale havas multajn utilajn ilojn. 101 00:04:59,040 --> 00:05:01,780 Do la Leap Motion estas planita tiel 102 00:05:01,780 --> 00:05:04,280 ke ili ne atendas ke vi interagi kun tiu bildo datumoj. 103 00:05:04,280 --> 00:05:06,230 Ili faras ne vere atendi vin kompreni 104 00:05:06,230 --> 00:05:08,060 kio okazas malantaŭ la scenoj. 105 00:05:08,060 --> 00:05:11,620 Kion ili faras estas elmontri faskon de APIs por vi 106 00:05:11,620 --> 00:05:13,420 tia ke vi povas interagi kun ĉi datumoj 107 00:05:13,420 --> 00:05:18,400 rekte sen kompreno kio okazas sub la kapuĉo. 108 00:05:18,400 --> 00:05:27,790 >> Do se ni batis H tie en la visualizador vi vidos multajn eblojn. 109 00:05:27,790 --> 00:05:35,450 La grava tie kvankam estas se vi batis O kaj tiam batis H, 110 00:05:35,450 --> 00:05:38,080 vi vidos ke ĝi permesas desegni gestoj. 111 00:05:38,080 --> 00:05:43,380 Do gesto, vi vidos ĝi desegnas sago trans. 112 00:05:43,380 --> 00:05:47,010 Gesto estas unu el la manieroj kiuj Leap Moviĝo ia ebligas atingi la datumojn 113 00:05:47,010 --> 00:05:48,462 sen devi procesi ĝin. 114 00:05:48,462 --> 00:05:51,170 Do anstataŭ mi precizigante ekkompreni el, oh, la mano movis, 115 00:05:51,170 --> 00:05:54,970 eĉ se mi havas punkton de aliro, la API estos ia simple diri al mi, 116 00:05:54,970 --> 00:05:56,380 bona, ili faris de ĉi tiu gesto. 117 00:05:56,380 --> 00:05:58,920 Do vi povas fari bazajn sago gestoj. 118 00:05:58,920 --> 00:06:00,590 Vi povas fari rondon gestoj. 119 00:06:00,590 --> 00:06:03,530 Vi povas fari frapeton gestoj. 120 00:06:03,530 --> 00:06:07,630 Kaj vi povas fari ŝlosilo gazetaro gestoj. 121 00:06:07,630 --> 00:06:09,394 Yeah. 122 00:06:09,394 --> 00:06:10,800 Kaj tiu klaso de aĵoj. 123 00:06:10,800 --> 00:06:14,370 Do nun ke ni ia vidis, kion Leap Motion povas fari, 124 00:06:14,370 --> 00:06:17,792 Vi povas vidi ĝin povas legi tutajn faskon da gestoj. 125 00:06:17,792 --> 00:06:19,500 Mi kredas ke mi tuj pasi ĝin reen al Armi 126 00:06:19,500 --> 00:06:22,300 kaj li tuj paroli pri kiel vi ricevas ĉe tiuj kun JavaScript, 127 00:06:22,300 --> 00:06:24,520 kiom vi eĉ komenci projekton kun tiu. 128 00:06:24,520 --> 00:06:27,724 Kaj tiam ni parolos pri iuj malvarmeta lokoj vi povas iri kun tio. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Yeah. 130 00:06:28,640 --> 00:06:29,300 Sonas bone. 131 00:06:29,300 --> 00:06:31,950 Do jes, la tre unua afero ni Mi volas ke vi faru kompreneble 132 00:06:31,950 --> 00:06:37,170 estas post vi akiris la Leap Motion estas iri al leapmotion.com, starigis, instali 133 00:06:37,170 --> 00:06:38,420 la ŝoforoj kaj vazojn. 134 00:06:38,420 --> 00:06:42,520 Post fari ke vi povas iri certiĝu ke ĝi estas konektita. 135 00:06:42,520 --> 00:06:46,910 Se vi vidas en via eta pleto la Leap Motion ikono kaj ĝi estas verda, 136 00:06:46,910 --> 00:06:48,640 tiam vi scias ke vi ĉiuj aro. 137 00:06:48,640 --> 00:06:53,710 Kaj kompreneble kontroli, kian Tomas ĵus montris al vi kun la gestoj 138 00:06:53,710 --> 00:06:59,320 kaj fari la ekrano coladas, kaj ŝlosilo coladas, kaj kiu tipo de aĵoj. 139 00:06:59,320 --> 00:07:02,180 >> Post ke ecx ni, fojo pli, kiel mi diris, 140 00:07:02,180 --> 00:07:06,530 ni havas aliron al ĉiuj tiuj aferojn en JavaScript tiel. 141 00:07:06,530 --> 00:07:09,020 La ideala starigis ke Ni rekomendus vin 142 00:07:09,020 --> 00:07:16,440 infanoj estas iri en vian vhost dosierujo, lokaj gastiganto, 143 00:07:16,440 --> 00:07:19,340 publiko en via CS50 aparaton. 144 00:07:19,340 --> 00:07:24,790 Kaj kiam vi iros tie kion vi vidi estas indekso dot HTML dosiero. 145 00:07:24,790 --> 00:07:28,180 Nun ke indeksa punkto HTML dosiero aŭ indeksa punkto 146 00:07:28,180 --> 00:07:32,740 PHP dosiero, kiom estas fajna, kion vi povas tiam fari 147 00:07:32,740 --> 00:07:35,150 estas iri al via ĉefa mastruma sistemo. 148 00:07:35,150 --> 00:07:38,650 Kaj se vi iras al la IP-adreso ke estas listigita en la malsupre-dekstra 149 00:07:38,650 --> 00:07:45,180 angulo de via aparato ĝuste ĉi tie, kiel vi povas vidi, tiam kio okazas 150 00:07:45,180 --> 00:07:51,240 Estas vi iru al la paĝo kiu estas referenciado por ke indekso dot HTML dosiero. 151 00:07:51,240 --> 00:07:56,610 Tial cxiuj kodo ke vi povus meti en tie ricevas senditaj kaj estas uzebla tie. 152 00:07:56,610 --> 00:07:58,960 >> Tomáš REIMERS: Do estas ankaŭ grava nur por referenco 153 00:07:58,960 --> 00:08:06,554 ke se vi uloj efektive scias kiel krei la servilon mem, 154 00:08:06,554 --> 00:08:09,720 aŭ vi volas meti tion en la tutmonda retejo, vi plene rajtas fari kion. 155 00:08:09,720 --> 00:08:11,594 Memoru, ke tiuj estas nur JavaScript dosierojn 156 00:08:11,594 --> 00:08:14,250 kaj ĉiuj Leap prilaborado estas farita sur la kliento. 157 00:08:14,250 --> 00:08:16,510 Do ne vere gravas kie via servilo vivoj 158 00:08:16,510 --> 00:08:19,660 tiom longe kiom la komputilo vi pririgardis la retejo sur 159 00:08:19,660 --> 00:08:22,024 kiu Leap Motion instalita. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolute. 161 00:08:23,190 --> 00:08:25,680 Ŝati Tomas diris, yeah, ajn laboras por vi uloj. 162 00:08:25,680 --> 00:08:28,570 Tiu estas nur unu el niaj rekomendoj. 163 00:08:28,570 --> 00:08:31,660 Nun ekuzi Leap Moviĝo kion vi farus 164 00:08:31,660 --> 00:08:36,640 Estas vi devus importi la JavaScript dosiero de Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Kaj tiam el tie kio vi povas fari estas, ĝuste nun 166 00:08:39,610 --> 00:08:44,250 Mi ĵus havas tiu alineo etikedo starigis kun ID de teksto. 167 00:08:44,250 --> 00:08:48,690 Aĵoj kiujn ni rekomendas instalas controlador ebloj 168 00:08:48,690 --> 00:08:52,012 por Leap Motion kun la ebligi gestoj esti vera. 169 00:08:52,012 --> 00:08:53,970 Do implicite tiuj gestoj kiujn ni montris vin 170 00:08:53,970 --> 00:08:57,010 infanoj, la cirklo, kaj la ŝlosilo krano, kaj la golpetazos, 171 00:08:57,010 --> 00:09:00,330 Tiuj ne estas montrita vi uloj defaŭlte. 172 00:09:00,330 --> 00:09:04,450 Sed ni forte rekomendas uzi tiujn tial vi ne reinventar la rado. 173 00:09:04,450 --> 00:09:09,489 Enŝalti tiujn al vera, pasante tiuj controlador ebloj por salti dot maŝo 174 00:09:09,489 --> 00:09:10,530 kaj vi ĉiuj aro por iri. 175 00:09:10,530 --> 00:09:13,270 Ĉar tiam vi simple devos difinis anonima funkcio 176 00:09:13,270 --> 00:09:16,910 kiu prenos en kadro de Leap Motion 177 00:09:16,910 --> 00:09:21,150 kaj tiu kadro havas ĉiujn informo ke vi tuj bezonos. 178 00:09:21,150 --> 00:09:25,310 >> Tomáš REIMERS: Do apenaŭ al recap, vi havas unu celon. 179 00:09:25,310 --> 00:09:28,250 Vi havas tiun funkcion nomita salto dot buklo. 180 00:09:28,250 --> 00:09:30,460 Kaj vi nomas ĝin per du argumentoj. 181 00:09:30,460 --> 00:09:33,134 Vi nomas ĝin per unu, la controlador ebloj. 182 00:09:33,134 --> 00:09:35,300 Kaj ekzistas multaj opciojn vi povas meti en tie. 183 00:09:35,300 --> 00:09:38,170 La unu ni tuj elstari estas ebligi gestoj. 184 00:09:38,170 --> 00:09:41,230 Kaj se vi starigis ĝin egala al vera tiam vi povas akiri aliron al ĉi gestoj 185 00:09:41,230 --> 00:09:42,940 ke ni montris vin la visualizador. 186 00:09:42,940 --> 00:09:47,500 >> Kaj tiam la dua argumento estas funkcio, ĝi estas speco de kiel alvoko reen 187 00:09:47,500 --> 00:09:53,010 kiu nomos ĉiun tempo ĉiun kadron de Leap, 188 00:09:53,010 --> 00:09:57,340 Tiel cxiu tempo salto registras ke via mano movigxas ĝi havas novan kadron. 189 00:09:57,340 --> 00:10:02,130 Kaj li nomas tiun funkcion kun unu argumento, kiu estas la kadro objekto. 190 00:10:02,130 --> 00:10:05,909 Kaj tiu kadro objekto priskribas konstruajxoj kiel Leap vidas. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Ekzakte. 192 00:10:06,950 --> 00:10:10,450 Do ĉi enhavas ĉiujn utila fragmentojn de informo 193 00:10:10,450 --> 00:10:12,550 ke ni parolis pri antaŭe. 194 00:10:12,550 --> 00:10:18,010 Chequear kadro dot gestoj estas tabelo de gestoj 195 00:10:18,010 --> 00:10:23,680 ke la salto moviĝo kaptis vian manoj faranta en la lasta kadro. 196 00:10:23,680 --> 00:10:26,470 Do ekzemple, kion ni estas faras ĉi tie estas ni traserĉas, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, en tiu lasta kadro agadis vi kaptas ajnan gestoj kiujn mi faris? 198 00:10:31,820 --> 00:10:36,350 Kaj se jes, kion ni decidas fari estas persisti tra tiuj gestoj 199 00:10:36,350 --> 00:10:39,760 kaj provi kaj akiri kelkajn utilajn de ili informojn. 200 00:10:39,760 --> 00:10:44,290 Ĉiu gesto havas unika IRU asociita kun ĝi. 201 00:10:44,290 --> 00:10:46,280 Ili havas tipojn. 202 00:10:46,280 --> 00:10:50,220 Vi povas rigardi kiujn fingroj estis implikitaj en la gestoj 203 00:10:50,220 --> 00:10:52,770 per marki tiun pointable ajxoj. 204 00:10:52,770 --> 00:10:56,490 Do se kiam vi iros tra la Leap Motion JavaScript API stuff, 205 00:10:56,490 --> 00:10:59,630 kiam oni mencias pointables, ili parolas pri tiuj fingroj. 206 00:10:59,630 --> 00:11:04,480 Kaj tiam manoj estas, kompreneble, la tutan manon objekto. 207 00:11:04,480 --> 00:11:05,210 >> Kion alian? 208 00:11:05,210 --> 00:11:08,630 Vi povas kontroli kiel longe la movado daŭrigis 209 00:11:08,630 --> 00:11:11,640 por kaj, jes, ĉiuj tiuj utilaj aĵoj. 210 00:11:11,640 --> 00:11:16,490 Do kion mi faras nun tie mi ensalutantojn la kadro, 211 00:11:16,490 --> 00:11:24,350 kaj tiam mi ĝisdatigos mian HTML por montri ĉiuj tiuj informerojn 212 00:11:24,350 --> 00:11:25,820 el la kuliso. 213 00:11:25,820 --> 00:11:28,010 Do ni kontrolu tion diveni. 214 00:11:28,010 --> 00:11:29,440 >> Do jen ĝi estas. 215 00:11:29,440 --> 00:11:34,730 Jen la indekso dot HTML dosiero. 216 00:11:34,730 --> 00:11:38,560 Kaj kiel vi ĵus vidis, kiam mi simple kopiis mia mano Leap kaptis rondon moviĝo. 217 00:11:38,560 --> 00:11:44,960 Do vi povas vidi min fari rondon super tie, ĝi ĝisdatigas kun rondo informo. 218 00:11:44,960 --> 00:11:48,332 Farante golpetazos, kaptas golpetazos. 219 00:11:48,332 --> 00:11:49,290 Ni provu ekranon langeto. 220 00:11:49,290 --> 00:11:50,090 Tie ni marŝos. 221 00:11:50,090 --> 00:11:52,370 Ekrano krano kaj ŝlosilan krano. 222 00:11:52,370 --> 00:11:55,040 Do ŝlosilo coladas ankaŭ, por la vojo, estas kiam vi batis malsupren. 223 00:11:55,040 --> 00:11:57,260 Do vi povas imagi eble ludi pianon. 224 00:11:57,260 --> 00:11:59,869 >> Kaj tiam ekrano frapetoj estas kiam vi batis la ekrano. 225 00:11:59,869 --> 00:12:02,910 Do vi povas imagi eble vi reale havi ekranon táctil antaŭ vi 226 00:12:02,910 --> 00:12:05,190 kaj vi bati la takto ekrano antaŭ vi. 227 00:12:05,190 --> 00:12:08,470 Kaj tiam ni povas ekpreni unu de tiuj objektoj en ĉi tie. 228 00:12:08,470 --> 00:12:12,960 Do memoru mi diris ke mi estis pasante la kadro en konzolo ŝtipo. 229 00:12:12,960 --> 00:12:17,160 Kaj tiel ni povas kontroli ĉiujn fragmentojn de informo 230 00:12:17,160 --> 00:12:22,500 ke estas haveblaj en ke kadron tiel uzi. 231 00:12:22,500 --> 00:12:26,320 >> Kiel mi diris antaŭe, pointables estas la fingroj. 232 00:12:26,320 --> 00:12:30,260 Tiumomente ni ne havas nian manojn antaŭ la Leap Motion 233 00:12:30,260 --> 00:12:32,010 do ĝi registris nulo, sed jen kiel vi 234 00:12:32,010 --> 00:12:35,980 komencus eltrovi eble kiom da fingroj estas la ekrano. 235 00:12:35,980 --> 00:12:37,810 Kaj tiu tipo de informo. 236 00:12:37,810 --> 00:12:40,060 Tomáš REIMERS: kaj memorante tiu estas nur objekto. 237 00:12:40,060 --> 00:12:42,185 Do ĉio povas esti alirita ia kiel struct 238 00:12:42,185 --> 00:12:45,540 en C. Vi havas la celon enoficigos dot la proprieto nomo. 239 00:12:45,540 --> 00:12:48,830 Kaj tiam ene ke vi havas arrays kaj vi havas aliajn celojn, 240 00:12:48,830 --> 00:12:50,850 sed memoru ke estas nur objekto. 241 00:12:50,850 --> 00:12:53,788 Nenio speciala ĉar ni uzas 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 Ĉu ni kontrolu paro de Ĝavoskripto ekzemplojn? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> Tomáš REIMERS: Do rapide memori ke ni 247 00:13:07,810 --> 00:13:12,470 diris ke Leap povas reale kuri sur ajna retejo. 248 00:13:12,470 --> 00:13:15,250 LeapJS estas nur servis al kliento. 249 00:13:15,250 --> 00:13:19,850 Kaj tiel kune kiel la kliento havas Leap Motion alfiksis ĝi funkcios. 250 00:13:19,850 --> 00:13:22,540 Do Leap Motion havas retejo kie homoj 251 00:13:22,540 --> 00:13:24,540 povas dividi liaj ekzemploj de aferoj oni jam faris. 252 00:13:24,540 --> 00:13:26,623 Do ni simple tuj iros tra paro de ili 253 00:13:26,623 --> 00:13:29,980 por vidi kio estas ebla antaŭ plonĝado en pli specifaj detaloj pri kiel 254 00:13:29,980 --> 00:13:32,510 ĝi estas ebla. 255 00:13:32,510 --> 00:13:33,346 Do 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Vidu. 257 00:13:34,470 --> 00:13:36,136 Tomáš REIMERS: Nun estu laborante. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Do nun antaŭ ni vidis ekzemplon 259 00:13:38,520 --> 00:13:45,280 uzante Unueco kiu pruntis nian manon kun bela impresa grafika felon 260 00:13:45,280 --> 00:13:50,200 sed nun vi povas vidi vi povas fari la samon ene de retumilo. 261 00:13:50,200 --> 00:13:54,640 Jen ĉiuj ene Chrome nur uzante JavaScript. 262 00:13:54,640 --> 00:13:57,460 Kaj tiam la alia belan afero estas se vi volas 263 00:13:57,460 --> 00:14:02,610 scii kiel faris tion, la ekzemploj en JavaScript 264 00:14:02,610 --> 00:14:07,540 ankaŭ inkludas kodon ebloj kiuj vi povas kontroli kaj tiam vidi 265 00:14:07,540 --> 00:14:12,570 kiel tiu persono estis grabbing manoj kaj kodoj kaj tiaj. 266 00:14:12,570 --> 00:14:16,730 >> Do jen ĉio vi povas trovi ĉe developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Vi povas iri kaj kontroli Ĝavoskripto ekzemploj ke ili havas tie. 268 00:14:20,810 --> 00:14:23,280 Do jes. 269 00:14:23,280 --> 00:14:25,205 Jen tiuj, oops bedaŭras. 270 00:14:25,205 --> 00:14:27,680 Ni provu tion denove. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Mi havas du dekstraj manoj. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Do jes. 275 00:14:34,380 --> 00:14:37,440 >> Tomáš REIMERS: Tiel kaj pli, memoru kelkfoje Leap salatojn supren. 276 00:14:37,440 --> 00:14:40,790 Nur doni ĝi dua. 277 00:14:40,790 --> 00:14:42,784 Ne perfekta, sed ĝi estas sufiĉe bona. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Unu alia rekomendo ankaŭ 279 00:14:44,700 --> 00:14:48,780 estas ne fari ĝin en rekta sunlumo. 280 00:14:48,780 --> 00:14:51,260 Do la vojo Leap Motion verkoj estas, reale 281 00:14:51,260 --> 00:14:54,500 se mi montras la ĉambro ĉi tiel, transruĝa lumo. 282 00:14:54,500 --> 00:14:57,375 Do ĝi sendas tiujn ekster kaj tiam legas ilin kiam ili revenis. 283 00:14:57,375 --> 00:14:59,250 Do se vi provas faru ĝin direkti sunlumon, 284 00:14:59,250 --> 00:15:01,610 ekzemple, estas probable ne tuj laboros, 285 00:15:01,610 --> 00:15:05,850 aŭ ĝi estas tuj postulos iuj calibración fari tion. 286 00:15:05,850 --> 00:15:10,450 >> Ankaŭ alia rekomendo estas liberigi la spacon malantaŭ la Leap 287 00:15:10,450 --> 00:15:12,740 kaj antaŭ Leap. 288 00:15:12,740 --> 00:15:15,520 Pensu pri ĝi kiel funkcias ene de kupolo kiu estas 289 00:15:15,520 --> 00:15:18,360 ĉirkaŭas ĉi Leap Motion objekto. 290 00:15:18,360 --> 00:15:20,550 Se okazas stuff dekstra malantaŭ ĝi tiel, 291 00:15:20,550 --> 00:15:24,740 ke estas ankaŭ tuj interferir kun kiel la Leap Motion prov 292 00:15:24,740 --> 00:15:26,690 rekoni vian manon kaj kiu tipo de aĵoj. 293 00:15:26,690 --> 00:15:30,010 >> Do, ekzemple, mi pensas en ĉi kaze temas pri mia tekkomputilo reale 294 00:15:30,010 --> 00:15:34,351 tio estas speco de farante la Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Yeah, tie ni iru. 296 00:15:35,100 --> 00:15:41,021 Do se mi klarigi mian tekkomputilon de malantaŭ ĝi la mano aperas sufiĉe bone. 297 00:15:41,021 --> 00:15:41,520 Do jes. 298 00:15:41,520 --> 00:15:42,061 Jen tiu. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Do kio alia faris ni montros ilin. 301 00:15:46,417 --> 00:15:48,250 Tomáš REIMERS: Furaĝo nun estus la tempo 302 00:15:48,250 --> 00:15:52,039 ordigi de plonĝi en kaj ni nur fari demo plene de nulo. 303 00:15:52,039 --> 00:15:53,330 Ĝi tuj estos vere simpla. 304 00:15:53,330 --> 00:15:55,250 Esence kion ni iras provi fari estas fari ĝin 305 00:15:55,250 --> 00:15:58,570 por ke kiam vi swipe via mano, La fono tuj komencu marsxi kiel ruĝa, 306 00:15:58,570 --> 00:16:01,361 kaj kiam vi swipe via mano, La fono tuj fariĝos verda. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Vere simpla. 309 00:16:03,709 --> 00:16:05,750 Kaj estas esence nur tuj iros tra multe 310 00:16:05,750 --> 00:16:08,360 de la konceptoj malantaŭ Leap tiel ke ni povas 311 00:16:08,360 --> 00:16:12,630 Eniru tiun ideologion de kiel Leap laboras kaj kiel ni povas konstrui stuff kun tiu. 312 00:16:12,630 --> 00:16:16,760 Kaj tiam el tie ni probable nur montri al vi 313 00:16:16,760 --> 00:16:19,710 la API Dokumentoj kaj kie vi povas legi pli pri tio. 314 00:16:19,710 --> 00:16:21,030 Kaj tiam ni nomas ĝin tago. 315 00:16:21,030 --> 00:16:24,294 Do ĉu vi volas kodi aŭ Ĉu vi deziras min al kodo? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Yeah. 317 00:16:25,210 --> 00:16:28,350 Nu, mi supozas ke ni povas labori kune en ĉi tio kaj provi 318 00:16:28,350 --> 00:16:30,292 >> Tomáš REIMERS: ni do fari iun paro kodigo. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Tie ni marŝos. 320 00:16:31,500 --> 00:16:33,250 Tio estas ekzakte kion mi volis ekiri. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Do ekzemple en tie, ni vidos. 323 00:16:38,750 --> 00:16:40,979 Dum ni ripetanta tra la gestoj jam, 324 00:16:40,979 --> 00:16:43,270 Tomáš REIMERS: Volas fari nur tute nova dosiero? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Tute nova dosiero? 326 00:16:43,870 --> 00:16:44,246 Yeah, certa. 327 00:16:44,246 --> 00:16:45,000 >> Tomáš REIMERS: Yeah. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Do ni faros tion. 329 00:16:45,920 --> 00:16:48,253 >> Tomáš REIMERS: Do ni iras fari tute dosiero. 330 00:16:48,253 --> 00:16:51,290 Ni nomas tion transdonu dot HTML. 331 00:16:51,290 --> 00:16:52,670 Tio estas malvarmeta kun mi. 332 00:16:52,670 --> 00:16:59,020 Do memoru vi faras HTML tag, tiam ene ke vi havas kapon. 333 00:16:59,020 --> 00:17:02,982 Ke kapo havas titolon ene ĝi. 334 00:17:02,982 --> 00:17:04,349 Do langeto inverse. 335 00:17:04,349 --> 00:17:05,589 Tie vi iru. 336 00:17:05,589 --> 00:17:09,359 Titolo, ni nomas ĝin Leap Ekzemplo. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Titolo. 340 00:17:14,040 --> 00:17:14,474 >> Tomáš REIMERS: Yep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Tie ni estas. 342 00:17:15,776 --> 00:17:18,180 >> Tomáš REIMERS: Kaj tiam ni akiru al korpo. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Atendu, ni Ankaŭ certigi por importi. 344 00:17:20,852 --> 00:17:22,060 Tomáš REIMERS: Ho, kompreneble. 345 00:17:22,060 --> 00:17:22,560 Mia malbona. 346 00:17:22,560 --> 00:17:28,700 Do ĉiam fari certe vin havas la Leap skripto por ke estas skripto donita al vi 347 00:17:28,700 --> 00:17:31,810 per Leap Motion kiu esence permesas la retumilon konekti 348 00:17:31,810 --> 00:17:35,580 al la mekanismo en la uzanto komputilo. 349 00:17:35,580 --> 00:17:38,510 Kaj tiam en tiu ni ankaŭ bezonas korpon kaj ni nur 350 00:17:38,510 --> 00:17:40,580 fari la korpon saluti tiel ke ni povas montri studentoj 351 00:17:40,580 --> 00:17:42,704 kiel konekti al ĉi tiu nova retpaĝo ke ili faris. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Sure. 353 00:17:44,260 --> 00:17:45,724 Do ni nur metis another-- 354 00:17:45,724 --> 00:17:48,730 >> Tomáš REIMERS: Saluton, saluton mondo. 355 00:17:48,730 --> 00:17:50,210 Do tre bazan ekzemplon. 356 00:17:50,210 --> 00:17:53,400 Vere nur demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Kaj tiam en ĉi tie ni povas iri al, ni nomis ĝin mane dot HTML, 358 00:17:58,505 --> 00:18:00,000 dekstra? 359 00:18:00,000 --> 00:18:00,810 Kaj ho! 360 00:18:00,810 --> 00:18:04,310 Do mi scivolas kio estas malĝusta kun ĉi tiuj momentoj. 361 00:18:04,310 --> 00:18:07,639 Ni aldonu legitaj permesojn transdoni dot HTML. 362 00:18:07,639 --> 00:18:09,930 Tomáš REIMERS: Ĉu vi volas fari ĝin en la grandan stacion 363 00:18:09,930 --> 00:18:11,080 tiel ke ni povas simple montri ĝin sur the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Yeah, tio havas sencon. 365 00:18:12,501 --> 00:18:13,001 Bone. 366 00:18:13,001 --> 00:18:15,720 Do mi simple aldonis la permesoj, sed se ni 367 00:18:15,720 --> 00:18:18,350 estis por kontroli la permesojn antaŭ ni 368 00:18:18,350 --> 00:18:22,560 estus vidintaj ke reale mano dot HTML ne legis permesojn 369 00:18:22,560 --> 00:18:25,570 kaj tial ni ne povis repagi ĝin. 370 00:18:25,570 --> 00:18:30,850 Sed nun se ni agos tiel, ni vidas nian iom saluton mondo pravas. 371 00:18:30,850 --> 00:18:33,580 >> Tomáš REIMERS: Do ni efektive, dum li estis skribanta, saluton mondo, 372 00:18:33,580 --> 00:18:35,371 Mi pensis pri maniero ni povis ŝanĝi ĉi. 373 00:18:35,371 --> 00:18:41,150 Ni faru ĝin diri saluton mondo, kaj tiam kiam vi skuu, ĝi diras adiaŭ. 374 00:18:41,150 --> 00:18:41,650 Dekstra? 375 00:18:41,650 --> 00:18:42,210 Do saluton, adiaŭ. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Sure. 377 00:18:42,560 --> 00:18:44,010 >> Tomáš REIMERS: Tio sonas sufiĉe bone. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Tio sonas bone al mi ankaŭ. 379 00:18:45,120 --> 00:18:46,920 >> Tomáš REIMERS: Do se ni estos tuj fari tion ni nur 380 00:18:46,920 --> 00:18:48,980 pensi tra la retpaĝo iomete. 381 00:18:48,980 --> 00:18:51,800 Ni tuj bezonos iun skripton kiu esence registras 382 00:18:51,800 --> 00:18:56,470 ke vi flirtis kaj al Leap, ondo kaj swipe, samo. 383 00:18:56,470 --> 00:18:59,584 Do ni tuj bezonas skripton kiu esence registras por tiu swipe. 384 00:18:59,584 --> 00:19:01,500 Kaj alia afero ni estas tuj bezonas estas ni 385 00:19:01,500 --> 00:19:04,360 tuj bezonas ian fakta enhavo ŝanĝos. 386 00:19:04,360 --> 00:19:07,850 >> Do kiel vi memoras, jQuery Permesas al vi ŝanĝi enhavon. 387 00:19:07,850 --> 00:19:13,017 Do unu afero ni eble volas inkludi en tiu estas la jQuery biblioteko. 388 00:19:13,017 --> 00:19:16,100 Kaj tiam por povi elekti kion ni fakte tuj ŝanĝos enhavo, 389 00:19:16,100 --> 00:19:18,224 ke tuj bezonos ID aŭ klaso, aŭ iu 390 00:19:18,224 --> 00:19:20,100 ke ni povas uzi por elekti ĝin. 391 00:19:20,100 --> 00:19:25,010 Do ni simple doni rapida ID de ŝanĝo tekston. 392 00:19:25,010 --> 00:19:26,974 Kaj tiam vi volas ekpreni jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Do kio estas la unua aferon sur nian fari lerta tiam nun? 394 00:19:29,890 --> 00:19:30,620 Tomáš REIMERS: Ni kaptu jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Ni ekpreni jQuery, OK, malvarmeta. 396 00:19:32,494 --> 00:19:34,502 En tiu kazo, mi iros devos actually-- 397 00:19:34,502 --> 00:19:36,210 kie estus la bona loko por fari tion? 398 00:19:36,210 --> 00:19:39,677 >> Tomáš REIMERS: jQuery, do se vi Google jQuery, batis jQuery, la unua 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Tre unua unu. 400 00:19:41,010 --> 00:19:42,135 Tomáš REIMERS: Aŭ deŝuto. 401 00:19:42,135 --> 00:19:42,650 Ĝi estas bone. 402 00:19:42,650 --> 00:19:46,482 Hit download v1 kaj v2 maldekstre. 403 00:19:46,482 --> 00:19:49,190 Do ni priskribanta jQuery de Enreta kiel vi probable faris. 404 00:19:49,190 --> 00:19:50,440 Rulumu malsupren. 405 00:19:50,440 --> 00:19:51,260 Supren, supren. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Ho, ĉi tie nun? 407 00:19:53,502 --> 00:19:54,460 Tomáš REIMERS: Aŭ tio. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 Do jQuery havas gastigita versio kio signifas, ke vi ne efektive 410 00:20:00,150 --> 00:20:01,890 bezonas elŝuti ĝin, sed vi estas pli ol 411 00:20:01,890 --> 00:20:07,734 bonvenigi elŝuti ĝin kaj gastigi ĝin mem. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Do nun ni havas jQuery. 414 00:20:09,566 --> 00:20:11,122 Nun kio estas la sekva sur nia fari lerta. 415 00:20:11,122 --> 00:20:12,080 Tomáš REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Tiel proksimaj kion ni bezonas fari estas ni vere bezonas 417 00:20:13,910 --> 00:20:17,750 doni p saluton mondo IRU tiel ni povas ŝanĝi ĝin, ĉu ne? 418 00:20:17,750 --> 00:20:24,514 Do ni doni ideon de, Mi ne scias, ŝanĝi tekston? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Ni simple faru ĝin tiamaniere, mi supozas. 420 00:20:26,680 --> 00:20:28,013 Tomáš REIMERS: changeText, malvarmeta. 421 00:20:28,013 --> 00:20:29,830 Kaj nun ni nur refreŝigi la paĝon. 422 00:20:29,830 --> 00:20:31,142 Certiĝu ĉiu funkcias. 423 00:20:31,142 --> 00:20:32,100 Do reen en la retumilo. 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 Ĉiam bona rememorigilo ke kiam vi konstruas retejon, 427 00:20:39,380 --> 00:20:44,450 probable refreŝigi ĉiufoje kiam vi faras ajna iom signifa ŝanĝo simple 428 00:20:44,450 --> 00:20:47,993 ĉar kelkfoje vi hazarde faligis etikedo, 429 00:20:47,993 --> 00:20:51,640 aŭ vi hazarde forviŝi ion, kaj tiam vi rompi iu malgranda, 430 00:20:51,640 --> 00:20:55,880 sed tiam, kiam vi faros pli grandan ŝanĝon vi estas kiel, kial faris tiu granda ŝanĝo 431 00:20:55,880 --> 00:20:57,910 kvazaŭe rompi la nerilata afero. 432 00:20:57,910 --> 00:21:02,840 Do estas ĉiam bona por ordigi de iri kaj faras prudento ĉekoj. 433 00:21:02,840 --> 00:21:05,610 >> Ĉiuokaze tiel nun ni faru unu lasta prudento ĉeko, 434 00:21:05,610 --> 00:21:09,800 kio estas ni provu ŝanĝi teksto sen Leap Motion, 435 00:21:09,800 --> 00:21:11,820 sen nenio, nur sur la paĝo ŝarĝo ĝi malebligos 436 00:21:11,820 --> 00:21:17,140 ŝanĝi saluton mondo al adiaŭ uzante jQuery. 437 00:21:17,140 --> 00:21:21,400 Do se vi memoras jQuery elmontras ĉi dolaro signo funkcio, 438 00:21:21,400 --> 00:21:28,640 kion ni povas pasi CSS selector por, nome hashtag ŝanĝo teksto, kiu 439 00:21:28,640 --> 00:21:31,590 Selektas la elemento kun IRU de ŝanĝo tekston. 440 00:21:31,590 --> 00:21:34,980 Kaj tiam ni iras nomi la metodo HTML 441 00:21:34,980 --> 00:21:40,390 sur la objekto revenas kun la argumento de kordo adiaŭ, kiun 442 00:21:40,390 --> 00:21:45,600 ŝanĝos la erojn HTML por adiaŭi. 443 00:21:45,600 --> 00:21:46,210 Imponega. 444 00:21:46,210 --> 00:21:48,790 Tio ŝajnas bela malvarmeta. 445 00:21:48,790 --> 00:21:52,365 Kaj nun kiam ni refreŝigi la paĝo ni tuj vidos 446 00:21:52,365 --> 00:21:54,040 ĝi momente ŝanĝas al adiaŭ, ĉu ne? 447 00:21:54,040 --> 00:21:55,910 Ĉar ĝi ne atendas nenion. 448 00:21:55,910 --> 00:21:59,200 Ordigi de apenaŭ ke skripto kuras ŝanĝas ĝin al adiaŭo. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Do nun ni envolver ke en funkcio. 451 00:22:03,790 --> 00:22:04,290 Rajto. 452 00:22:04,290 --> 00:22:06,270 Do ni tuj volas fari funkcion. 453 00:22:06,270 --> 00:22:08,160 Ni nomas ĝin adiaŭ. 454 00:22:08,160 --> 00:22:11,570 Do funkcio adiaŭ estas tuj prenos sen argumentoj 455 00:22:11,570 --> 00:22:14,170 kaj ne estas vere tuj revenos ion. 456 00:22:14,170 --> 00:22:18,850 Kaj estas ĝuste tuj fari tion en JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Bonega. 459 00:22:23,140 --> 00:22:27,000 Do nia funkcio adiaŭ nun ŝanĝu la tekston al adiaŭ, ĉu ne? 460 00:22:27,000 --> 00:22:28,930 Do ĉi donas al ni metodon al esence ŝanĝo 461 00:22:28,930 --> 00:22:32,871 ke teksto por adiaŭ kiam ajn Ni nomas tiun funkcion. 462 00:22:32,871 --> 00:22:33,370 Dekstra? 463 00:22:33,370 --> 00:22:35,290 Do tiu estas sufiĉe freŝa. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Nu, ni povas ankaŭ ĵus certiĝu 465 00:22:37,430 --> 00:22:41,040 kiuj nun ekde ni ne nomante la funkcio, se ni refreŝigi la paĝon, 466 00:22:41,040 --> 00:22:44,460 rimarki ŝin ne tuj ŝanĝi la tekston. 467 00:22:44,460 --> 00:22:45,509 >> Tomáš REIMERS: Bonega. 468 00:22:45,509 --> 00:22:47,800 Do nun ni tuj komencos eniri en tiu Leap stuff 469 00:22:47,800 --> 00:22:49,880 ke ni parolas. 470 00:22:49,880 --> 00:22:52,240 Do Armi, ĉu vi volas preni ĝin el tie aŭ? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Yeah. 472 00:22:52,640 --> 00:22:53,139 Certe. 473 00:22:53,139 --> 00:22:56,260 Mi verŝajne tuj bezonos al duobla ĉeko aferojn, 474 00:22:56,260 --> 00:22:58,250 sed ekzemple memoras ni diris ke ni volis 475 00:22:58,250 --> 00:23:02,627 certigi en Opcioj ni aro ebligi gestoj 476 00:23:02,627 --> 00:23:03,710 Tomáš REIMERS: Bonan kaptisto. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Por esti vera. 478 00:23:06,250 --> 00:23:08,960 Kaj poste ni estis rekomendante ke vi uloj volus 479 00:23:08,960 --> 00:23:12,230 kuri salto dot buklo, kiu kiel ni diris antaŭe, 480 00:23:12,230 --> 00:23:18,140 havas du eblojn, oni JSON objekto Estas la eblojn por kiom vi volas 481 00:23:18,140 --> 00:23:22,030 konfiguri la Leap Motion al laboro, kaj tiam funkcio tio 482 00:23:22,030 --> 00:23:27,640 tuj kaptos kadron kiel callback funkcion kiel Tomas diras. 483 00:23:27,640 --> 00:23:30,470 Kaj tiam redakti kion vi volas havu kun tiu funkcio. 484 00:23:30,470 --> 00:23:33,890 >> Do ni pasas en la eblon kaj nun ni difinas 485 00:23:33,890 --> 00:23:36,117 funkcio kiu prenos en kadro. 486 00:23:36,117 --> 00:23:38,200 Kaj nun ni devas difini kion tiu funkcio faras. 487 00:23:38,200 --> 00:23:42,569 Estas ankaŭ pro la estonteco, faru tion certigi. 488 00:23:42,569 --> 00:23:43,610 Tomáš REIMERS: Bonega. 489 00:23:43,610 --> 00:23:45,940 Do nun ni havas ĉi salto dot buklo funkcio 490 00:23:45,940 --> 00:23:52,420 voki kiu esence diras spekti Leap kun tiuj ebloj kaj ĉiufoje 491 00:23:52,420 --> 00:23:55,710 ion ŝanĝas, nomas tiun funkcio kadro kun ĉiuj de la datumoj 492 00:23:55,710 --> 00:23:59,510 ke vi estas konscia de en kadro. 493 00:23:59,510 --> 00:24:01,320 Sonoj sufiĉe bona. 494 00:24:01,320 --> 00:24:03,680 Do nun rapidan prudento ĉeko, kiun mi ĉiam rekomendas, 495 00:24:03,680 --> 00:24:07,020 estas en tiu ĝuste meti konzolo dot log kadro. 496 00:24:07,020 --> 00:24:10,320 Kaj tiam en Chrome malfermi ĝin supren kaj rigardi vian konzolon 497 00:24:10,320 --> 00:24:13,870 kaj ludi ĉirkaŭ kun Leap vidi la kadroj esti ensalutinta ĉar tiu volo 498 00:24:13,870 --> 00:24:16,300 frue vi ideon de kio datumo vi havas aliron al. 499 00:24:16,300 --> 00:24:20,680 Kaj kiel ĉiam, se vi get konfuzita, serĉi la API referenco. 500 00:24:20,680 --> 00:24:23,430 Kaj ni inkludas la ligon por ke je la fino de ĉi tiu. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Do ni refreŝigi la paĝon kaj poste 502 00:24:26,300 --> 00:24:28,880 ni iru kaj malfermu la konzolon denove. 503 00:24:28,880 --> 00:24:33,590 Kaj nun ni rimarkas ke ni estas havante kadroj pasis en, 504 00:24:33,590 --> 00:24:37,834 tiuj malgranduloj celoj ni vidis antaŭe. 505 00:24:37,834 --> 00:24:38,690 Do jes. 506 00:24:38,690 --> 00:24:42,870 Jen niaj kadroj montrante supren en la konzolo. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Do nun ke ni kaptis la kadrojn, kiel vi eble memoras pli frue 509 00:24:46,970 --> 00:24:51,800 el la ekzemplo kiun ni havis, se ni kontrolu kadro dot gestoj 510 00:24:51,800 --> 00:24:56,270 ni preni la listo de gestoj kiujn la kadro laste kaptis. 511 00:24:56,270 --> 00:25:01,510 Ni povas kontroli la longon de tiu tabelo vidi se Leap kaptis ajnan gestoj. 512 00:25:01,510 --> 00:25:05,010 Do se tiu tabelo estas pli granda ol nulo tiam ni 513 00:25:05,010 --> 00:25:07,570 scias ke ni havas iujn aĵojn por fari. 514 00:25:07,570 --> 00:25:15,040 >> Do ni envolver ke supren en se kondiĉo kaj nun ĉi tie, kion ni scias estas ni 515 00:25:15,040 --> 00:25:20,390 vidis gesto, ni agas sur ĝin. 516 00:25:20,390 --> 00:25:25,721 Do nun ke ni estas ĉi tie ni havi geston ekiri. 517 00:25:25,721 --> 00:25:28,470 Tomáš REIMERS: Nu, la unua afero estas ne nur unu gesto, 518 00:25:28,470 --> 00:25:29,840 ĝi povus esti kiel multaj gestoj. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Tre vera. 520 00:25:30,964 --> 00:25:33,340 Tomáš REIMERS: Do po klasika C stilo tie 521 00:25:33,340 --> 00:25:36,334 ni probable volas uzi por buklo. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Jen ni estas tiam. 523 00:25:37,750 --> 00:25:42,870 Ni decidis persisti tra la gestoj. 524 00:25:42,870 --> 00:25:46,412 Kaj ne nur vi. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 Kaj nun se ni eble faris nur var gesto egalas 527 00:25:56,150 --> 00:26:01,210 framo dot gestoj krampo i, ni nun devas 528 00:26:01,210 --> 00:26:06,260 gesto mem, kiuj estas nur unu sola petskribo de gesto objekto 529 00:26:06,260 --> 00:26:10,582 por ni labori kun ene de tiu por buklo. 530 00:26:10,582 --> 00:26:12,869 Bone. 531 00:26:12,869 --> 00:26:15,410 Tomáš REIMERS: Ni prudento kontrolu ĉi tie denove kaj nur konsoli 532 00:26:15,410 --> 00:26:17,370 dot ensaluti geston por vidi kion ni preni. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konzolo dot log gesto. 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 Kaj refresxigu pli tempo. 537 00:26:26,250 --> 00:26:30,030 >> Tomáš REIMERS: Kaj ni provu farante geston. 538 00:26:30,030 --> 00:26:34,600 Vi vidos ke faskon de, kiam li golpetazos, 539 00:26:34,600 --> 00:26:39,780 Vi ricevos multajn gestojn en la konzolo kaj se li provas fari rondon, 540 00:26:39,780 --> 00:26:40,470 ĝi estas just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Rondoj estas nur vere bela. 542 00:26:41,750 --> 00:26:45,000 >> Tomáš REIMERS: Nun tie estas bizara afero tie, kiu li estas faranta unu cirklo, 543 00:26:45,000 --> 00:26:48,730 sed tiu estas ensalutadon 80 gestoj, dekstra? 544 00:26:48,730 --> 00:26:50,070 Tio estas multo de gestoj. 545 00:26:50,070 --> 00:26:53,560 Do la unuaj tiaj aferoj al realigi, kaj ĉi tiu povas esti konfuzanta, 546 00:26:53,560 --> 00:26:57,050 estas ke gesto ne nur ensalutinta fojon. 547 00:26:57,050 --> 00:27:01,107 >> Sur ĉiu kadro, dekstra, do se mi faras rondon 548 00:27:01,107 --> 00:27:02,940 Leap detektos ĉi Estas ŝanĝo, de tiu 549 00:27:02,940 --> 00:27:04,398 Estas ŝanĝo, de tiu estas ŝanĝo. 550 00:27:04,398 --> 00:27:05,970 Kaj estos log ĉiu el tiuj. 551 00:27:05,970 --> 00:27:08,200 Sed en ĉiu el tiuj, ĝi tuj diros, ho, 552 00:27:08,200 --> 00:27:10,050 ekzistas gesto nuntempe en progreso. 553 00:27:10,050 --> 00:27:14,260 Do lasu min nur diri, hey, ekzistas geston kaj estas nuntempe en progreso. 554 00:27:14,260 --> 00:27:17,000 Do kion ni ne volas nur diri, ho, sur cxiu 555 00:27:17,000 --> 00:27:19,370 de tiuj gestoj vin volas ŝanĝi tekston. 556 00:27:19,370 --> 00:27:23,660 Kion ni volas fari estas kiam tiu gesto detenas, kaj ni povas kontroli ke, 557 00:27:23,660 --> 00:27:24,974 tiam ni volas ŝanĝi tekston. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Do kiel Tomas estas klarigante tiujn gestojn 560 00:27:30,550 --> 00:27:33,580 montrigxu tra multnombraj kadroj, sed ekzemple, 561 00:27:33,580 --> 00:27:36,200 kiam ni devi ke cirklo, ni povas vidi 562 00:27:36,200 --> 00:27:40,140 ke la IRU por tiu sola rondo ke ni 563 00:27:40,140 --> 00:27:43,950 povintus provi kompletigi Estis la sama ID tra. 564 00:27:43,950 --> 00:27:46,320 Kaj fakte, oni povas ankaŭ Kontroli la staton. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 ĝisdatigita. 567 00:27:50,270 --> 00:27:55,680 >> Kaj tiam ĉi tiu estas probable la lasta rondo kiu, ho, bone, en ordo. 568 00:27:55,680 --> 00:28:00,480 Do kelkfoje montras vin statuson de haltante gesto 569 00:28:00,480 --> 00:28:04,180 kaj ĝi ankaŭ montras al vi statuso de startanta nova gesto kiam 570 00:28:04,180 --> 00:28:09,140 ĝi rekonas por certigi ke vi jam komencis novan geston. 571 00:28:09,140 --> 00:28:10,637 Ekzemple en tiu kazo. 572 00:28:10,637 --> 00:28:11,470 Tomáš REIMERS: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Tiel yeah. 574 00:28:12,511 --> 00:28:14,420 Kaj tiam, vidu. 575 00:28:14,420 --> 00:28:16,490 Vi povas rimarki ankaŭ kvankam ni faris 576 00:28:16,490 --> 00:28:22,179 rondon kaj gesto havas kampon nomita tipo 577 00:28:22,179 --> 00:28:23,970 kiu nin diras kia de gesto kiu estas. 578 00:28:23,970 --> 00:28:27,829 Tiel ke povus esti utila por ni Vi provu kaj fari kion ni faras. 579 00:28:27,829 --> 00:28:29,620 Tomáš REIMERS: Do transiro reen al JS, 580 00:28:29,620 --> 00:28:31,696 la unua afero kiu okazas al mi Ankaŭ, nur legante tra tiu kodo 581 00:28:31,696 --> 00:28:34,340 Estas tie estas malgranda optimumigo, kio estas ni reale 582 00:28:34,340 --> 00:28:35,980 ne bezonas ĉi se kondiĉo, dekstra? 583 00:28:35,980 --> 00:28:39,330 Ĉar se framo dot gestoj ŝprucas longeco estas nulo, ke por buklo La 584 00:28:39,330 --> 00:28:40,450 ne tuj kuros ĉiuokaze. 585 00:28:40,450 --> 00:28:43,100 Do ni plej bone simple iri antaŭeniras kaj akiri liverita de tiu. 586 00:28:43,100 --> 00:28:46,620 Denove, dum vi skribas kodo gravas iri reen kaj varo 587 00:28:46,620 --> 00:28:50,330 de refactor kiel vi konscias ke vi povus esti farita iu pli bona, 588 00:28:50,330 --> 00:28:53,370 aŭ ke estas alia maniero por fari tion. 589 00:28:53,370 --> 00:28:57,170 Do nun ni simple intencas purigi ĉi subite kaj ankaŭ purigi vian kodon. 590 00:28:57,170 --> 00:28:58,310 Tio estas granda negoco. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Bona stilo estas tre estimita. 592 00:28:59,870 --> 00:29:01,828 >> Tomáš REIMERS: Vi povas ĉiam diri kiam iu 593 00:29:01,828 --> 00:29:05,240 havas kodon kie kutimis esti se kondiĉo kaj tiam ili eltiris ĝin, 594 00:29:05,240 --> 00:29:07,530 sed ili ne uncomment ĝin. 595 00:29:07,530 --> 00:29:10,147 Ĝi estas tre evidenta kaj Ĉio aspektas malbele. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Do kio estas proksima en nia fari lerta? 597 00:29:12,230 --> 00:29:15,479 Tomáš REIMERS: Do nun ni estis dirante Mi supozas ke la unua aĵo kiun ni volas fari 598 00:29:15,479 --> 00:29:17,970 estas certigi ke tiu gesto de reale swipe, dekstra? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Yeah. 600 00:29:18,270 --> 00:29:21,750 >> Tomáš REIMERS: Do se ni diras ke nia adiaŭ estas speco de kiel swipe, 601 00:29:21,750 --> 00:29:25,280 ni iros kun ĝi estas swipe, La ni unue bezonas diri estas, bona, 602 00:29:25,280 --> 00:29:27,410 estas la gesto tajpi swipe, dekstra? 603 00:29:27,410 --> 00:29:30,860 Ne cirklo aŭ supro, sed cxu estas swipe? 604 00:29:30,860 --> 00:29:34,280 Do kiel ni povas fari tion Estas ni povas diri gesto 605 00:29:34,280 --> 00:29:38,530 dot tipo egala egala swipe kiel linio. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [inaudible] gesto dot tipo egalas egalas swipe. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Tie ni estas. 609 00:29:47,730 --> 00:29:49,438 >> Tomáš REIMERS: Kaj tiam la lasta demando 610 00:29:49,438 --> 00:29:53,170 ni volas vidi estas gesto dot ŝtata egala egala haltejo, dekstra? 611 00:29:53,170 --> 00:29:55,860 Do estas tie kiam la gesto'S haltigita. 612 00:29:55,860 --> 00:29:58,490 Mi vere pensas por swipe, mi sciu tion super la supro de mia kapo, 613 00:29:58,490 --> 00:30:00,340 sed vi plene rajtas rigardi ĝin, kiam vi 614 00:30:00,340 --> 00:30:05,627 swipe ĉiufoje ĝi registras ŝin ĝis vi halti estas eksalto gesto. 615 00:30:05,627 --> 00:30:07,460 Kaj tiam la lasta onia nur halta gesto. 616 00:30:07,460 --> 00:30:11,090 Do ekzistas nur unu halto gesto, kiu estas granda por ni. 617 00:30:11,090 --> 00:30:17,180 Do kion ni povas fari estas diri se gesto dot tajpu egala egala swipe kaj gesto dot 618 00:30:17,180 --> 00:30:19,950 statuso egala egalaj halti, tiam ni prudento 619 00:30:19,950 --> 00:30:21,725 kontrolu ĉi tie konsoli dot log gesto. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Do ni reiros tien. 622 00:30:30,790 --> 00:30:33,570 Ni refreŝigi la paĝon. 623 00:30:33,570 --> 00:30:38,380 Kaj nun la nura tempo iu devus esti konzolo dot ensalutinta estas kiam ni swipe. 624 00:30:38,380 --> 00:30:40,780 Kaj ni provos swipe kaj vidas nenion. 625 00:30:40,780 --> 00:30:41,280 Dekstra? 626 00:30:41,280 --> 00:30:43,990 Do tiu estas fakte granda problemo. 627 00:30:43,990 --> 00:30:47,560 Ni ne vidas, kion ni atendas. 628 00:30:47,560 --> 00:30:49,356 Kaj depuración povas esti granda parto de tiu. 629 00:30:49,356 --> 00:30:51,980 Do la unua afero ni iras diri estas, bone, ni konsolas dot 630 00:30:51,980 --> 00:30:54,568 log se gesto ŝprucas tajpu egala egala swipe. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Yeah, ni faru tion. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 Tomáš REIMERS: Do ni estas tuj reiri al tiu. 634 00:31:02,020 --> 00:31:03,140 Ni fortigu. 635 00:31:03,140 --> 00:31:04,020 Ni swipe. 636 00:31:04,020 --> 00:31:05,150 Kaj ni tuj vidos faskon da ili. 637 00:31:05,150 --> 00:31:05,650 Akcepti. 638 00:31:05,650 --> 00:31:08,710 Do klare la problemo estis kun nia gesto dot statuso. 639 00:31:08,710 --> 00:31:14,000 Do se ni malfermas unu el tiuj ni rigardi en la celoj kaj ni vidos, 640 00:31:14,000 --> 00:31:18,700 Nu, estas alta, sed, ho, ĝi nomiĝas ŝtato, ne statuso. 641 00:31:18,700 --> 00:31:21,890 Do se ni direktas denove al nia kodo povas diri 642 00:31:21,890 --> 00:31:27,780 se gesto dot tipo egala egala swipe kaj gesto dot stato egala egala haltejo, 643 00:31:27,780 --> 00:31:29,160 tiam ni konsoli dot ensaluti ĝin. 644 00:31:29,160 --> 00:31:30,940 Kaj tiel fortigu. 645 00:31:30,940 --> 00:31:31,856 Ni swipe. 646 00:31:31,856 --> 00:31:33,730 Kaj ni vidos ke sur ĉiu swipe, ni estas nur 647 00:31:33,730 --> 00:31:36,247 atingi unu, kiu estas la Fine, kio estas granda, ĉu ne? 648 00:31:36,247 --> 00:31:37,080 Tio estas kion ni volas. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 Kaj ni povas rimarki ankaŭ ke la IDs por ĉiu de ĉi tiuj gestoj estas apartaj. 651 00:31:42,640 --> 00:31:47,470 Do kiel Tomas diris ĉar ni estas kapti ĉi unu halto stato kiu 652 00:31:47,470 --> 00:31:52,850 ekzistas fine de swipe, ni estas ricevas individuajn apartajn gestojn 653 00:31:52,850 --> 00:31:54,441 el Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Granda. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> Tomáš REIMERS: Ni iru antaŭen kaj nur faru la fina afero, kiu estas, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Adiaŭ. 658 00:32:04,826 --> 00:32:06,425 >> Tomáš REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 Kaj nun ni vidu nia retejo. 660 00:32:08,925 --> 00:32:09,425 Unu 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Dua. 662 00:32:09,730 --> 00:32:11,271 Ni, jes, ni nomas ĝin Adiaŭ. 663 00:32:11,271 --> 00:32:11,920 Granda. 664 00:32:11,920 --> 00:32:13,490 >> Tomáš REIMERS: Ne, Adiaŭ estas reela funkcio. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Yeah. 666 00:32:14,406 --> 00:32:15,670 Ni faru tion. 667 00:32:15,670 --> 00:32:20,566 >> Tomáš REIMERS: Kiam ni skuu adiaŭ, ĝi diras adiaŭ. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Ni havas venkon. 669 00:32:22,360 --> 00:32:25,632 >> Tomáš REIMERS: Do bela ekscita ajxoj. 670 00:32:25,632 --> 00:32:28,590 Espereble vi povas konstrui ion alie, sed vi akiras la ideon de, dekstra? 671 00:32:28,590 --> 00:32:30,260 Vi povas detekti gestojn. 672 00:32:30,260 --> 00:32:31,469 Vi povas nomi funkcioj. 673 00:32:31,469 --> 00:32:34,510 Kaj de tiu, kiu vere donas iuj tre fundamentaj konstruelementoj 674 00:32:34,510 --> 00:32:38,800 diri, ho, eble kiam ili swipe supren, ĉar vi ankaŭ povas detekti aĵojn 675 00:32:38,800 --> 00:32:39,674 kiel direkto. 676 00:32:39,674 --> 00:32:40,840 Mi volas ke ili faru ion. 677 00:32:40,840 --> 00:32:43,470 Aŭ kiam ili swipe pravas, mi volas ilin fari ion. 678 00:32:43,470 --> 00:32:45,880 Kaj ni povas komenci akiri creativas kun kiel ekzakte 679 00:32:45,880 --> 00:32:48,840 ni iras al plibonigi nian retejon uzante tiujn swipe gestoj aŭ rondo 680 00:32:48,840 --> 00:32:53,695 gestoj, aŭ krano gestoj, ĉu ŝlosilo coladas aŭ ekrano frapetoj. 681 00:32:53,695 --> 00:32:56,070 Kaj tiam alia ol tio ke vi estas pli ol bonvena por ludi 682 00:32:56,070 --> 00:32:59,640 per la efektivaj datumoj, sed se vi volas fari 683 00:32:59,640 --> 00:33:03,870 ke ni sugestus vin iri al la dokumentojn ĉar ili estas vere vere bonan. 684 00:33:03,870 --> 00:33:05,034 Do estrita por la dokumentojn jam. 685 00:33:05,034 --> 00:33:06,450 Aŭ ĉu vi volas paroli pri tio? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Yeah. 687 00:33:06,940 --> 00:33:07,920 Ni faru tion. 688 00:33:07,920 --> 00:33:13,680 Ankaŭ aliaj sojfabo konsilon, Klopodu kaj pensu pri tio en 3D. 689 00:33:13,680 --> 00:33:22,611 Do efektive ni elsxiros tiujn gestojn fojo pli konzolo dot log gesto 690 00:33:22,611 --> 00:33:24,290 kaj ni faru tion. 691 00:33:24,290 --> 00:33:29,460 Revenu en kaj nun ni provu paro de tiuj, paro de tiuj. 692 00:33:29,460 --> 00:33:32,940 >> Se ni venu kaj kontrolu tiujn gestojn tiel 693 00:33:32,940 --> 00:33:36,830 kiel vi povas vidi, ke ili estas dimensinombro 694 00:33:36,830 --> 00:33:38,980 estas en tri direktoj, fakte. 695 00:33:38,980 --> 00:33:42,500 Do ne nur limigi vin al 2D ekrano 696 00:33:42,500 --> 00:33:45,200 kvankam vi eble se iu estos en 2D retejo. 697 00:33:45,200 --> 00:33:49,152 Vi povas provi kaj pensi kiel uzanto povus interagi kun la paĝo en 3D. 698 00:33:49,152 --> 00:33:50,360 Tomáš REIMERS: En 3D spacon. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Ekzakte. 700 00:33:51,401 --> 00:33:52,310 Kaj yeah. 701 00:33:52,310 --> 00:33:55,350 Do vi demandu, rapidoj, ĉiuj tiuj malvarmeta informerojn. 702 00:33:55,350 --> 00:33:58,890 >> Tomáš REIMERS: Se vi ne familiara kun tiu, ĝi iras x, y, 703 00:33:58,890 --> 00:34:01,566 kaj tiam z estas tiu lasta dimensio. 704 00:34:01,566 --> 00:34:04,690 Nur io kion vi probable estas konanta se vi pritraktis 3D 705 00:34:04,690 --> 00:34:05,731 kunordigi ebenoj antaŭe. 706 00:34:05,731 --> 00:34:09,565 Se vi ne havas, estas la samaj kiel 2D unu krom tie estas tria dimensio. 707 00:34:09,565 --> 00:34:11,420 Ni nomas ĝin z. 708 00:34:11,420 --> 00:34:16,449 Kaj ĉiu, speco de kiel direkto, kiu estas kie ĝi okazas, 709 00:34:16,449 --> 00:34:19,810 position-- mi kredas ke eble eĉ elmontri akcelo, mi ne certas. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Yeah, mi kredas. 711 00:34:21,341 --> 00:34:22,340 Ĝi definitive havas rapidon. 712 00:34:22,340 --> 00:34:25,699 Mi fakte ne estas 100% certa pri akcelo. 713 00:34:25,699 --> 00:34:28,810 >> Tomáš REIMERS: Eble eblo vi povas pasi sur al io. 714 00:34:28,810 --> 00:34:33,409 Do pozicio kaj rapido estas elmontritaj en tiuj ia tri koordinatoj. 715 00:34:33,409 --> 00:34:38,812 Do x, y, z aŭ delto x, delta Y, delto z. 716 00:34:38,812 --> 00:34:44,130 Do nun estris la informaĵon ĝi estas developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 kaj tiam vi povas klaki Dokumentado. 718 00:34:46,460 --> 00:34:50,010 Denove, Leap Motion havas ĉiujn tiujn mirinda APIs, ĝi haltas Javascript, 719 00:34:50,010 --> 00:34:53,750 unu por C Sharp kaj Unueco, unu por C ++, unu por Java, unu por Python, 720 00:34:53,750 --> 00:34:59,020 kaj unu por Objective C. Persone pelus vin al Ĝavoskripto 721 00:34:59,020 --> 00:35:01,280 aŭ se vi volas lerni nova lingvo, provu Python. 722 00:35:01,280 --> 00:35:05,910 Ambaŭ el tiuj lingvoj kiujn mi laboris kun antaŭe kaj ili estas vere facile lernebla 723 00:35:05,910 --> 00:35:10,250 kaj vi jam scias JavaScript, kiu igas vere bona konkuranto. 724 00:35:10,250 --> 00:35:12,930 >> Unu vorto de singardemo kiam oni eniras la dokumentojn. 725 00:35:12,930 --> 00:35:15,940 Certiĝu vi moviĝas Dokumentoj v2.0. 726 00:35:15,940 --> 00:35:20,250 Ĉar se vi estas sur Versio unu, tio ne funkcios. 727 00:35:20,250 --> 00:35:21,830 Ankaŭ por la ekzemplo galerio. 728 00:35:21,830 --> 00:35:25,100 Ni elspezis bonan 30 minutoj perante la elpurigi nian Leap 729 00:35:25,100 --> 00:35:28,640 antaŭ ni konstatis ke V1 ne funkcias kun V2. 730 00:35:28,640 --> 00:35:31,660 Do simple certigi ke vi estas en versio du. 731 00:35:31,660 --> 00:35:33,904 Kaj poste mi permesos al li montri vian la dokumentojn. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Yeah. 733 00:35:34,820 --> 00:35:39,480 Do jen la API superrigardon kaj tiam iuj bitoj kaj pecoj de la informo 734 00:35:39,480 --> 00:35:41,420 ke ni jam rakontis al vi. 735 00:35:41,420 --> 00:35:44,270 Nice iom Floating manojn super Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Kaj recordatorio pensi pri spaco en 3D. 737 00:35:47,850 --> 00:35:53,140 Unu el la unuaj celoj pensi kun Leap Motion estas manoj, kompreneble. 738 00:35:53,140 --> 00:35:57,060 Ni vidis la rekonitaj per la visualizador. 739 00:35:57,060 --> 00:35:59,180 Kaj poste vi povus havi vidis ke ĝi rekonis 740 00:35:59,180 --> 00:36:03,202 parto de la pojno kaj la brakon asociita kun ĝi. 741 00:36:03,202 --> 00:36:05,410 Tomáš REIMERS: Se vi deziras tiri supren la visualizador. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Yeah, ni faru tion denove. 743 00:36:07,190 --> 00:36:10,148 Tomáš REIMERS: Vi povas vidi, ĉiam nur bona recordatorio al ia vidi, 744 00:36:10,148 --> 00:36:14,060 la visualizador provas montri ĉiuj datumoj kiujn Leap vidas. 745 00:36:14,060 --> 00:36:17,606 Do, vi vidos, ke ni havas tiujn speco de kvar punktoj 746 00:36:17,606 --> 00:36:19,230 je manartiko kaj tiam la reala pojno. 747 00:36:19,230 --> 00:36:21,625 Kaj vi ankaŭ havas ĉi pilko ĉe la palmo. 748 00:36:21,625 --> 00:36:24,000 Ĉiuj de ĉi tiuj estas punktoj rekoni rekonita de la salto. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Ekzakte. 750 00:36:25,041 --> 00:36:32,300 Kaj tiel kun tiu mano objekto ĉiu kadro havas manon tabelo 751 00:36:32,300 --> 00:36:36,470 tiel kie vi povas ankaŭ ricevi la maldekstra kaj la dekstra mano. 752 00:36:36,470 --> 00:36:39,410 Vi povas akiri kio direkto la manoj estas 753 00:36:39,410 --> 00:36:42,410 alfrontas kun la normala direkto de la palmo, 754 00:36:42,410 --> 00:36:45,470 aŭ kiel ili lin nomas la palmo normala. 755 00:36:45,470 --> 00:36:46,510 Kion alian ni havas? 756 00:36:46,510 --> 00:36:48,120 Ni ankaŭ, oops. 757 00:36:48,120 --> 00:36:50,640 Ni provu kaj rulu suben tiamaniere. 758 00:36:50,640 --> 00:36:54,410 La brakoj, la fingroj estas reprezentita de la fingro 759 00:36:54,410 --> 00:36:57,890 klaso, kio estas pointable objekto. 760 00:36:57,890 --> 00:37:01,420 Do kiel ni priparolis, ni vidis, ke tabelo de pointables por ĉiu mano. 761 00:37:01,420 --> 00:37:04,240 Tiuj estas la iom fingroj pensi. 762 00:37:04,240 --> 00:37:09,809 Do ĉi tiu estas bona superrigardon iri tra provi kaj kompreni. 763 00:37:09,809 --> 00:37:11,850 Tomáš REIMERS: [inaudible] mano anatomio tie supre. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Yeah, precize. 765 00:37:13,680 --> 00:37:14,220 Do jes. 766 00:37:14,220 --> 00:37:18,150 Tie estas multa kruda datenaro la Leap Motion prenas en interpretas bone 767 00:37:18,150 --> 00:37:20,750 por vi, tuj kiam estas granda ideo iri tra ĉi tie 768 00:37:20,750 --> 00:37:25,300 kaj provi elkompreni kiel Leap havas jam kalkulis tion por vi 769 00:37:25,300 --> 00:37:28,830 kaj do kion informo vi havas disponebla de tie. 770 00:37:28,830 --> 00:37:33,150 Kaj tiam el tie Mi rekomendus iranta en tiu maldekstra sekcio super tie, 771 00:37:33,150 --> 00:37:39,210 kiu iras, bone fakte ne, tiuj estas fakte ĝuste pli API stuff about-- 772 00:37:39,210 --> 00:37:42,670 >> Tomáš REIMERS: La API referenco je la malsupro estas kutime bona loko por iri. 773 00:37:42,670 --> 00:37:45,720 Vi ĉiuj probable vidis tion kiam ni faris la Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Sed la referenco vere nur iras tra ĉiuj 775 00:37:48,590 --> 00:37:54,540 de la funkcioj kaj parametroj disponebla en la objekton al vi. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Yeah. 777 00:37:55,500 --> 00:37:57,740 Ekzemple, jen kion Mi serĉis antaŭ. 778 00:37:57,740 --> 00:38:01,030 Kiam ni havos mane ni povas iri kaj elkompreni 779 00:38:01,030 --> 00:38:03,750 kiel Leap rekomendas al ni trovi mano. 780 00:38:03,750 --> 00:38:06,080 Kiel mi diris antaŭe, ni havas manojn tabelo. 781 00:38:06,080 --> 00:38:10,340 Eltrovu se ni havas manojn kaj provu kaj kroĉi sola mano 782 00:38:10,340 --> 00:38:12,410 interagi kun tiel rigide. 783 00:38:12,410 --> 00:38:16,540 Do, tio estas kion ni rekomendar vi uloj. 784 00:38:16,540 --> 00:38:18,400 La gestoj kaj aĵoj tiel. 785 00:38:18,400 --> 00:38:23,857 Tiu API dokumentaro tuj esti fantástica ilo por vi uloj. 786 00:38:23,857 --> 00:38:25,440 Ĉu vi havas aliajn rekomendojn? 787 00:38:25,440 --> 00:38:26,398 >> Tomáš REIMERS: Mi ne. 788 00:38:26,398 --> 00:38:27,590 Mi kredas ke tio estas bona por nun. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Yeah, Mi pensas tiel ankaŭ. 790 00:38:29,340 --> 00:38:33,330 Bonvolu retposxtu nin kaj akiri kontakti pri Leap Motion 791 00:38:33,330 --> 00:38:36,210 se vi havas eble ajnaj aferoj aŭ bezonas neniun rekomendoj. 792 00:38:36,210 --> 00:38:40,310 Kaj ni povas provi diveni stuff evi vi uloj ankaŭ. 793 00:38:40,310 --> 00:38:40,810 Dankon. 794 00:38:40,810 --> 00:38:42,360 >> Tomáš REIMERS: Granda. 795 00:38:42,360 --> 00:38:42,880