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 Kaya hi, sa lahat. 4 00:00:13,230 --> 00:00:14,300 Tomas Ang pangalan ko ay. 5 00:00:14,300 --> 00:00:15,744 Isa akong tf at ito ay 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Nice upang makita ka guys. 8 00:00:17,637 --> 00:00:18,470 Tomas REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Kaya kami ay pagpunta sa pakikipag-usap ay tungkol sa Leap Motion ngayon. 10 00:00:20,740 --> 00:00:22,800 Kaya Leap Motion ay isang talagang cool na produkto na 11 00:00:22,800 --> 00:00:25,900 hinahayaan kang makipag-ugnayan sa isang computer na sa ibang paraan. 12 00:00:25,900 --> 00:00:28,560 Kaya ang buong ideya sa likod talon na kilos at na 13 00:00:28,560 --> 00:00:31,430 Maaaring gamitin ng ang iyong mga kamay sa makipag-ugnayan sa computer. 14 00:00:31,430 --> 00:00:33,610 Kaya dito mismo ba akong magkaroon ng set up. 15 00:00:33,610 --> 00:00:34,790 Kukunin ko makipag-usap tungkol dito sa ilang sandali. 16 00:00:34,790 --> 00:00:37,540 Ngunit ang pangunahing bersyon ay maaaring mo makita na mayroon akong aking mga kamay sa harap 17 00:00:37,540 --> 00:00:42,840 ng aking computer at kapag nilipat ko ang mga ito, makuha mo ang mga analog sa computer 18 00:00:42,840 --> 00:00:44,170 at maaari mong pag-aralan ito. 19 00:00:44,170 --> 00:00:46,230 Maaari kang gumawa ng mga galaw. 20 00:00:46,230 --> 00:00:49,176 Maaari mong gamitin ang iyong mga kamay sa makipag-ugnayan sa ang computer 21 00:00:49,176 --> 00:00:50,300 sa mga bago at kagiliw-giliw na paraan. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Well, aktwal ko muna Gusto upang mapawi sa Armi 24 00:00:57,520 --> 00:01:00,400 upang ipakita sa iyo ang ilang mga cool na demo ng kung ano ang ilang mga tao na ginawa nang may ito. 25 00:01:00,400 --> 00:01:02,816 At pagkatapos ay magpapadala kami makipag-usap tungkol sa kung paano na talagang may code na ito. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Oo. 27 00:01:04,800 --> 00:01:05,300 Kamusta. 28 00:01:05,300 --> 00:01:08,870 Kaya bilang nakita natin, kaunti data dito, ngunit tingnan natin 29 00:01:08,870 --> 00:01:11,680 kung ano ang ilang mga tao na ginawa nang may ito. 30 00:01:11,680 --> 00:01:15,130 Kaya hayaan buksan up lang sa akin halimbawang ito. 31 00:01:15,130 --> 00:01:20,770 At pagkatapos ay, kaya, halimbawa, maaari mong makita ang ang aking kamay analog doon, ngunit ngayon oras na ito 32 00:01:20,770 --> 00:01:26,680 ang ilang mga tao gamit Unity mayroon Nagpasya upang maglagay ng kaunti pa sa balat 33 00:01:26,680 --> 00:01:28,670 at bagay-bagay sa paligid ng kamay. 34 00:01:28,670 --> 00:01:35,900 Kaya ako makapag, sabihin pumunta sa isang ito, sigurado, ang aking mga kamay sa pakikipag-ugnayan. 35 00:01:35,900 --> 00:01:41,050 At maaari mong marahil isipin ng ilang iba pang mga cool na bagay na kapaki-pakinabang 36 00:01:41,050 --> 00:01:42,840 na maaari mong gawin sa mga ito. 37 00:01:42,840 --> 00:01:45,530 Kaya ito ay hindi bababa sa isang halimbawa. 38 00:01:45,530 --> 00:01:48,910 At ang tumalon out sa pagkatapos ay hayaan. 39 00:01:48,910 --> 00:01:56,590 >> At pagkatapos ng isa pa cool na ay, ay pumunta sa isang ito ipaalam. 40 00:01:56,590 --> 00:01:58,390 Plasmo bola. 41 00:01:58,390 --> 00:02:03,510 Muli, hindi namin gagawin naman asahan ang antas ng pagiging kumplikado 42 00:02:03,510 --> 00:02:06,450 mula sa isang pangwakas na proyekto para sa CS50. 43 00:02:06,450 --> 00:02:10,029 Ito ay lamang upang ipakita sa iyo ang ilan sa mga, nagbibigay sa iyo guys 44 00:02:10,029 --> 00:02:14,570 isang maliit na inspirasyon para sa kung ano ka guys ay maaaring gawin sa Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Kaya halimbawa narito ang isang cool na physics halimbawa, na doon kami pumunta. 46 00:02:20,500 --> 00:02:24,305 May pareho ng aking mga kamay na ito ngayon sa iyo may maliit na ito plasma ball. 47 00:02:24,305 --> 00:02:31,030 At ang bola ay reacting sa pisika ng akin gumagalaw ang aking kamay sa paligid ng bola. 48 00:02:31,030 --> 00:02:36,920 Ngayon ito ay ang lahat kahit na ang paggamit ng Unity, gamit ang uri ng mga tool at Framework 49 00:02:36,920 --> 00:02:39,510 na hindi namin itinuro ka guys sa klase, 50 00:02:39,510 --> 00:02:46,590 ngunit bilang maaari mong makita ang ilang mga kaakit-akit cool na run through na may iyon. 51 00:02:46,590 --> 00:02:51,750 >> Ngunit isang bagay na maaaring gawin sa iyo guys nagsisimula off sa ngayon na may Leap Motion 52 00:02:51,750 --> 00:02:53,260 ay gawa sa JavaScript. 53 00:02:53,260 --> 00:02:58,960 May JavaScript API Leap Motion na Maaari ginagamit mo guys at kami lubos, lubos na 54 00:02:58,960 --> 00:03:02,040 Nirerekomenda guys bumuo ng ang iyong mga proyekto gamit na iyon. 55 00:03:02,040 --> 00:03:04,350 Kaya sa na, ipaalam sa akin pumasa ito pabalik-off sa Tomas 56 00:03:04,350 --> 00:03:06,582 makipag-usap tungkol sa Leap Paggalaw at JavaScript. 57 00:03:06,582 --> 00:03:07,415 Tomas REIMERS: Cool. 58 00:03:07,415 --> 00:03:09,230 O ang gusto mong ipakita ito ang unang Visualizer? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh yes. 60 00:03:09,670 --> 00:03:10,170 Oo. 61 00:03:10,170 --> 00:03:11,900 Ay makipag-usap higit pa tungkol sa Visualizer natin iyon. 62 00:03:11,900 --> 00:03:14,983 >> Tomas REIMERS: Kaya sa isang pinaka-basic antas, noong una mong makakuha sa Leap Motion 63 00:03:14,983 --> 00:03:16,940 ka ng pagpunta sa mayroon sa kahon na ito. 64 00:03:16,940 --> 00:03:18,330 Dito, gusto mo ako na kumuha ng kontrol? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Oo, pumunta para dito. 66 00:03:19,180 --> 00:03:20,530 >> Tomas REIMERS: Kaya Kapag nag unang makapunta sa Leap Motion 67 00:03:20,530 --> 00:03:21,780 ka ng pagpunta sa mayroon sa kahon na ito. 68 00:03:21,780 --> 00:03:24,460 Mayroon itong aparato na ganito ang hitsura. 69 00:03:24,460 --> 00:03:28,990 Plug mo ito sa iyong computer, -install ng mga kinakailangang driver, 70 00:03:28,990 --> 00:03:30,950 at pagkatapos ay isa lamang na itakda ito up. 71 00:03:30,950 --> 00:03:34,160 Kaya ang pinakamadaling paraan upang i-sort ng deal na may Leap Motion 72 00:03:34,160 --> 00:03:39,240 ay buksan ito programa-install ito na tinatawag na Leap Visualizer ng Paggalaw. 73 00:03:39,240 --> 00:03:41,490 At ang Visualizer ay literal kung ano ako ako sa pagpapakita dito. 74 00:03:41,490 --> 00:03:45,340 Pinapayagan ka nitong makita ang mga ng kalansay balangkas ng iyong mga kamay. 75 00:03:45,340 --> 00:03:49,940 At kung ano ang Leap Motion ay pagbibigay-kahulugan ang mga ito bilang. 76 00:03:49,940 --> 00:03:53,750 Kaya gumagamit ng Leap Motion ang camera upang ayusin ng pagtingin sa iyong mga kamay 77 00:03:53,750 --> 00:03:59,176 at pagkatapos ito sumusubok na hulaan kung ano ang pangunahing komposisyon ng kalansay na 78 00:03:59,176 --> 00:04:00,460 makita sa screen ay. 79 00:04:00,460 --> 00:04:01,669 At iyon ang ipinapakita nito sa iyo. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Ang Bawat -iisang maliit na punto 81 00:04:03,418 --> 00:04:06,580 at bagay na nakikita mo doon ay data na magagamit mo guys 82 00:04:06,580 --> 00:04:07,270 pati na rin gamitin. 83 00:04:07,270 --> 00:04:09,670 Kaya nakikita mo na ito pagkuha na Tomas 84 00:04:09,670 --> 00:04:12,160 May limang mga daliri, sa bawat isa sa mga iba't ibang mga daliri 85 00:04:12,160 --> 00:04:17,110 Available din para sa iyo bilang data mga punto upang gamitin sa kahit anong application 86 00:04:17,110 --> 00:04:18,256 na maaaring gusto. 87 00:04:18,256 --> 00:04:20,339 Kung nais mong makita kung isang tao ang ginagawa ng kaunting tapang 88 00:04:20,339 --> 00:04:23,860 Maaari mong makita kung ang kanilang mga daliri ay kulutin at kung ang mga ito ay 89 00:04:23,860 --> 00:04:25,850 hinlalaki daliri nakaturo pataas, o kung saan 90 00:04:25,850 --> 00:04:30,037 ang kanilang mga pulso o palad ay at na uri ng bagay. 91 00:04:30,037 --> 00:04:30,870 Tomas REIMERS: Cool. 92 00:04:30,870 --> 00:04:35,186 Kaya maaari mong makita ang ilang mga galaw ito Naiintindihan ng mas mahusay kaysa sa iba. 93 00:04:35,186 --> 00:04:38,310 Tandaan, ito ay ang pagtingin sa iyong kamay mula sa isang kamera mula sa ibaba, 94 00:04:38,310 --> 00:04:41,630 kaya kapag mayroon kang ang iyong mga kamay tulad ng ito naiintindihan ito ang mga ito ganap, 95 00:04:41,630 --> 00:04:44,509 ngunit sa sandaling simulan mo upang subukan at gawin ang isang kaunting tapang, minsan bumabasa ng ito dito, 96 00:04:44,509 --> 00:04:47,550 Minsan maaari itong hulaan, ngunit matapat ang camera lamang ay hindi maaaring makita ang hinlalaki. 97 00:04:47,550 --> 00:04:49,810 Kaya hindi talaga sigurado kung ano ang nangyayari. 98 00:04:49,810 --> 00:04:54,910 Ilang mga limitasyon lang na dapat tandaan kapag naka-develop ng may ito. 99 00:04:54,910 --> 00:04:56,540 >> Pa Rin, kaya bumalik sa ito. 100 00:04:56,540 --> 00:04:59,040 Ang Visualizer talaga May ng maraming kapaki-pakinabang na mga tool. 101 00:04:59,040 --> 00:05:01,780 Kaya ang Leap Motion ay -program sa paraang 102 00:05:01,780 --> 00:05:04,280 na hindi nila inaasahan mong makipag-ugnayan sa data na imahe. 103 00:05:04,280 --> 00:05:06,230 Gawin nila hindi talaga inaasahan mong maunawaan 104 00:05:06,230 --> 00:05:08,060 kung ano ang nangyayari sa likod ng mga eksena. 105 00:05:08,060 --> 00:05:11,620 Ano ang kanilang ginagawa ay ilantad ng grupo ng mga API para sa iyo 106 00:05:11,620 --> 00:05:13,420 tulad na maaari mong makipag-ugnayan sa data na ito 107 00:05:13,420 --> 00:05:18,400 direkta nang walang pag-unawa kung ano ang nangyayari sa ilalim ng hood. 108 00:05:18,400 --> 00:05:27,790 >> Kaya kung pindutin namin H dito sa Visualizer makakakita ka ng maraming mga pagpipilian. 109 00:05:27,790 --> 00:05:35,450 Ang mahalagang isa dito bagaman ay kung pinindot ninyo ang O at pagkatapos ay pindutin ang H, 110 00:05:35,450 --> 00:05:38,080 makikita mo na ito Hinahayaan kang gumuhit ng mga galaw. 111 00:05:38,080 --> 00:05:43,380 Kaya isang galaw, makikita mo ang ito ay nakakakuha ng isang arrow sa kabuuan. 112 00:05:43,380 --> 00:05:47,010 Ang isang galaw ay isa sa mga paraan kung saan Leap Paggalaw uri ng mga nagbibigay-daan sa makuha mo ang data 113 00:05:47,010 --> 00:05:48,462 nang hindi na kinakailangang i-proseso nito. 114 00:05:48,462 --> 00:05:51,170 Kaya sa halip na sa akin nangangailangang malaman out, oh, ang kamay ay gumagalaw, 115 00:05:51,170 --> 00:05:54,970 kahit na mayroon akong punto ng access, ang API ay isang uri ng sabihin lang sa akin, 116 00:05:54,970 --> 00:05:56,380 hey, ginawa na nila ang galaw. 117 00:05:56,380 --> 00:05:58,920 Kaya maaari kang magsagawa ng mga pangunahing arrow galaw. 118 00:05:58,920 --> 00:06:00,590 Maaari kang gumawa ng mga galaw ng lupon. 119 00:06:00,590 --> 00:06:03,530 Maaari kang gumawa ng pag-tap galaw. 120 00:06:03,530 --> 00:06:07,630 At maaari kang magsagawa ng mga pangunahing pindutin ang galaw. 121 00:06:07,630 --> 00:06:09,394 Oo. 122 00:06:09,394 --> 00:06:10,800 At na uri ng mga bagay-bagay. 123 00:06:10,800 --> 00:06:14,370 Kaya ngayon na hindi namin uri ng nakita kung ano ang magagawa Leap Motion, 124 00:06:14,370 --> 00:06:17,792 Maaari mong makita ang maaari itong basahin ang isang ang maramihang mga galaw. 125 00:06:17,792 --> 00:06:19,500 Sa tingin ko pupuntahan ko pumasa ito pabalik sa Armi 126 00:06:19,500 --> 00:06:22,300 at pupuntahan niya na makipag-usap tungkol sa kung paano makakakuha ka ng sa mga may JavaScript, 127 00:06:22,300 --> 00:06:24,520 paano ka magsimula kahit isang proyekto na may ito. 128 00:06:24,520 --> 00:06:27,724 At pagkatapos ay magpapadala kami makipag-usap tungkol sa ilang cool na lugar maaari kang pumunta sa na. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Oo. 130 00:06:28,640 --> 00:06:29,300 Magaling. 131 00:06:29,300 --> 00:06:31,950 Kaya oo, ang napaka-unang bagay na namin ay gusto mong gawin siyempre, 132 00:06:31,950 --> 00:06:37,170 ay matapos mong makuha ang Leap Motion ay ang pumunta sa leapmotion.com, set up, i-install 133 00:06:37,170 --> 00:06:38,420 ang mga driver at mga bagay-bagay. 134 00:06:38,420 --> 00:06:42,520 Pagkatapos ng paggawa na maaari mong pumunta tiyakin na ito ay konektado. 135 00:06:42,520 --> 00:06:46,910 Kung nakikita mo sa iyong maliit na tray ang Leap icon ng Paggalaw at ito ay berde, 136 00:06:46,910 --> 00:06:48,640 pagkatapos ay alam mo na ikaw ay ang lahat ng set. 137 00:06:48,640 --> 00:06:53,710 At siyempre tingnan kung ano mismo ang Lamang ay nagpakita sa iyo Tomas sa galaw 138 00:06:53,710 --> 00:06:59,320 at ginagawa ang taps screen, at key taps, at ang uri ng mga bagay-bagay. 139 00:06:59,320 --> 00:07:02,180 >> Pagkatapos na bagaman namin, sa sandaling muli, tulad ng sinabi ko, 140 00:07:02,180 --> 00:07:06,530 mayroon kaming access sa lahat ng mga bagay sa JavaScript pati na rin. 141 00:07:06,530 --> 00:07:09,020 -Set up ang perpektong na ang Gusto naming inirerekumenda sa iyo 142 00:07:09,020 --> 00:07:16,440 guys ay upang pumunta sa iyong vhost direktoryo, lokal na host, 143 00:07:16,440 --> 00:07:19,340 pampubliko sa iyong CS50 appliance. 144 00:07:19,340 --> 00:07:24,790 At kapag ikaw ay pumunta doon kung ano ikaw makita ay isang index na tuldok HTML file. 145 00:07:24,790 --> 00:07:28,180 Ngayon index tuldok na HTML file o indeks na tuldok 146 00:07:28,180 --> 00:07:32,740 PHP file, alinman ang fine, ano ang maaari mong gawin pagkatapos 147 00:07:32,740 --> 00:07:35,150 ay pumunta sa iyong pangunahing operating system. 148 00:07:35,150 --> 00:07:38,650 At kung kang pumunta sa IP address na nakalista sa kanang ibaba 149 00:07:38,650 --> 00:07:45,180 na sulok ng iyong appliance dito mismo, bilang maaari mong makita, pagkatapos ay kung ano ang mangyayari 150 00:07:45,180 --> 00:07:51,240 ay kang pumunta sa pahina na -reference sa pamamagitan ng na-index na tuldok HTML file. 151 00:07:51,240 --> 00:07:56,610 Kaya lahat ng code na maaari mong ilagay sa doon ay makakakuha ng nagpadala at kapaki-pakinabang dito. 152 00:07:56,610 --> 00:07:58,960 >> Tomas REIMERS: Kaya din mahalaga lamang para sa sanggunian 153 00:07:58,960 --> 00:08:06,554 na kung iyong guys talaga alam paano mag-set up ng server ang iyong sarili, 154 00:08:06,554 --> 00:08:09,720 o nais mong ilagay ito sa buong mundo sa web, maaari kang gawin ang anumang. 155 00:08:09,720 --> 00:08:11,594 Tandaan na ang mga ito ay file lang ang JavaScript 156 00:08:11,594 --> 00:08:14,250 at ang lahat ng pagpoproseso Leap tapos na sa client. 157 00:08:14,250 --> 00:08:16,510 Kaya ito ay hindi talagang mahalaga kung saan ang iyong mga buhay ng server 158 00:08:16,510 --> 00:08:19,660 hangga't ang computer tinitingnan mo ang mga website sa 159 00:08:19,660 --> 00:08:22,024 Na-install Leap Motion. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Oo naman. 161 00:08:23,190 --> 00:08:25,680 Tulad ng sinabi Tomas, oo, kahit anong gumagana para sa iyo guys. 162 00:08:25,680 --> 00:08:28,570 Ito ay lamang ng isa sa aming mga rekomendasyon. 163 00:08:28,570 --> 00:08:31,660 Ngayon upang simulan ang paggamit ng Leap Paggalaw kung ano ang gusto mong gawin 164 00:08:31,660 --> 00:08:36,640 ay nais mong i-import ang JavaScript na file mula sa Leap Motion. 165 00:08:36,640 --> 00:08:39,610 At pagkatapos ay mula doon kung ano maaari mong gawin ay, sa ngayon 166 00:08:39,610 --> 00:08:44,250 Mayroon akong lamang ng talataang ito -set up ang tag na may isang ID ng teksto. 167 00:08:44,250 --> 00:08:48,690 Mga bagay na nais naming inirerekumenda ay pagtatakda ng mga pagpipilian controller 168 00:08:48,690 --> 00:08:52,012 para sa Leap Motion sa paganahin ang mga galaw para maging totoo. 169 00:08:52,012 --> 00:08:53,970 Kaya bilang default sa mga galaw na namin ipinakita sa iyo 170 00:08:53,970 --> 00:08:57,010 guys, bilog, at ang key tap, at ang swipes, 171 00:08:57,010 --> 00:09:00,330 iyon ay ipinapakita sa ka guys bilang default. 172 00:09:00,330 --> 00:09:04,450 Ngunit lubos naming inirerekomenda ang paggamit sa mga kaya hindi ka reinventing ang wheel. 173 00:09:04,450 --> 00:09:09,489 Paganahin ang mga mag-totoo, pagpasa sa mga Mga pagpipilian sa controller upang talunin tuldok loop 174 00:09:09,489 --> 00:09:10,530 at handa ka na upang pumunta. 175 00:09:10,530 --> 00:09:13,270 Dahil pagkatapos ay mayroon kang lamang nilinaw isang hindi nakikilalang function na 176 00:09:13,270 --> 00:09:16,910 na magdadala sa isang frame mula sa Leap Motion 177 00:09:16,910 --> 00:09:21,150 at frame na mayroon ng lahat ng impormasyon na iyong pupuntahan sa kailangan. 178 00:09:21,150 --> 00:09:25,310 >> Tomas REIMERS: Kaya lang sa pagbabalik-tanaw, mayroon kang isang bagay. 179 00:09:25,310 --> 00:09:28,250 Mayroon kang ang function na ito tinatawag na lukso tuldok loop. 180 00:09:28,250 --> 00:09:30,460 At tawagan mo ito gamit ang dalawang mga argumento. 181 00:09:30,460 --> 00:09:33,134 Tatawagan ka nito gamit ang isa, ang mga pagpipilian sa controller. 182 00:09:33,134 --> 00:09:35,300 At doon ay marami ng mga mga pagpipilian maaari mong ilagay doon. 183 00:09:35,300 --> 00:09:38,170 Ang isa namin ang pagpunta sa bigyang-diin ay paganahin ang mga galaw. 184 00:09:38,170 --> 00:09:41,230 At kung itinakda mo ito katumbas ng totoo pagkatapos ay maaari kang makakuha ng access sa mga galaw na ito 185 00:09:41,230 --> 00:09:42,940 na nagpakita ka namin sa Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> At pagkatapos ay ang pangalawang argumento ay isang function, ito ay uri ng tulad ng isang tawag likod 187 00:09:47,500 --> 00:09:53,010 na kung saan ay tinatawag na ang bawat oras bawat frame ng Leap, 188 00:09:53,010 --> 00:09:57,340 kaya sa bawat oras na nagrerehistro talon na ilipat ang iyong mga kamay, ito ay may bagong frame. 189 00:09:57,340 --> 00:10:02,130 At tawag ang function na ito sa isa argument, kung saan ay ang frame bagay. 190 00:10:02,130 --> 00:10:05,909 At inilalarawan na frame na bagay ang frame bilang Leap makakakita nito. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Mismong. 192 00:10:06,950 --> 00:10:10,450 Kaya ito ay naglalaman ng lahat ng mga kapaki-pakinabang bits at piraso ng impormasyon 193 00:10:10,450 --> 00:10:12,550 na pinag-uusapan namin ang tungkol sa mas maaga. 194 00:10:12,550 --> 00:10:18,010 Sinusuri ang frame galaw tuldok ay isang hanay ng mga galaw 195 00:10:18,010 --> 00:10:23,680 na ang mga hakbang paggalaw nahuli ang iyong mga kamay ang paggawa sa huling frame. 196 00:10:23,680 --> 00:10:26,470 Kaya halimbawa, kung ano ang hindi namin paggawa dito ay namin ang pag-check, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, sa na huling frame ng ginawa mong abutin ang anumang galaw na ginawa ko? 198 00:10:31,820 --> 00:10:36,350 At kung gayon kung ano magpasya namin na gawin ay umulit sa pamamagitan ng mga galaw 199 00:10:36,350 --> 00:10:39,760 at subukan at makakuha ng kapaki-pakinabang na ang ilang mga impormasyon mula sa mga ito. 200 00:10:39,760 --> 00:10:44,290 Ang bawat galaw ay may natatanging ID na nauugnay dito. 201 00:10:44,290 --> 00:10:46,280 Ang mga ito ay mga uri. 202 00:10:46,280 --> 00:10:50,220 Maaari kang tumingin sa kung aling mga daliri ay sangkot sa mga galaw 203 00:10:50,220 --> 00:10:52,770 sa pamamagitan ng pagsuri out na ito pointable mga bagay-bagay. 204 00:10:52,770 --> 00:10:56,490 Kaya kung kapag pumunta ka sa pamamagitan ng API bagay Leap Motion ang JavaScript, 205 00:10:56,490 --> 00:10:59,630 kapag banggitin ang mga ito pointables, sila ay pinag-uusapan ng mga daliri. 206 00:10:59,630 --> 00:11:04,480 At pagkatapos ay kamay, siyempre, ang buong banda bagay. 207 00:11:04,480 --> 00:11:05,210 >> Ano pa? 208 00:11:05,210 --> 00:11:08,630 Maaari mong suriin kung gaano katagal nagpunta sa galaw 209 00:11:08,630 --> 00:11:11,640 para sa at, oo, ang lahat ng mga kapaki-pakinabang na mga bagay. 210 00:11:11,640 --> 00:11:16,490 Kaya kung ano ang ako ginagawa ko ngayon dito ay naka-log ko ang mga frame, 211 00:11:16,490 --> 00:11:24,350 at pagkatapos ko i-update ang aking HTML upang ipakita ang lahat ng mga piraso ng impormasyon 212 00:11:24,350 --> 00:11:25,820 mula sa frame. 213 00:11:25,820 --> 00:11:28,010 Kaya ni-check out na ipaalam. 214 00:11:28,010 --> 00:11:29,440 >> Kaya eto. 215 00:11:29,440 --> 00:11:34,730 Narito ang index tuldok HTML file. 216 00:11:34,730 --> 00:11:38,560 At bilang na nakita mo lang kapag ko lang ang inilipat ang aking kamay Leap nahuli ng isang paggalaw ng lupon. 217 00:11:38,560 --> 00:11:44,960 Kaya maaari mong makita sa akin ang paggawa ng isang bilog sa ibabaw dito,-a-update sa impormasyon ng lupon. 218 00:11:44,960 --> 00:11:48,332 Ang paggawa swipes, catches swipes. 219 00:11:48,332 --> 00:11:49,290 Subukan ang isang tab screen Hayaan. 220 00:11:49,290 --> 00:11:50,090 May pumunta namin. 221 00:11:50,090 --> 00:11:52,370 Screen i-tap at isang susi tap. 222 00:11:52,370 --> 00:11:55,040 Kaya key taps din, sa pamamagitan ng paraan, ay kapag mo pindutin pababa. 223 00:11:55,040 --> 00:11:57,260 Kaya maaari mong isipin siguro play ng piano. 224 00:11:57,260 --> 00:11:59,869 >> At pagkatapos ay screen taps ay kapag pindutin mo ang screen. 225 00:11:59,869 --> 00:12:02,910 Kaya maaari mong isipin na siguro mo talaga may touch screen sa harap ng sa iyo 226 00:12:02,910 --> 00:12:05,190 at mong naaabot ang touch screen sa harap ng sa iyo. 227 00:12:05,190 --> 00:12:08,470 At pagkatapos ay maaari naming grab isa ng mga bagay na ito sa dito. 228 00:12:08,470 --> 00:12:12,960 Kaya tandaan sinabi ko na ako ay pagpasa sa frame sa console log. 229 00:12:12,960 --> 00:12:17,160 At upang maaari naming suriin ang lahat ng bits at piraso ng impormasyon 230 00:12:17,160 --> 00:12:22,500 na magagamit sa na frame pati na rin gamitin. 231 00:12:22,500 --> 00:12:26,320 >> Tulad ng mas maaga sinabi ko, pointables ang mga daliri. 232 00:12:26,320 --> 00:12:30,260 Sa sandali na hindi namin ginawa magkaroon ng aming mga kamay sa harap ng Leap Motion 233 00:12:30,260 --> 00:12:32,010 kaya nakarehistro ito sa zero, ngunit ito ay kung paano mo 234 00:12:32,010 --> 00:12:35,980 magsimula upang malaman siguro kung gaano karaming mga daliri ang mga screen. 235 00:12:35,980 --> 00:12:37,810 At na uri ng impormasyon. 236 00:12:37,810 --> 00:12:40,060 Tomas REIMERS: At pagtanda ito ay isang bagay na lamang. 237 00:12:40,060 --> 00:12:42,185 Kaya maaaring ma-access ang lahat uri ng tulad ng isang struct 238 00:12:42,185 --> 00:12:45,540 sa C. Mayroon kang ang bagay pangalanan na tuldok ang pangalan ng ari-arian. 239 00:12:45,540 --> 00:12:48,830 At pagkatapos ay sa loob na mayroon kang array at mayroon kang iba pang mga bagay, 240 00:12:48,830 --> 00:12:50,850 ngunit tandaan ito ay isang bagay na lamang. 241 00:12:50,850 --> 00:12:53,788 Wala espesyal na ang dahil ginagamit namin Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Oo. 243 00:12:54,704 --> 00:12:56,544 Ayos. 244 00:12:56,544 --> 00:12:58,710 Dapat ba naming suriin ang ilang mga halimbawa ng JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> Tomas REIMERS: Kaya mabilis na tandaan na namin 247 00:13:07,810 --> 00:13:12,470 Sinabi na Leap maaari talaga tumakbo sa anumang website. 248 00:13:12,470 --> 00:13:15,250 LeapJS ay lamang naihatid sa isang client. 249 00:13:15,250 --> 00:13:19,850 At kaya kasama pati ang kliyente ay Naka-attach Leap Motion ito gumagana. 250 00:13:19,850 --> 00:13:22,540 Kaya may Leap Motion ng website kung saan ang mga tao 251 00:13:22,540 --> 00:13:24,540 Maaari ibahagi ang kanilang mga halimbawa ng mga bagay na kanilang ginawa. 252 00:13:24,540 --> 00:13:26,623 Kaya namin lamang ng pagpunta sa pumunta sa pamamagitan ng isang pares ng mga ito 253 00:13:26,623 --> 00:13:29,980 upang makita kung ano ang maaari bago diving sa higit mga detalye tungkol sa kung paano 254 00:13:29,980 --> 00:13:32,510 posible. 255 00:13:32,510 --> 00:13:33,346 Kaya 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Sabihin makita. 257 00:13:34,470 --> 00:13:36,136 Tomas REIMERS: Ngayon ay dapat itong gumana. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Kaya ngayon bago namin nakita ang isang halimbawa 259 00:13:38,520 --> 00:13:45,280 gamit Unity na-render ang aming mga kamay may kaakit-akit kahanga-hangang graphic skin, 260 00:13:45,280 --> 00:13:50,200 ngunit ngayon maaari mong makita na maaari mong gawin ang parehong bagay sa loob ng isang web browser. 261 00:13:50,200 --> 00:13:54,640 Ito ay ang lahat sa loob ng Chrome lamang gamit ang JavaScript. 262 00:13:54,640 --> 00:13:57,460 At pagkatapos ay ang iba pang magaling bagay ay kung gusto mo 263 00:13:57,460 --> 00:14:02,610 upang malaman kung paano nila ginawa ito, ang mga halimbawa sa JavaScript 264 00:14:02,610 --> 00:14:07,540 Kasama rin sa mga pagpipilian sa code na maaari mong tingnan ang at pagkatapos ay makita 265 00:14:07,540 --> 00:14:12,570 kung paano ang taong ito ay daklot mga kamay at mga code at tulad. 266 00:14:12,570 --> 00:14:16,730 >> Kaya na ang lahat ng maaari mong mahanap sa developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Maaari kang pumunta at tingnan ang JavaScript mga halimbawa na mayroon sila doon. 268 00:14:20,810 --> 00:14:23,280 Kaya oo. 269 00:14:23,280 --> 00:14:25,205 Narito ang mga ito, oops paumanhin. 270 00:14:25,205 --> 00:14:27,680 Subukan muli natin iyon. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Mayroon akong dalawang kanang kamay. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Kaya oo. 275 00:14:34,380 --> 00:14:37,440 >> Tomas REIMERS: Kaya at muli, tandaan minsan Leap makikialam up. 276 00:14:37,440 --> 00:14:40,790 Bigyan lamang ito isang segundo. 277 00:14:40,790 --> 00:14:42,784 Ito ay hindi perpekto, ngunit ito ay mahusay. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Isa iba pang mga rekomendasyon din 279 00:14:44,700 --> 00:14:48,780 ay upang hindi gawin ito sa direct sikat ng araw. 280 00:14:48,780 --> 00:14:51,260 Kaya ang paraan Leap Motion mga gawa ay, talaga 281 00:14:51,260 --> 00:14:54,500 kung ipinakita ko ang camera na ito pati na rin, ang infrared na ilaw. 282 00:14:54,500 --> 00:14:57,375 Kaya nagpapadala ito ng mga out at pagkatapos ay bumabasa ng mga ito kapag dumating sila pabalik. 283 00:14:57,375 --> 00:14:59,250 Kaya kung sinusubukan mong gawin ito idirekta ang liwanag ng araw, 284 00:14:59,250 --> 00:15:01,610 halimbawa, marahil ito ay hindi pagpunta sa gumana, 285 00:15:01,610 --> 00:15:05,850 o ito ay pagpunta sa nangangailangan ang ilang mga pag-calibrate na gawin ito. 286 00:15:05,850 --> 00:15:10,450 >> Gayundin isa pang rekomendasyon ay upang i-clear ang puwang sa likod ng mga Leap 287 00:15:10,450 --> 00:15:12,740 at sa harap ng Leap. 288 00:15:12,740 --> 00:15:15,520 Isipin ito sa bilang nagtatrabaho sa loob ng isang simboryo na 289 00:15:15,520 --> 00:15:18,360 nakapalibot sa bagay na Leap Motion ito. 290 00:15:18,360 --> 00:15:20,550 Kung may mga bagay-bagay kanan sa likod nito pati na rin, 291 00:15:20,550 --> 00:15:24,740 na nangyayari din sa makagambala kung paano ang Leap Motion ng pagsubok 292 00:15:24,740 --> 00:15:26,690 makilala ang iyong kamay at na uri ng bagay. 293 00:15:26,690 --> 00:15:30,010 >> Kaya, halimbawa, sa palagay ko sa sakaling isa itong aking laptop talaga 294 00:15:30,010 --> 00:15:34,351 na uri ng paggawa ng mga Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Oo, doon pumunta namin. 296 00:15:35,100 --> 00:15:41,021 Kaya kung i-clear ko ang aking laptop mula sa kamay sa likod nito lumabas nang mahusay. 297 00:15:41,021 --> 00:15:41,520 Kaya oo. 298 00:15:41,520 --> 00:15:42,061 Mayroong iyon. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Kaya ano pa ang ginawa ipakita namin ang mga ito. 301 00:15:46,417 --> 00:15:48,250 Tomas REIMERS: Sa tingin ko ngayon ay ang oras 302 00:15:48,250 --> 00:15:52,039 upang pagbukud-bukurin sa pagsisid sa at sabihin lamang gumawa ng demo talagang mula sa simula. 303 00:15:52,039 --> 00:15:53,330 Ito ay magiging talagang simple. 304 00:15:53,330 --> 00:15:55,250 Talaga kung ano kami ay pagpunta upang subukang gawin ay gumawa ito 305 00:15:55,250 --> 00:15:58,570 upang kapag mag-swipe mo ang iyong kamay, ang background pupuntahan simulan out bilang pula, 306 00:15:58,570 --> 00:16:01,361 at kapag mag-swipe mo ang iyong kamay, ang background pupuntahan maging luntian. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Talagang simple. 309 00:16:03,709 --> 00:16:05,750 At ito ay isa lamang lamang pagpunta sa pumunta sa pamamagitan ng maraming 310 00:16:05,750 --> 00:16:08,360 sa mga konsepto sa likod Leap sa gayon ay maaari naming 311 00:16:08,360 --> 00:16:12,630 makapunta sa ito ideolohiya ng kung paano gumagana Leap at kung paano namin bumuo ng mga bagay-bagay na may na iyon. 312 00:16:12,630 --> 00:16:16,760 At pagkatapos ay mula doon kami ay Marahil ipakita sa iyo 313 00:16:16,760 --> 00:16:19,710 ang Docs API at kung saan ka Maaari magbasa nang higit pa tungkol dito. 314 00:16:19,710 --> 00:16:21,030 At pagkatapos ay gagamitin namin tawagan ito araw. 315 00:16:21,030 --> 00:16:24,294 Kaya mo gustong code o huwag ako gusto mong code? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Oo. 317 00:16:25,210 --> 00:16:28,350 Well, hulaan ko maaari naming gumana magkasama sa ito at subukan 318 00:16:28,350 --> 00:16:30,292 >> Tomas REIMERS: Kaya kami ay gawin ang ilang mga pares coding. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: May pumunta namin. 320 00:16:31,500 --> 00:16:33,250 Iyon ay kung ano mismo ang ko Nais na tingnan. 321 00:16:33,250 --> 00:16:34,700 Ayos. 322 00:16:34,700 --> 00:16:38,750 Kaya halimbawa sa dito, tingnan natin. 323 00:16:38,750 --> 00:16:40,979 Habang iterating namin sa pamamagitan ng mga galaw na, 324 00:16:40,979 --> 00:16:43,270 Tomas REIMERS: Gusto mong gumawa lamang ng isang ganap na bagong file? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Ganap na bagong file? 326 00:16:43,870 --> 00:16:44,246 Oo, sigurado. 327 00:16:44,246 --> 00:16:45,000 >> Tomas REIMERS: Oo. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Kaya sabihin gawin iyon. 329 00:16:45,920 --> 00:16:48,253 >> Tomas REIMERS: Kaya kami ay pagpunta upang makagawa ng isang ganap na-file. 330 00:16:48,253 --> 00:16:51,290 Susubukan naming tumawag ito ipasa tuldok HTML. 331 00:16:51,290 --> 00:16:52,670 Iyon ay cool na sa akin. 332 00:16:52,670 --> 00:16:59,020 Kaya tandaan kang gumawa ng isang HTML tag, pagkatapos ay sa loob na mayroon kang isang ulo. 333 00:16:59,020 --> 00:17:02,982 Ulo na may pamagat sa loob nito. 334 00:17:02,982 --> 00:17:04,349 Kaya tab sa iba pang mga paraan. 335 00:17:04,349 --> 00:17:05,589 Mayroon kang pumunta. 336 00:17:05,589 --> 00:17:09,359 Pamagat, makakakita kami tatawag ito Leap Halimbawa. 337 00:17:09,359 --> 00:17:12,163 Oo. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Ay. 339 00:17:13,540 --> 00:17:14,040 Pamagat. 340 00:17:14,040 --> 00:17:14,474 >> Tomas REIMERS: Oo. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Mayroong namin. 342 00:17:15,776 --> 00:17:18,180 >> Tomas REIMERS: At pagkatapos ay gumawa ng isang katawan ipaalam. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Maghintay, sabihin ring siguraduhin na-import. 344 00:17:20,852 --> 00:17:22,060 Tomas REIMERS: Oh, siyempre. 345 00:17:22,060 --> 00:17:22,560 Aking masama. 346 00:17:22,560 --> 00:17:28,700 Kaya laging tiyakin na mayroon kang mga Leap script kaya iyon ay isang script na ibinigay sa iyo 347 00:17:28,700 --> 00:17:31,810 sa pamamagitan ng Leap Motion na talaga Binibigyang-daan ang web browser upang kumonekta 348 00:17:31,810 --> 00:17:35,580 sa aparato sa computer ng gumagamit. 349 00:17:35,580 --> 00:17:38,510 At pagkatapos ay sa ito namin din Kailangan ng katawan at sabihin lamang 350 00:17:38,510 --> 00:17:40,580 gawin ang body sabihin hi kaya maaari naming ipakita ang mga mag-aaral 351 00:17:40,580 --> 00:17:42,704 kung paano i-konekta sa bagong pahina ng web na kanilang ginawa. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Oo naman. 353 00:17:44,260 --> 00:17:45,724 Kaya ipaalam maglagay ng lang another-- 354 00:17:45,724 --> 00:17:48,730 >> Tomas REIMERS: Hi, kumusta mundo. 355 00:17:48,730 --> 00:17:50,210 Kaya isang napaka-basic na halimbawa. 356 00:17:50,210 --> 00:17:53,400 Talagang isang demo lamang. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: At pagkatapos in dito namin Maaari pumunta sa, na tinatawag namin itong kamay na tuldok HTML, 358 00:17:58,505 --> 00:18:00,000 tama? 359 00:18:00,000 --> 00:18:00,810 At naku! 360 00:18:00,810 --> 00:18:04,310 Kaya nagtataka ko kung ano ang mali may ito sa ngayon. 361 00:18:04,310 --> 00:18:07,639 Hayaan magdagdag ng nabasa na mga pahintulot ipasa tuldok HTML. 362 00:18:07,639 --> 00:18:09,930 Tomas REIMERS: Gusto mo upang gawin ito sa malaking terminal 363 00:18:09,930 --> 00:18:11,080 upang maaari naming ipakita ito sa the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Oo, na saysay. 365 00:18:12,501 --> 00:18:13,001 Lahat ng karapatan. 366 00:18:13,001 --> 00:18:15,720 Kaya lamang Idinagdag ko ang mga pahintulot, ngunit kung namin 367 00:18:15,720 --> 00:18:18,350 ay na tingnan ang mga pahintulot bago namin 368 00:18:18,350 --> 00:18:22,560 sana ay nakita na aktwal na kamay tuldok HTML ay walang pahintulot nabasa na 369 00:18:22,560 --> 00:18:25,570 at samakatuwid ay hindi namin ma-render ito. 370 00:18:25,570 --> 00:18:30,850 Ngunit ngayon kung gagawin namin ito, tingnan natin ang ating maliit kumusta mundo mula doon. 371 00:18:30,850 --> 00:18:33,580 >> Tomas REIMERS: Kaya sabihin aktwal na, bilang siya ay sumusulat, kumusta mundo, 372 00:18:33,580 --> 00:18:35,371 Akala ko tungkol sa isang paraan maaari naming baguhin ito. 373 00:18:35,371 --> 00:18:41,150 Ay gawin itong kamustahin mundo Hayaan, at pagkatapos ay kapag iwagayway mo, sinasabi nito paalam. 374 00:18:41,150 --> 00:18:41,650 Mag-right? 375 00:18:41,650 --> 00:18:42,210 Kaya kumusta, paalam. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Oo naman. 377 00:18:42,560 --> 00:18:44,010 >> Tomas REIMERS: iyan mahusay. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Iyon Maganda iyan sa akin, masyadong. 379 00:18:45,120 --> 00:18:46,920 >> Tomas REIMERS: Kaya, kung hindi kami pagpunta sa gawin iyon sabihin lamang 380 00:18:46,920 --> 00:18:48,980 sa tingin sa pamamagitan ng web page nang kaunti. 381 00:18:48,980 --> 00:18:51,800 Kami ay pagpunta sa kailangan ang ilang mga script na isa lamang nagrerehistro 382 00:18:51,800 --> 00:18:56,470 na pawagayway at sa isang Leap, isang wave at isang mag-swipe, parehong bagay. 383 00:18:56,470 --> 00:18:59,584 Kaya kami ay pagpunta sa kailangan ng isang script na talaga nagrerehistro para sa na-swipe. 384 00:18:59,584 --> 00:19:01,500 At isa pang bagay na hindi namin pagpunta sa kailangan ay hindi namin 385 00:19:01,500 --> 00:19:04,360 pagpunta sa kailangan ang ilang mga aktwal na nilalaman na baguhin. 386 00:19:04,360 --> 00:19:07,850 >> Kaya bilang tandaan mo, jQuery ay nagbibigay-daan sa iyo upang baguhin ang nilalaman. 387 00:19:07,850 --> 00:19:13,017 Kaya isang bagay na maaari naming nais na isama sa ganito ang jQuery library. 388 00:19:13,017 --> 00:19:16,100 At pagkatapos ay sa magagawang piliin kung ano talaga kami ng pagpunta upang baguhin ang nilalaman, 389 00:19:16,100 --> 00:19:18,224 na pupuntahan kailangan ng ID o sa isang klase, o isang bagay na 390 00:19:18,224 --> 00:19:20,100 na maaari naming gamitin upang piliin ito. 391 00:19:20,100 --> 00:19:25,010 Kaya namin lamang bigyan ito ng isang mabilis ID ng pagbabago ng teksto. 392 00:19:25,010 --> 00:19:26,974 At pagkatapos ay ang gusto mong grab jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Kaya kung ano ang unang bagay sa aming gawin listahan pagkatapos ngayon? 394 00:19:29,890 --> 00:19:30,620 Tomas REIMERS: Sabihin grab jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Sabihin grab jQuery, OK, cool. 396 00:19:32,494 --> 00:19:34,502 Sa kasong iyon, pupunta ako upang i-actually-- 397 00:19:34,502 --> 00:19:36,210 kung saan ay magiging ang pinakamahusay na lugar upang gawin iyon? 398 00:19:36,210 --> 00:19:39,677 >> Tomas REIMERS: jQuery, kaya kung Google jQuery, pindutin ang jQuery, ang unang 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Bihirang-una. 400 00:19:41,010 --> 00:19:42,135 Tomas REIMERS: O download. 401 00:19:42,135 --> 00:19:42,650 Ito ay multa. 402 00:19:42,650 --> 00:19:46,482 Pindutin ang v1-download at v2 sa kaliwa. 403 00:19:46,482 --> 00:19:49,190 Kaya kami ay naglalarawan jQuery mula sa online na tulad mo na marahil na. 404 00:19:49,190 --> 00:19:50,440 Mag-scroll pababa. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, i-right dito ngayon? 407 00:19:53,502 --> 00:19:54,460 Tomas REIMERS: O iyon. 408 00:19:54,460 --> 00:19:54,960 Oo. 409 00:19:54,960 --> 00:20:00,150 Kaya ay isang naka-host na bersyon jQuery na nangangahulugan na hindi mo talaga 410 00:20:00,150 --> 00:20:01,890 kailangan upang i-download ito, ngunit ikaw ay higit sa 411 00:20:01,890 --> 00:20:07,734 maligayang pagdating sa i-download ito at i-host ito sa iyong sarili. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Kaya ngayon kami ay may jQuery. 414 00:20:09,566 --> 00:20:11,122 Ngayon kung ano ang susunod sa aming listahan na gawin. 415 00:20:11,122 --> 00:20:12,080 Tomas REIMERS: Kahanga-hanga. 416 00:20:12,080 --> 00:20:13,910 Kaya susunod na kung ano ang kailangan namin gawin ay talagang kailangan namin 417 00:20:13,910 --> 00:20:17,750 upang bigyan p kumusta mundo ng isang ID upang maaari naming baguhin ito, i-right? 418 00:20:17,750 --> 00:20:24,514 Kaya bigyan ng isang ideya ng ipaalam, Hindi ko alam, baguhin ang teksto? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Sabihin lamang gawin ito sa ganitong paraan, hulaan ko. 420 00:20:26,680 --> 00:20:28,013 Tomas REIMERS: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 At i-refresh ang lang ang pahina ngayon hayaan. 422 00:20:29,830 --> 00:20:31,142 Tiyakin na ang lahat ng mga gawa. 423 00:20:31,142 --> 00:20:32,100 Kaya pabalik sa browser. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Ayos. 426 00:20:36,922 --> 00:20:39,380 Laging isang magandang paalala na kapag tapos ka sa pagbuo ng website, 427 00:20:39,380 --> 00:20:44,450 marahil i-refresh ang bawat oras na gumawa kang anumang medyo makabuluhang pagbabago lamang 428 00:20:44,450 --> 00:20:47,993 dahil minsan mo aksidenteng drop ng tag, 429 00:20:47,993 --> 00:20:51,640 o hindi mo sinasadyang tanggalin ang isang bagay, at pagkatapos ay magpapalit isang bagay maliit, 430 00:20:51,640 --> 00:20:55,880 ngunit pagkatapos ay kapag ikaw ay gumawa ng mas malaking pagbabago ikaw ay tulad ng, kung bakit ginawa ito malaki pagbabago 431 00:20:55,880 --> 00:20:57,910 tila basagin ang mga hindi kaugnay na bagay. 432 00:20:57,910 --> 00:21:02,840 Kaya palaging magandang upang pagbukud-bukurin sa pumunta at gawin ang mga katinuan tseke. 433 00:21:02,840 --> 00:21:05,610 >> Pa Rin kaya ng gawin ngayon hayaan huling katinuan check, 434 00:21:05,610 --> 00:21:09,800 na kung saan ay Subukan na baguhin ipaalam teksto na walang Leap Motion, 435 00:21:09,800 --> 00:21:11,820 walang anuman, lamang sa pag-load ng pahina ito idedetalye 436 00:21:11,820 --> 00:21:17,140 baguhin kumusta mundo na paalam na gamit jQuery. 437 00:21:17,140 --> 00:21:21,400 Kaya kung naaalala jQuery inilalantad ito dollar sign-andar, 438 00:21:21,400 --> 00:21:28,640 kung saan maaari naming ipasa ang tagapili ng CSS sa, lalo hashtag pagbabago ng teksto, na 439 00:21:28,640 --> 00:21:31,590 Pinipili ng mga elemento sa isang ID ng pagbabago ng teksto. 440 00:21:31,590 --> 00:21:34,980 At pagkatapos kami ay pagpunta upang tawagan ang pamamaraan ng HTML 441 00:21:34,980 --> 00:21:40,390 sa bagay ito ay nagbalik sa argumento ng isang string paalam na 442 00:21:40,390 --> 00:21:45,600 ay mababago ang mga item HTML upang magpaalam. 443 00:21:45,600 --> 00:21:46,210 Kahanga-hanga. 444 00:21:46,210 --> 00:21:48,790 Na tila medyo cool. 445 00:21:48,790 --> 00:21:52,365 At ngayon kapag-refresh namin sa pahina namin pagpunta upang makita ang 446 00:21:52,365 --> 00:21:54,040 ito agad ang mga pagbabago sa paalam, tama? 447 00:21:54,040 --> 00:21:55,910 Dahil hindi ito maghintay para sa kahit ano. 448 00:21:55,910 --> 00:21:59,200 Pagsunud-sunurin ng sa lalong madaling script na ay nagpapatakbo ng ito ay nagbabago dito sa paalam. 449 00:21:59,200 --> 00:22:00,430 Ayos. 450 00:22:00,430 --> 00:22:03,790 >> Kaya ni-wrap na sa isang function na ngayon hayaan. 451 00:22:03,790 --> 00:22:04,290 I-right. 452 00:22:04,290 --> 00:22:06,270 Kaya kami ay pagpunta sa nais upang makagawa ng isang function. 453 00:22:06,270 --> 00:22:08,160 Gagamitin namin ito tumawag paalam. 454 00:22:08,160 --> 00:22:11,570 Kaya function na paalam ay pagpunta sa tumagal walang mga argumento 455 00:22:11,570 --> 00:22:14,170 at ito ay hindi tunay pagpunta sa nagbalik ng anuman. 456 00:22:14,170 --> 00:22:18,850 At ito ang nangyayari sa gawin iyon sa JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Mahusay. 459 00:22:23,140 --> 00:22:27,000 Kaya ang aming mga paalam na ngayon nagbabago ang teksto sa paalam, tama? 460 00:22:27,000 --> 00:22:28,930 Kaya ito ay nagbibigay sa amin ng isang paraan sa isa lamang pagbabago 461 00:22:28,930 --> 00:22:32,871 na teksto sa paalam sa tuwing tinatawag namin na function. 462 00:22:32,871 --> 00:22:33,370 Mag-right? 463 00:22:33,370 --> 00:22:35,290 Kaya ito ay medyo cool. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Well, namin Pwede ring siguraduhin lamang 465 00:22:37,430 --> 00:22:41,040 na ngayon dahil hindi namin ang pagtawag ng function, kung i-refresh namin ang pahina, 466 00:22:41,040 --> 00:22:44,460 mapansin hindi ito nangyayari upang baguhin ang teksto. 467 00:22:44,460 --> 00:22:45,509 >> Tomas REIMERS: Mahusay. 468 00:22:45,509 --> 00:22:47,800 Kaya ngayon kami ay pagpunta sa simulan upang makakuha ng sa na mga bagay-bagay Leap 469 00:22:47,800 --> 00:22:49,880 na pinag-uusapan namin ay tungkol sa. 470 00:22:49,880 --> 00:22:52,240 Kaya Armi, nais mo upang makukuha mula dito o? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Oo. 472 00:22:52,640 --> 00:22:53,139 Oo naman. 473 00:22:53,139 --> 00:22:56,260 Marahil Pupunta ako sa kailangan upang i-double check ang mga bagay, 474 00:22:56,260 --> 00:22:58,250 pero halimbawa matandaan Sinabi namin gusto naming 475 00:22:58,250 --> 00:23:02,627 upang matiyak ang Mga Pagpipilian -set namin paganahin ang mga galaw 476 00:23:02,627 --> 00:23:03,710 Tomas REIMERS: Magandang catch. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Upang maging totoo. 478 00:23:06,250 --> 00:23:08,960 At pagkatapos tayo ay recommending na guys gagawin 479 00:23:08,960 --> 00:23:12,230 tumakbo tumalon tuldok loop, na tulad ng sinabi namin kanina, 480 00:23:12,230 --> 00:23:18,140 ay may dalawang mga pagpipilian, isang JSON bagay na iyon ang mga pagpipilian para sa kung paano mo gusto 481 00:23:18,140 --> 00:23:22,030 upang i-configure ang Leap Motion sa trabaho, at pagkatapos ay isang function na 482 00:23:22,030 --> 00:23:27,640 pagpunta sa mahuli isang frame bilang isang callback -andar tulad ng Tomas ay sinasabi. 483 00:23:27,640 --> 00:23:30,470 At pagkatapos ay i-edit kung ano ang gusto mo ang gagawin sa na function. 484 00:23:30,470 --> 00:23:33,890 >> Kaya pumasa kami sa pagpipilian at ngayon tutukuyin namin 485 00:23:33,890 --> 00:23:36,117 isang function na ay magdadala sa isang frame. 486 00:23:36,117 --> 00:23:38,200 At ngayon ay mayroon kaming upang tukuyin ang kung ano ang ginagawa na function. 487 00:23:38,200 --> 00:23:42,569 Isa rin alang-alang sa mga hinaharap, gawin na upang matiyak. 488 00:23:42,569 --> 00:23:43,610 Tomas REIMERS: Mahusay. 489 00:23:43,610 --> 00:23:45,940 Kaya ngayon ay mayroon kaming na ito tumalon tuldok function na loop 490 00:23:45,940 --> 00:23:52,420 tumawag na isa lamang ang sinasabi panoorin Leap sa mga pagpipiliang ito at sa bawat oras 491 00:23:52,420 --> 00:23:55,710 pagbabago ng isang bagay, tumawag ito function na frame kasama ang lahat ng data 492 00:23:55,710 --> 00:23:59,510 na ikaw ay magkaroon ng kamalayan ng sa frame. 493 00:23:59,510 --> 00:24:01,320 Mga tunog mahusay. 494 00:24:01,320 --> 00:24:03,680 Kaya ngayon mabilis katinuan check, na laging ko inirerekomenda, 495 00:24:03,680 --> 00:24:07,020 Nasa na lang ilagay console tuldok log frame. 496 00:24:07,020 --> 00:24:10,320 At pagkatapos ay sa Chrome buksan ito up at tumingin sa iyong console 497 00:24:10,320 --> 00:24:13,870 at i-play sa paligid na may Leap upang makita ang mga frame ina-log dahil sa kagustuhan na 498 00:24:13,870 --> 00:24:16,300 ikaw ay makakuha ng ideya ng kung ano data mayroon kang access sa. 499 00:24:16,300 --> 00:24:20,680 At tulad ng dati kung ma-lito, hanapin ang sanggunian ng API. 500 00:24:20,680 --> 00:24:23,430 At kami isama sa link para na sa dulo ng ito. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Kaya namin -refresh ang pahina at pagkatapos ay 502 00:24:26,300 --> 00:24:28,880 kami at buksan up muli ang console. 503 00:24:28,880 --> 00:24:33,590 At ngayon mapansin namin na hindi namin pagkakaroon ng mga frame na ipinasa sa, 504 00:24:33,590 --> 00:24:37,834 mga maliit na bagay na nakita namin nang mas maaga. 505 00:24:37,834 --> 00:24:38,690 Kaya oo. 506 00:24:38,690 --> 00:24:42,870 Ito ang aming mga frame sa paglitaw sa console. 507 00:24:42,870 --> 00:24:43,370 Ayos. 508 00:24:43,370 --> 00:24:46,970 >> Kaya ngayon na grabbed na namin ang mga frame, bilang maaari mong tandaan mas maaga 509 00:24:46,970 --> 00:24:51,800 mula sa halimbawa na namin ay may, kung suriin namin frame galaw tuldok 510 00:24:51,800 --> 00:24:56,270 makuha namin ang listahan ng mga galaw na frame na nahuli pinaka-kamakailan. 511 00:24:56,270 --> 00:25:01,510 Maaari naming suriin ang haba ng array na upang makita kung Leap nahuli ang anumang galaw. 512 00:25:01,510 --> 00:25:05,010 Kaya kung na array ay mas mataas sa zero pagkatapos namin 513 00:25:05,010 --> 00:25:07,570 malaman na mayroon kaming ilang mga bagay-bagay na dapat gawin. 514 00:25:07,570 --> 00:25:15,040 >> Kaya sabihin wrap up na sa isang kondisyon kung at ngayon in dito kung ano ang alam namin ay namin 515 00:25:15,040 --> 00:25:20,390 nakakita ka ng galaw, ng kumilos sa ito ipaalam. 516 00:25:20,390 --> 00:25:25,721 Kaya ngayon na kami in dito namin magkaroon ng pagkilos upang tingnan ang. 517 00:25:25,721 --> 00:25:28,470 Tomas REIMERS: Well, ang unang bagay ay hindi lamang isa na kilos, 518 00:25:28,470 --> 00:25:29,840 maaaring ito ay mas maraming mga galaw. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Bihirang-totoo. 520 00:25:30,964 --> 00:25:33,340 Tomas REIMERS: Kaya per klasikong istilo C dito 521 00:25:33,340 --> 00:25:36,334 kami ay malamang na gusto mong gumamit ng isang para sa loop. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Narito ang namin pagkatapos. 523 00:25:37,750 --> 00:25:42,870 Nagpasya kaming upang umulit sa pamamagitan ng galaw. 524 00:25:42,870 --> 00:25:46,412 At Tingnan natin ipaalam. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 At ngayon kung kami siguro ginawa lamang ng isang var galaw ay katumbas ng 527 00:25:56,150 --> 00:26:01,210 galaw frame na tuldok bracket ko, ngayon ay mayroon kaming 528 00:26:01,210 --> 00:26:06,260 mismo ng galaw, na kung saan ay isa lamang iisang pagkakataon ng isang galaw na bagay 529 00:26:06,260 --> 00:26:10,582 para sa amin upang gumana sa sa loob ng ito para sa loop. 530 00:26:10,582 --> 00:26:12,869 Lahat ng karapatan. 531 00:26:12,869 --> 00:26:15,410 Tomas REIMERS: kaliwanagan ng isip sabihin suriin muli dito at Console lamang 532 00:26:15,410 --> 00:26:17,370 galaw na tuldok mag-log upang makita kung ano ang nakukuha namin. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Console tuldok log galaw. 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 At i-refresh nang isa pang beses. 537 00:26:26,250 --> 00:26:30,030 >> Tomas REIMERS: At sabihin subukan ang paggawa ng isang galaw. 538 00:26:30,030 --> 00:26:34,600 Makikita mo na isang bungkos ng, kapag siya swipes, 539 00:26:34,600 --> 00:26:39,780 kumuha ka ng isang bungkos ng mga galaw sa console at kung sinusubukan niyang gawin sa isang lupon, 540 00:26:39,780 --> 00:26:40,470 ito ay just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Mga Lupon lang talaga mabait. 542 00:26:41,750 --> 00:26:45,000 >> Tomas REIMERS: Ngayon ay mayroong isang kakatwang mga bagay dito, na kung saan ay siya ang ginagawa isang bilog, 543 00:26:45,000 --> 00:26:48,730 ngunit ito ay pag-log sa 80 mga galaw, tama? 544 00:26:48,730 --> 00:26:50,070 Iyon ng maraming mga galaw. 545 00:26:50,070 --> 00:26:53,560 Kaya ang unang uri ng mga bagay na Napagtanto, at maaari itong maging nakalilito, 546 00:26:53,560 --> 00:26:57,050 ay na ang isang galaw Hindi lang isang beses naka-log. 547 00:26:57,050 --> 00:27:01,107 >> Sa bawat frame, kanan, kaya kung ako paggawa ng isang lupon 548 00:27:01,107 --> 00:27:02,940 Leap ay nakakita ito ay isang pagbabago, mula sa 549 00:27:02,940 --> 00:27:04,398 ay isang pagbabago, mula sa ito ay isang pagbabago. 550 00:27:04,398 --> 00:27:05,970 At ito ay mag-log sa bawat isa sa mga iyon. 551 00:27:05,970 --> 00:27:08,200 Ngunit sa bawat isa sa mga, ito ang nangyayari upang sabihin, oh, 552 00:27:08,200 --> 00:27:10,050 mayroong isang galaw na kasalukuyang isinasagawa. 553 00:27:10,050 --> 00:27:14,260 Kaya hayaan mo akong sabihin lang, hey, may galaw at ito ay kasalukuyang nasa progreso. 554 00:27:14,260 --> 00:27:17,000 Kaya kung ano ang hindi namin nais na gawin ay sabihin, oh, sa bawat isa 555 00:27:17,000 --> 00:27:19,370 ng mga galaw mo nais na baguhin ang teksto. 556 00:27:19,370 --> 00:27:23,660 Ang gusto naming gawin ay kapag na galaw Humihinto, at maaari naming tumingin ng mga iyon, 557 00:27:23,660 --> 00:27:24,974 pagkatapos ay nais naming baguhin ang teksto. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Kaya tulad Tomas ay nagpapaliwanag ang mga galaw 560 00:27:30,550 --> 00:27:33,580 maaaring lumitaw sa maraming mga frame, pero halimbawa, 561 00:27:33,580 --> 00:27:36,200 kapag tayo ay nagkakaroon bilog na iyon, maaari naming makita 562 00:27:36,200 --> 00:27:40,140 na ang ID para sa isa na single na bilog na namin 563 00:27:40,140 --> 00:27:43,950 maaaring na-sinusubukan upang makumpleto ay ang parehong ID sa buong lugar. 564 00:27:43,950 --> 00:27:46,320 At sa katunayan, maaari ring mo tingnan ang katayuan. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 -update. 567 00:27:50,270 --> 00:27:55,680 >> At pagkatapos na ito ay marahil ang huling lupon na, oh, well, OK. 568 00:27:55,680 --> 00:28:00,480 Kaya minsan ito ay nagpapakita sa iyo ng isang katayuan ng pagtigil ng galaw 569 00:28:00,480 --> 00:28:04,180 at ipinapakita sa iyo din ito ng katayuan ng pagsisimula ng isang bagong galaw kapag 570 00:28:04,180 --> 00:28:09,140 Kinikilala ito para matiyak na sinimulan mo ang isang bagong galaw. 571 00:28:09,140 --> 00:28:10,637 Halimbawa sa kasong ito. 572 00:28:10,637 --> 00:28:11,470 Tomas REIMERS: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Kaya oo. 574 00:28:12,511 --> 00:28:14,420 At pagkatapos, tingnan natin. 575 00:28:14,420 --> 00:28:16,490 Maaari mo ring mapansin bagaman ang ginagawa namin 576 00:28:16,490 --> 00:28:22,179 isang lupon at galaw May isang patlang na tinatawag na uri 577 00:28:22,179 --> 00:28:23,970 na nagsasabi sa amin kung anong uri ng galaw na. 578 00:28:23,970 --> 00:28:27,829 Kaya na maaaring maging kapaki-pakinabang para sa amin mong subukan at gawin kung anong ginagawa namin. 579 00:28:27,829 --> 00:28:29,620 Tomas REIMERS: Kaya Nililipat pabalik sa JS, 580 00:28:29,620 --> 00:28:31,696 ang unang bagay na nangyayari sa akin din, tulad ng pagbabasa sa pamamagitan ng ang code na ito 581 00:28:31,696 --> 00:28:34,340 ay mayroong isang maliit na pag-optimize, na namin talaga 582 00:28:34,340 --> 00:28:35,980 hindi na kailangan ito kung kondisyon, i-right? 583 00:28:35,980 --> 00:28:39,330 Dahil kung galaw frame na tuldok tuldok haba ay zero, na para sa loop ay 584 00:28:39,330 --> 00:28:40,450 Hindi pagpunta sa magpatakbo ng anumang paraan. 585 00:28:40,450 --> 00:28:43,100 Kaya maaaring pati na rin kami pumunta lamang Magpatuloy at mapupuksa iyon. 586 00:28:43,100 --> 00:28:46,620 Muli, habang sumusulat ka ng code mahalaga ito upang bumalik at pag-uuri 587 00:28:46,620 --> 00:28:50,330 ng refactor bilang natanto na maaaring tapos na mas mahusay ang isang bagay, 588 00:28:50,330 --> 00:28:53,370 o na mayroong isa pang paraan upang gawin iyon. 589 00:28:53,370 --> 00:28:57,170 Kaya ngayon lang namin ang pagpunta upang linisin ito up nang mabilis at din linisin ang iyong mga code. 590 00:28:57,170 --> 00:28:58,310 Iyan ay isang malaking deal. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Magandang estilo ay napaka pinapahalagahan. 592 00:28:59,870 --> 00:29:01,828 >> Tomas REIMERS: Maaari mo laging sabihin kapag ang isang tao 593 00:29:01,828 --> 00:29:05,240 May code kung saan may ginamit upang maging isang kung kalagayan at pagkatapos ay inalis nila ito, 594 00:29:05,240 --> 00:29:07,530 ngunit hindi nila uncomment ito. 595 00:29:07,530 --> 00:29:10,147 Ito ay napaka-halata at ito uri ng mukhang peligroso. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Kaya kung ano ang susunod sa aming gawin listahan? 597 00:29:12,230 --> 00:29:15,479 Tomas REIMERS: Kaya ngayon bilang ang sinasabi namin, Sa tingin ko ang unang bagay na gusto naming gawin 598 00:29:15,479 --> 00:29:17,970 ay matiyak na ang galaw ng talagang isang mag-swipe, i-right? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Oo. 600 00:29:18,270 --> 00:29:21,750 >> Tomas REIMERS: Kaya kung sinasabi namin na paalam na aming ay uri ng tulad ng isang mag-swipe, 601 00:29:21,750 --> 00:29:25,280 ipagpapatuloy namin na may ito ay isang mag-swipe, ang ang unang bagay na kailangan namin upang sabihin ay, hey, 602 00:29:25,280 --> 00:29:27,410 ay i-type ang galaw ng mag-swipe, i-right? 603 00:29:27,410 --> 00:29:30,860 Hindi isang lupon o isang nangungunang, ngunit ito ng isang mag-swipe? 604 00:29:30,860 --> 00:29:34,280 Kaya ang paraan maaari naming gawin iyon ay maaari naming sabihin galaw 605 00:29:34,280 --> 00:29:38,530 Uri ng tuldok katumbas pantay-swipe bilang isang string. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [hindi marinig] galaw Uri ng tuldok ay katumbas ng katumbas swipe. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Mayroong namin. 609 00:29:47,730 --> 00:29:49,438 >> Tomas REIMERS: At pagkatapos ay ang huling tanong 610 00:29:49,438 --> 00:29:53,170 gusto naming makita ay galaw tuldok estado patas katumbas stop, tama? 611 00:29:53,170 --> 00:29:55,860 Kaya na kapag ang galaw ay inihinto. 612 00:29:55,860 --> 00:29:58,490 Talaga akong mag-isip para mag-swipe, ako Alam na ito off sa tuktok ng aking ulo, 613 00:29:58,490 --> 00:30:00,340 ngunit ikaw ay maligayang pagdating sa tumingin ito up, kapag nag 614 00:30:00,340 --> 00:30:05,627 mag-swipe sa tuwing ito nagrerehistro ito hanggang itigil mo ang isang panimula galaw. 615 00:30:05,627 --> 00:30:07,460 At pagkatapos ay ang huli ay lamang ng isang stop galaw. 616 00:30:07,460 --> 00:30:11,090 Kaya magkakaroon ng isa stop lamang galaw, na mahusay para sa amin. 617 00:30:11,090 --> 00:30:17,180 Kaya kung ano ang maaari naming gawin ay sabihin kung galaw tuldok -type katumbas pantay-swipe at galaw tuldok 618 00:30:17,180 --> 00:30:19,950 Katayuan ng pantay pantay ihinto, pagkatapos ay i sabihin kaliwanagan ng isip 619 00:30:19,950 --> 00:30:21,725 tingnan dito console tuldok log galaw. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Kaya makikita namin bumalik dito. 622 00:30:30,790 --> 00:30:33,570 Ire-refresh namin ang pahina. 623 00:30:33,570 --> 00:30:38,380 At ngayon ang tanging oras ng isang bagay na dapat maging console tuldok-log ay kapag mag-swipe namin. 624 00:30:38,380 --> 00:30:40,780 At sinusubukan naming mag-swipe at nakikita namin wala. 625 00:30:40,780 --> 00:30:41,280 Mag-right? 626 00:30:41,280 --> 00:30:43,990 Kaya ito ay tunay na isang malaking isyu. 627 00:30:43,990 --> 00:30:47,560 Hindi namin nakikita kung ano ang inaasahan naming. 628 00:30:47,560 --> 00:30:49,356 At pag-debug ay maaaring maging isang malaking bahagi ng ito. 629 00:30:49,356 --> 00:30:51,980 Kaya ang unang bagay na kami ay pagpunta upang sabihin ay, OK, console ng tuldok ipaalam 630 00:30:51,980 --> 00:30:54,568 mag-log ito kung galaw tuldok -type katumbas pantay-swipe. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Oo, ang gawin na ipaalam. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 Tomas REIMERS: Kaya hindi namin pagpunta upang bumalik sa ito. 634 00:31:02,020 --> 00:31:03,140 Susubukan naming i-refresh. 635 00:31:03,140 --> 00:31:04,020 Susubukan naming i-swipe. 636 00:31:04,020 --> 00:31:05,150 At kami ay pagpunta upang makita ang isang bungkos ng mga ito. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Kaya malinaw na ang problema ay sa aming katayuan ng galaw na tuldok. 639 00:31:08,710 --> 00:31:14,000 Kaya kung buksan namin ang isa sa mga ito kami ay tumingin sa mga bagay at kami makita, 640 00:31:14,000 --> 00:31:18,700 na rin, ito ay isang stop, ngunit, oh, ito ay tinatawag na estado, hindi status. 641 00:31:18,700 --> 00:31:21,890 Kaya kung tumuloy kami pabalik sa ang aming mga code maaari naming sabihin 642 00:31:21,890 --> 00:31:27,780 kung ang uri ng galaw tuldok katumbas pantay-swipe at pantay-pantay estado galaw tuldok katumbas stop, 643 00:31:27,780 --> 00:31:29,160 pagkatapos ay gagamitin namin console tuldok mag-log ito. 644 00:31:29,160 --> 00:31:30,940 At kaya i-refresh. 645 00:31:30,940 --> 00:31:31,856 -Swipe namin. 646 00:31:31,856 --> 00:31:33,730 At kami makita na sa bawat mag-swipe, hindi namin lamang 647 00:31:33,730 --> 00:31:36,247 pagkuha ng isa, na ang pagtatapos, na kung saan ay mahusay, i-right? 648 00:31:36,247 --> 00:31:37,080 Iyon ay kung ano ang gusto namin. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Oo. 650 00:31:37,955 --> 00:31:42,640 At maaari din namin mapansin na ang mga ID para sa bawat isa sa mga galaw ay hiwalay. 651 00:31:42,640 --> 00:31:47,470 Kaya bilang sinasabi Tomas dahil kami akit na ito ng isa stop ng estado na 652 00:31:47,470 --> 00:31:52,850 Umiiral na sa dulo ng isang mag-swipe, hindi namin pagkuha ng mga indibidwal na hiwalay na galaw 653 00:31:52,850 --> 00:31:54,441 mula sa Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Mahusay. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> Tomas REIMERS: Sabihin sige at lamang gawin ang panghuling bagay, na, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Paalam. 658 00:32:04,826 --> 00:32:06,425 >> Tomas REIMERS: Kahanga-hanga. 659 00:32:06,425 --> 00:32:08,925 At ng tingnan ang aming website ngayon hayaan. 660 00:32:08,925 --> 00:32:09,425 Isa 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Ikalawa. 662 00:32:09,730 --> 00:32:11,271 Namin, oo, namin ginawa tawagan ito Paalam. 663 00:32:11,271 --> 00:32:11,920 Mahusay. 664 00:32:11,920 --> 00:32:13,490 >> Tomas REIMERS: Hindi, Paalam ay isang tunay na function. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Oo. 666 00:32:14,406 --> 00:32:15,670 Ang gagawin natin iyon. 667 00:32:15,670 --> 00:32:20,566 >> Tomas REIMERS: At kung kailan namin iwagayway paalam, sinasabi nito paalam. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Mayroon kaming pagtatagumpay. 669 00:32:22,360 --> 00:32:25,632 >> Tomas REIMERS: Kaya medyo kapana-panabik na mga bagay-bagay. 670 00:32:25,632 --> 00:32:28,590 Sana maaari kang bumuo ng isang bagay tao, ngunit ikaw makakuha ng ideya ng, tama? 671 00:32:28,590 --> 00:32:30,260 Maaari mong makita ang mga galaw. 672 00:32:30,260 --> 00:32:31,469 Maaari mong tawagan ang function. 673 00:32:31,469 --> 00:32:34,510 At mula sa na na talagang nagbibigay sa iyo ng ang ilang mga napaka pangunahing mga bloke ng gusali 674 00:32:34,510 --> 00:32:38,800 sabihin, oh, siguro kapag mag-swipe pataas sila, dahil maaari ka ring makakita ng mga bagay 675 00:32:38,800 --> 00:32:39,674 tulad ng direksyon. 676 00:32:39,674 --> 00:32:40,840 Gusto ko ang mga ito upang gawin ang isang bagay. 677 00:32:40,840 --> 00:32:43,470 O kaya kapag mag-swipe pakanan nila, ako gusto ang mga ito upang gawin ang isang bagay. 678 00:32:43,470 --> 00:32:45,880 At maaari naming simulan upang makakuha ng creative sa kung paano eksaktong 679 00:32:45,880 --> 00:32:48,840 kami ay pagpunta upang mapabuti ang aming website gamitin ang mga mag-swipe galaw o lupon 680 00:32:48,840 --> 00:32:53,695 galaw, o i-tap ang galaw, alinman key taps o screen taps. 681 00:32:53,695 --> 00:32:56,070 At pagkatapos ay bukod na ikaw ay higit sa maligayang pagdating upang i-play 682 00:32:56,070 --> 00:32:59,640 kasama ang aktwal na data, ngunit kung gusto mong gawin 683 00:32:59,640 --> 00:33:03,870 na nais naming iminumungkahi pumunta ka sa mga doc dahil ang mga ito ay aktwal na talagang mahusay. 684 00:33:03,870 --> 00:33:05,034 Kaya buhok sa mga doc ngayon. 685 00:33:05,034 --> 00:33:06,450 O ang gusto mong makipag-usap tungkol sa na? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Oo. 687 00:33:06,940 --> 00:33:07,920 Ang gagawin natin iyon. 688 00:33:07,920 --> 00:33:13,680 Gayundin ang isa sa iba pang mga maliit na piraso ng payo, huwag subukan at sa tingin ng ito sa 3D. 689 00:33:13,680 --> 00:33:22,611 Kaya ng makuha ang mga galaw aktwal na ipaalam isa pang beses galaw console tuldok log 690 00:33:22,611 --> 00:33:24,290 at ginagawa namin iyon. 691 00:33:24,290 --> 00:33:29,460 Bumalik sa at ngayon ay sumubok ng ipaalam ilang sa mga ito, dalawang mga iyon. 692 00:33:29,460 --> 00:33:32,940 >> Kung pumunta kami in at check out mga galaw pati na rin 693 00:33:32,940 --> 00:33:36,830 bilang maaari mong makita na ang mga ito ay dimensionality 694 00:33:36,830 --> 00:33:38,980 ay nasa tatlong mga direksyon, talaga. 695 00:33:38,980 --> 00:33:42,500 Kaya huwag lamang limitahan ang iyong sarili sa isang 2D screen 696 00:33:42,500 --> 00:33:45,200 kahit na maaari kang maging sa isang website 2D. 697 00:33:45,200 --> 00:33:49,152 Maaari mong subukan at sa tingin kung paano ang isang gumagamit Maaaring makipag-ugnayan sa website sa 3D. 698 00:33:49,152 --> 00:33:50,360 Tomas REIMERS: Sa isang 3D space. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Mismong. 700 00:33:51,401 --> 00:33:52,310 At oo. 701 00:33:52,310 --> 00:33:55,350 Kaya makakuha ka ng mga direksyon, velocity, lahat ng mga cool na mga piraso ng impormasyon. 702 00:33:55,350 --> 00:33:58,890 >> Tomas REIMERS: At kung hindi ka pa pamilyar sa na, ito ay pumupunta x, y, 703 00:33:58,890 --> 00:34:01,566 at pagkatapos ay i-z ay ang huling dimensyon. 704 00:34:01,566 --> 00:34:04,690 Isang bagay lang na marahil ay pamilyar sa kung nag-Aaksyunan 3D 705 00:34:04,690 --> 00:34:05,731 coordinate eroplano bago. 706 00:34:05,731 --> 00:34:09,565 Kung mayroon kang hindi, ito ay pareho ng sa isang 2D isa maliban mayroong isang third dimensyon. 707 00:34:09,565 --> 00:34:11,420 Tinatawag namin itong z. 708 00:34:11,420 --> 00:34:16,449 At ang lahat ng bagay, uri ng gusto direksyon, na kung saan ito ang nangyayari, 709 00:34:16,449 --> 00:34:19,810 position-- Sa tingin ko maaari kahit na ilantad ang acceleration, Hindi ako sigurado. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Oo, naniniwala ako. 711 00:34:21,341 --> 00:34:22,340 Ito nga ay may bilis. 712 00:34:22,340 --> 00:34:25,699 Ako talaga hindi 100% sigurado tungkol sa acceleration. 713 00:34:25,699 --> 00:34:28,810 >> Tomas REIMERS: Ito ay maaaring maging isang pagpipilian maaari mong ipasa sa isang bagay. 714 00:34:28,810 --> 00:34:33,409 Kaya posisyon at bilis ay nakalantad sa mga uri ng tatlong mga coordinate. 715 00:34:33,409 --> 00:34:38,812 Kaya x, y, z o delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Kaya ngayon buhok sa dokumentasyon ito ay developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 at pagkatapos ay maaari mong i-click Documentation. 718 00:34:46,460 --> 00:34:50,010 Muli, Leap Motion ay ang lahat ng mga kahanga-hangang mga API, isa para ang JavaScript, 719 00:34:50,010 --> 00:34:53,750 isa para sa C Biglang at Unity, isa para sa C ++, isa para sa Java, isa para sa Python, 720 00:34:53,750 --> 00:34:59,020 at isa para sa Layunin C. kong personal Gusto itulak mo patungo sa JavaScript 721 00:34:59,020 --> 00:35:01,280 o kung gusto mong matuto nang isang bagong wika, subukan ang Python. 722 00:35:01,280 --> 00:35:05,910 Pareho sa mga wikang iyon nagtrabaho ako sa bago at ang mga ito ay talagang madali upang matuto 723 00:35:05,910 --> 00:35:10,250 at alam mo na kung JavaScript, na Ginagawang isang talagang mahusay na kalaban. 724 00:35:10,250 --> 00:35:12,930 >> Isang salita ng pag-iingat kapag mong ipasok ang mga doc. 725 00:35:12,930 --> 00:35:15,940 Tiyaking ikaw ay nasa Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Dahil kung ikaw ay nasa bersyon ng isa, hindi ito gagana. 727 00:35:20,250 --> 00:35:21,830 Gayundin para sa mga halimbawa gallery. 728 00:35:21,830 --> 00:35:25,100 Ginugol namin ang isang magandang 30 minuto sinusubukan ang pag-debug aming Leap 729 00:35:25,100 --> 00:35:28,640 bago namin natanto na V1 ay hindi gumagana sa V2. 730 00:35:28,640 --> 00:35:31,660 Kaya tiyakin lamang na ikaw ay nasa dalawang bersyon. 731 00:35:31,660 --> 00:35:33,904 At pagkatapos ay Ipapaalam ko sa kanya ipakita ang iyong mga doc. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Oo. 733 00:35:34,820 --> 00:35:39,480 Kaya narito ang pangkalahatang-ideya ng API at pagkatapos ay ang ilang mga bits at piraso ng impormasyon 734 00:35:39,480 --> 00:35:41,420 na mayroon nang sinabi namin sa iyo ang. 735 00:35:41,420 --> 00:35:44,270 Nice maliit Lumulutang mga kamay sa itaas ng Leap Motion. 736 00:35:44,270 --> 00:35:47,850 At isang paalala na isipin tungkol sa puwang sa 3D. 737 00:35:47,850 --> 00:35:53,140 Ang isa sa mga unang bagay na isipin ang tungkol may Leap Motion ang mga kamay, siyempre. 738 00:35:53,140 --> 00:35:57,060 Mga namin nakita nakilala sa pamamagitan ng Visualizer. 739 00:35:57,060 --> 00:35:59,180 At pagkatapos na maaaring mayroon ka Nakita na kinikilala ito 740 00:35:59,180 --> 00:36:03,202 bahagi ng pulso at ang ARM na nauugnay dito. 741 00:36:03,202 --> 00:36:05,410 Tomas REIMERS: Kung gusto mong upang makuha ang mga Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Oo, ni gawin muli na ipaalam. 743 00:36:07,190 --> 00:36:10,148 Tomas REIMERS: Maaari mong makita, palaging isang magandang paalala sa uri ng makita, 744 00:36:10,148 --> 00:36:14,060 ang Visualizer sinusubukan upang ipakita ang ang lahat ng data na nakikita ng Leap. 745 00:36:14,060 --> 00:36:17,606 Kaya makikita mo na mayroon kami mga uri ng apat na puntos 746 00:36:17,606 --> 00:36:19,230 ng pulso at pagkatapos ay ang aktwal na pulso. 747 00:36:19,230 --> 00:36:21,625 At mayroon ka ring ito bola sa palad. 748 00:36:21,625 --> 00:36:24,000 Ang lahat ng mga ito ay mga point makilala kinikilala ng talon. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Mismong. 750 00:36:25,041 --> 00:36:32,300 At kaya may kamay na object ang bawat frame ay may kamay array 751 00:36:32,300 --> 00:36:36,470 pati na rin kung saan maaari ka ring makakuha ng sa kaliwa at kanan kamay. 752 00:36:36,470 --> 00:36:39,410 Maaari kang makakuha ng na direksyon ang mga kamay ay 753 00:36:39,410 --> 00:36:42,410 nakaharap sa normal direksyon ng palad, 754 00:36:42,410 --> 00:36:45,470 o bilang tawagan sila ito normal ang palad. 755 00:36:45,470 --> 00:36:46,510 Ano pa ang kailangang namin? 756 00:36:46,510 --> 00:36:48,120 Inirerekumenda rin, oops. 757 00:36:48,120 --> 00:36:50,640 Subukan at mag-scroll pababa sa ganitong paraan Hayaan. 758 00:36:50,640 --> 00:36:54,410 Ang mga arm, ang mga daliri ay kinakatawan ng mga daliri 759 00:36:54,410 --> 00:36:57,890 klase, na isang pointable bagay. 760 00:36:57,890 --> 00:37:01,420 Kaya tulad ng mga sinasabi namin, nakita namin na hanay ng mga pointables para sa bawat kamay. 761 00:37:01,420 --> 00:37:04,240 Iyon ang mga medyo daliri upang isipin ang tungkol. 762 00:37:04,240 --> 00:37:09,809 Kaya ito ay isang mahusay na pangkalahatang-ideya upang pumunta sa pamamagitan ng upang subukan at maunawaan. 763 00:37:09,809 --> 00:37:11,850 Tomas REIMERS: [hindi marinig] kamay anatomya up doon. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Oo, eksakto. 765 00:37:13,680 --> 00:37:14,220 Kaya oo. 766 00:37:14,220 --> 00:37:18,150 Marami ng raw data na ang Leap Motion tumatagal ng mahusay sa nagpapaliwanag 767 00:37:18,150 --> 00:37:20,750 para sa iyo, kaya isang mahusay na ideya na pumunta sa pamamagitan dito 768 00:37:20,750 --> 00:37:25,300 at subukan at malaman kung paano Leap ay na may korte out mga bagay na para sa iyo 769 00:37:25,300 --> 00:37:28,830 at kaya kung anong impormasyon ang Mayroon makukuha mula doon. 770 00:37:28,830 --> 00:37:33,150 At pagkatapos ay mula doon ay inirerekumenda pagpunta sa kaliwa ito seksyon sa paglipas dito, 771 00:37:33,150 --> 00:37:39,210 kung saan napupunta, mahusay talagang hindi, ang mga ito ay talaga lang higit pang mga bagay-bagay API about-- 772 00:37:39,210 --> 00:37:42,670 >> Tomas REIMERS: Ang sanggunian ng API sa ibaba ay karaniwang isang magandang lugar upang pumunta. 773 00:37:42,670 --> 00:37:45,720 Marahil ay nakita ito noong nag-guys Ginawa namin ang Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Ngunit ang reference talaga lamang napupunta sa pamamagitan ng lahat 775 00:37:48,590 --> 00:37:54,540 ng mga function at mga parameter Available sa object sa iyo. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Oo. 777 00:37:55,500 --> 00:37:57,740 Halimbawa, ito ay kung ano ang Ako ay naghahanap ng bago. 778 00:37:57,740 --> 00:38:01,030 Kapag mayroon kaming kamay namin maaaring pumunta at malaman kung 779 00:38:01,030 --> 00:38:03,750 paano Inirerekomenda ng Leap sa amin upang makahanap ng kamay. 780 00:38:03,750 --> 00:38:06,080 Tulad ng mas maaga sinabi ko, mayroon kaming kamay ng array. 781 00:38:06,080 --> 00:38:10,340 Alamin kung kami ay may mga kamay at pagkatapos ay subukan at grab isang solong kamay 782 00:38:10,340 --> 00:38:12,410 makipag-ugnay sa sa na paraan. 783 00:38:12,410 --> 00:38:16,540 Kaya iyon ang aming Inirerekumenda para sa iyo guys. 784 00:38:16,540 --> 00:38:18,400 Ang galaw at bagay-bagay pati na rin. 785 00:38:18,400 --> 00:38:23,857 Ito ang papeles API ay pagpunta sa maging isang kamangha-manghang tool para sa iyo guys. 786 00:38:23,857 --> 00:38:25,440 Mayroon ba kayong anumang iba pang mga rekomendasyon? 787 00:38:25,440 --> 00:38:26,398 >> Tomas REIMERS: gagawin ko hindi. 788 00:38:26,398 --> 00:38:27,590 Sa tingin ko na mahusay para sa ngayon. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Oo, Sa tingin ko kaya rin. 790 00:38:29,340 --> 00:38:33,330 Huwag mag-atubiling mag-email sa amin at makakuha ng -ugnay tungkol sa Leap Motion 791 00:38:33,330 --> 00:38:36,210 kung nagkakaproblema ka siguro ng anumang mga isyu o kailangan ng anumang mga rekomendasyon. 792 00:38:36,210 --> 00:38:40,310 At maaari naming subukan at malaman mga bagay-bagay out sa iyo guys pati na rin. 793 00:38:40,310 --> 00:38:40,810 Salamat sa inyo. 794 00:38:40,810 --> 00:38:42,360 >> Tomas REIMERS: Mahusay. 795 00:38:42,360 --> 00:38:42,880