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 Jadi hi, semua orang. 4 00:00:13,230 --> 00:00:14,300 Tomas nama saya. 5 00:00:14,300 --> 00:00:15,744 Saya TF dan ini adalah 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Nice untuk melihat anda semua. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Jadi, kita akan bercakap mengenai Leap Motion hari ini. 10 00:00:20,740 --> 00:00:22,800 Jadi Leap Motion adalah produk yang benar-benar sejuk 11 00:00:22,800 --> 00:00:25,900 membolehkan anda berinteraksi dengan komputer dalam cara yang berbeza. 12 00:00:25,900 --> 00:00:28,560 Jadi keseluruhan idea belakang lompat gerakan ialah anda 13 00:00:28,560 --> 00:00:31,430 boleh menggunakan tangan anda untuk berinteraksi dengan komputer. 14 00:00:31,430 --> 00:00:33,610 Jadi di sini saya mempunyai sesuatu ditubuhkan. 15 00:00:33,610 --> 00:00:34,790 Saya akan bercakap tentang hal itu dalam sedikit. 16 00:00:34,790 --> 00:00:37,540 Tetapi versi asas ialah anda boleh melihat bahawa saya mempunyai tangan saya di hadapan 17 00:00:37,540 --> 00:00:42,840 komputer saya dan apabila saya memindahkan mereka, anda mendapatkan analog pada komputer 18 00:00:42,840 --> 00:00:44,170 dan anda boleh menganalisis ini. 19 00:00:44,170 --> 00:00:46,230 Anda boleh membuat gerak isyarat. 20 00:00:46,230 --> 00:00:49,176 Anda boleh menggunakan tangan anda untuk berinteraksi dengan komputer 21 00:00:49,176 --> 00:00:50,300 dengan cara baru dan menarik. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Well, saya benar-benar pertama mahu lulus untuk Armi 24 00:00:57,520 --> 00:01:00,400 untuk menunjukkan kepada anda beberapa demo sejuk apa beberapa orang telah dilakukan dengan ini. 25 00:01:00,400 --> 00:01:02,816 Dan kemudian kita akan bercakap tentang bagaimana anda sebenarnya dengan kod ini. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Yeah. 27 00:01:04,800 --> 00:01:05,300 Hello. 28 00:01:05,300 --> 00:01:08,870 Jadi seperti yang kita lihat, sedikit data di sini, tetapi mari kita lihat 29 00:01:08,870 --> 00:01:11,680 apa yang sesetengah orang telah dilakukan dengan ini. 30 00:01:11,680 --> 00:01:15,130 Maka biarlah saya membuka contoh ini. 31 00:01:15,130 --> 00:01:20,770 Dan kemudian, jadi, sebagai contoh, anda boleh melihat analog saya ada tangan, tetapi sekarang masa ini 32 00:01:20,770 --> 00:01:26,680 sesetengah orang menggunakan Perpaduan mempunyai buat keputusan untuk kulit yang lebih sedikit 33 00:01:26,680 --> 00:01:28,670 dan hal-hal sekeliling tangan. 34 00:01:28,670 --> 00:01:35,900 Jadi saya boleh, mari kita pergi dengan yang satu ini, pasti, mempunyai tangan saya berinteraksi. 35 00:01:35,900 --> 00:01:41,050 Dan anda mungkin boleh bayangkan beberapa lain perkara yang berguna sejuk 36 00:01:41,050 --> 00:01:42,840 bahawa anda boleh lakukan dengan ini. 37 00:01:42,840 --> 00:01:45,530 Jadi ini adalah sekurang-kurangnya satu contoh. 38 00:01:45,530 --> 00:01:48,910 Kemudian mari kita melompat daripada ini. 39 00:01:48,910 --> 00:01:56,590 >> Dan kemudian satu sama lain sejuk adalah, mari kita pergi dengan yang satu ini. 40 00:01:56,590 --> 00:01:58,390 Plasmo bola. 41 00:01:58,390 --> 00:02:03,510 Sekali lagi, kita tidak akan semestinya menjangkakan tahap yang kompleks 42 00:02:03,510 --> 00:02:06,450 daripada projek akhir untuk CS50. 43 00:02:06,450 --> 00:02:10,029 Ini adalah hanya untuk menunjukkan beberapa, memberikan anda semua 44 00:02:10,029 --> 00:02:14,570 satu inspirasi sedikit untuk apa anda semua boleh lakukan dengan Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Sebagai contoh di sini adalah yang sejuk contoh fizik, yang ada kita pergi. 46 00:02:20,500 --> 00:02:24,305 Mempunyai kedua-dua tangan saya jadi sekarang anda mempunyai ini bola plasma sedikit. 47 00:02:24,305 --> 00:02:31,030 Dan bola bertindak balas kepada fizik saya bergerak tangan saya sekitar bola. 48 00:02:31,030 --> 00:02:36,920 Sekarang ini adalah semua walaupun menggunakan Perpaduan, menggunakan sejenis alat dan rangka kerja 49 00:02:36,920 --> 00:02:39,510 bahawa kita tidak mengajarkan anda semua di dalam kelas, 50 00:02:39,510 --> 00:02:46,590 tetapi seperti yang anda lihat beberapa cantik jangka sejuk lewat dengan itu. 51 00:02:46,590 --> 00:02:51,750 >> Tetapi satu perkara yang anda semua boleh lakukan bermula dari sekarang dengan Leap Motion 52 00:02:51,750 --> 00:02:53,260 adalah kerja dalam JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion mempunyai API JavaScript yang anda semua boleh menggunakan dan kami sangat, sangat 54 00:02:58,960 --> 00:03:02,040 mengesyorkan bahawa anda semua membina projek-projek anda menggunakan itu. 55 00:03:02,040 --> 00:03:04,350 Jadi dengan ini, biarlah saya lulus kembali off kepada Tomas 56 00:03:04,350 --> 00:03:06,582 untuk bercakap tentang Leap Usul dan JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Cool. 58 00:03:07,415 --> 00:03:09,230 Atau adakah anda mahu untuk menunjukkan mereka yang Penampak pertama? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh ya. 60 00:03:09,670 --> 00:03:10,170 Ya. 61 00:03:10,170 --> 00:03:11,900 Mari kita bercakap lebih lanjut mengenai Penampak itu. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Jadi pada yang paling asas tahap, apabila anda mula mendapat ke Leap Motion 63 00:03:14,983 --> 00:03:16,940 anda akan mempunyai ruang ini. 64 00:03:16,940 --> 00:03:18,330 Di sini, saya ingin mengambil kawalan? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Yeah, pergi untuk itu. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Jadi Apabila anda pertama untuk mendapatkan Leap Motion 67 00:03:20,530 --> 00:03:21,780 anda akan mempunyai ruang ini. 68 00:03:21,780 --> 00:03:24,460 Ia mempunyai peranti yang kelihatan seperti ini. 69 00:03:24,460 --> 00:03:28,990 Anda memasangnya ke komputer anda, memasang pemacu yang diperlukan, 70 00:03:28,990 --> 00:03:30,950 dan kemudian ia pada dasarnya akan ditubuhkan. 71 00:03:30,950 --> 00:03:34,160 Jadi cara yang paling mudah untuk menyusun perjanjian dengan Leap Motion 72 00:03:34,160 --> 00:03:39,240 adalah membuka program ini ia memasang dipanggil Leap Motion Penampak. 73 00:03:39,240 --> 00:03:41,490 Dan Penampak adalah literal apa yang saya menunjukkan di sini. 74 00:03:41,490 --> 00:03:45,340 Ia membolehkan anda untuk melihat garis rangka tangan anda. 75 00:03:45,340 --> 00:03:49,940 Dan apa yang Leap Motion menterjemahkan mereka. 76 00:03:49,940 --> 00:03:53,750 Jadi Leap Motion menggunakan kamera untuk menyusun daripada rupa di tangan anda 77 00:03:53,750 --> 00:03:59,176 dan kemudian cuba untuk meneka apa yang komposisi rangka asas yang anda 78 00:03:59,176 --> 00:04:00,460 lihat pada skrin adalah. 79 00:04:00,460 --> 00:04:01,669 Dan itulah apa yang ia menunjukkan anda. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Setiap titik kecil tunggal 81 00:04:03,418 --> 00:04:06,580 dan perkara yang anda lihat terdapat data yang tersedia untuk anda semua 82 00:04:06,580 --> 00:04:07,270 dan juga untuk digunakan. 83 00:04:07,270 --> 00:04:09,670 Jadi anda lihat bahawa itu menangkap bahawa Tomas 84 00:04:09,670 --> 00:04:12,160 mempunyai lima jari, setiap satu daripada orang-orang jari yang berbeza 85 00:04:12,160 --> 00:04:17,110 juga disediakan untuk anda sebagai data mata untuk digunakan dalam apa jua aplikasi 86 00:04:17,110 --> 00:04:18,256 yang anda mungkin mahu. 87 00:04:18,256 --> 00:04:20,339 Jika anda mahu melihat jika seseorang lakukan ibu jari sehingga 88 00:04:20,339 --> 00:04:23,860 anda boleh melihat jika jari mereka bergulung dan sama ada mereka 89 00:04:23,860 --> 00:04:25,850 jari ibu jari menunjuk ke atas, atau di mana 90 00:04:25,850 --> 00:04:30,037 pergelangan tangan atau sawit mereka adalah dan yang jenis barangan. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Cool. 92 00:04:30,870 --> 00:04:35,186 Jadi, anda boleh melihat beberapa gerak isyarat ia memahami lebih baik daripada yang lain. 93 00:04:35,186 --> 00:04:38,310 Ingat, bahawa ia bercadang untuk anda tangan dari pada kamera dari bawah, 94 00:04:38,310 --> 00:04:41,630 jadi apabila anda mempunyai tangan anda seperti ini ia memahami mereka sepenuhnya, 95 00:04:41,630 --> 00:04:44,509 tetapi sebaik sahaja anda mula untuk mencuba dan melakukan ibu jari, kadang-kadang ia membacanya, 96 00:04:44,509 --> 00:04:47,550 kadang-kadang ia boleh meneka, tetapi secara jujur kamera tidak dapat melihat ibu jari. 97 00:04:47,550 --> 00:04:49,810 Jadi ia tidak benar-benar pasti apa yang berlaku. 98 00:04:49,810 --> 00:04:54,910 Hanya beberapa batasan yang perlu diingat apabila anda membangun dengan ini. 99 00:04:54,910 --> 00:04:56,540 >> Bagaimanapun, sehingga kembali kepada ini. 100 00:04:56,540 --> 00:04:59,040 The Penampak sebenarnya mempunyai banyak alat yang berguna. 101 00:04:59,040 --> 00:05:01,780 Jadi Leap Motion adalah diprogramkan ke dalam apa-apa cara 102 00:05:01,780 --> 00:05:04,280 bahawa mereka tidak mengharapkan anda untuk berinteraksi dengan data imej. 103 00:05:04,280 --> 00:05:06,230 Mereka tidak benar-benar mahu anda memahami 104 00:05:06,230 --> 00:05:08,060 apa yang berlaku di belakang tabir. 105 00:05:08,060 --> 00:05:11,620 Apa yang mereka lakukan ialah mendedahkan sekumpulan API untuk anda 106 00:05:11,620 --> 00:05:13,420 apa-apa yang anda boleh berinteraksi dengan data ini 107 00:05:13,420 --> 00:05:18,400 secara langsung tanpa pemahaman apa yang sedang berlaku di bawah hud. 108 00:05:18,400 --> 00:05:27,790 >> Jadi, jika kita memukul H sini dalam Penampak yang anda akan melihat banyak pilihan. 109 00:05:27,790 --> 00:05:35,450 Yang penting di sini walaupun adalah jika anda memukul O dan kemudian memukul H, 110 00:05:35,450 --> 00:05:38,080 anda akan melihat bahawa ia membolehkan anda membuat gerak isyarat. 111 00:05:38,080 --> 00:05:43,380 Jadi isyarat, anda akan melihat ia menarik anak panah di seluruh. 112 00:05:43,380 --> 00:05:47,010 Isyarat A adalah salah satu cara yang Leap Usul semacam membolehkan anda mendapatkan sekurang-data yang 113 00:05:47,010 --> 00:05:48,462 tanpa memprosesnya. 114 00:05:48,462 --> 00:05:51,170 Jadi, daripada saya perlu memikirkan keluar, oh, tangan yang bergerak, 115 00:05:51,170 --> 00:05:54,970 walaupun saya mempunyai pusat akses, yang API akan semacam hanya beritahu saya, 116 00:05:54,970 --> 00:05:56,380 hey, mereka membuat isyarat ini. 117 00:05:56,380 --> 00:05:58,920 Jadi, anda boleh membuat anak panah gerak isyarat asas. 118 00:05:58,920 --> 00:06:00,590 Anda boleh membuat gerak isyarat bulatan. 119 00:06:00,590 --> 00:06:03,530 Anda boleh membuat menoreh gerak isyarat. 120 00:06:03,530 --> 00:06:07,630 Dan anda boleh membuat gerak isyarat tekan kekunci. 121 00:06:07,630 --> 00:06:09,394 Yeah. 122 00:06:09,394 --> 00:06:10,800 Dan yang jenis barangan. 123 00:06:10,800 --> 00:06:14,370 Jadi sekarang bahawa kita sudah semacam melihat apa yang Leap Motion boleh lakukan, 124 00:06:14,370 --> 00:06:17,792 anda boleh melihat ia boleh membaca sejumlah besar gerak isyarat. 125 00:06:17,792 --> 00:06:19,500 Saya fikir saya akan menyerahkannya kepada Armi 126 00:06:19,500 --> 00:06:22,300 dan dia akan bercakap tentang bagaimana anda mendapatkan di ini dengan JavaScript, 127 00:06:22,300 --> 00:06:24,520 bagaimana anda juga memulakan projek dengan ini. 128 00:06:24,520 --> 00:06:27,724 Dan kemudian kita akan bercakap tentang beberapa tempat sejuk anda boleh pergi dengan itu. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Yeah. 130 00:06:28,640 --> 00:06:29,300 Bunyi yang baik. 131 00:06:29,300 --> 00:06:31,950 Jadi yeah, perkara yang pertama kita akan mahu anda lakukan sudah tentu, 132 00:06:31,950 --> 00:06:37,170 adalah selepas anda mendapat Leap Motion adalah untuk pergi ke leapmotion.com, mendirikan, memasang 133 00:06:37,170 --> 00:06:38,420 pemandu dan barangan. 134 00:06:38,420 --> 00:06:42,520 Selepas berbuat yang anda boleh pergi memastikan bahawa ia disambungkan. 135 00:06:42,520 --> 00:06:46,910 Jika anda lihat dalam dulang kecil anda yang Leap icon Usul dan itu hijau, 136 00:06:46,910 --> 00:06:48,640 maka anda tahu anda telah bersedia. 137 00:06:48,640 --> 00:06:53,710 Dan sudah tentu menyemak apa Tomas hanya menunjukkan anda dengan gerak isyarat 138 00:06:53,710 --> 00:06:59,320 dan melakukan paip skrin, dan paip utama, dan yang jenis barangan. 139 00:06:59,320 --> 00:07:02,180 >> Selepas itu walaupun kita, sekali lagi, seperti yang saya katakan, 140 00:07:02,180 --> 00:07:06,530 kita mempunyai akses kepada semua ini perkara dalam JavaScript juga. 141 00:07:06,530 --> 00:07:09,020 Ideal yang ditubuhkan yang kami akan mengesyorkan anda 142 00:07:09,020 --> 00:07:16,440 lelaki adalah untuk pergi ke anda Direktori vhost, tuan rumah tempatan, 143 00:07:16,440 --> 00:07:19,340 awam dalam perkakas CS50 anda. 144 00:07:19,340 --> 00:07:24,790 Dan apabila anda pergi ke sana apa yang anda akan lihat ialah indeks dot fail HTML. 145 00:07:24,790 --> 00:07:28,180 Sekarang indeks dot Fail HTML atau indeks dot 146 00:07:28,180 --> 00:07:32,740 File PHP, yang mana lebih denda, apa yang anda boleh lakukan 147 00:07:32,740 --> 00:07:35,150 ialah pergi ke sistem operasi utama anda. 148 00:07:35,150 --> 00:07:38,650 Dan jika anda pergi ke alamat IP yang yang disenaraikan di sebelah kanan bawah 149 00:07:38,650 --> 00:07:45,180 sudut perkakas anda di sini, seperti yang anda lihat, kemudian apa yang berlaku 150 00:07:45,180 --> 00:07:51,240 adalah anda pergi ke laman itu dirujuk oleh indeks dot fail HTML. 151 00:07:51,240 --> 00:07:56,610 Jadi semua kod yang anda mungkin dimasukkan ke dalam ada akan dihantar dan boleh digunakan di sini. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Jadi ia juga hanya penting untuk rujukan 153 00:07:58,960 --> 00:08:06,554 yang jika kamu benar-benar tahu bagaimana untuk menubuhkan pelayan diri anda, 154 00:08:06,554 --> 00:08:09,720 atau anda ingin meletakkan ini di seluruh dunia web, anda dialu-alukan untuk berbuat apa sahaja. 155 00:08:09,720 --> 00:08:11,594 Ingat bahawa ini adalah hanya JavaScript fail 156 00:08:11,594 --> 00:08:14,250 dan semua pemprosesan Leap yang dilakukan pada pelanggan. 157 00:08:14,250 --> 00:08:16,510 Oleh itu, ia tidak benar-benar perkara di mana nyawa pelayan anda 158 00:08:16,510 --> 00:08:19,660 selagi komputer anda lihat pada laman web 159 00:08:19,660 --> 00:08:22,024 Leap Motion telah dipasang. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Boleh. 161 00:08:23,190 --> 00:08:25,680 Seperti Tomas berkata, yeah, apa kerja-kerja untuk anda semua. 162 00:08:25,680 --> 00:08:28,570 Ini hanya salah satu daripada cadangan kami. 163 00:08:28,570 --> 00:08:31,660 Sekarang untuk mula menggunakan Leap Usul apa yang akan anda lakukan 164 00:08:31,660 --> 00:08:36,640 adalah anda akan mengimport JavaScript fail dari Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Dan kemudian dari sana apa yang boleh anda lakukan adalah, sekarang 166 00:08:39,610 --> 00:08:44,250 Saya hanya mempunyai perenggan ini tag ditubuhkan dengan ID teks. 167 00:08:44,250 --> 00:08:48,690 Perkara yang kita akan mengesyorkan menetapkan pilihan pengawal 168 00:08:48,690 --> 00:08:52,012 untuk Leap Motion dengan membolehkan gerak isyarat adalah benar. 169 00:08:52,012 --> 00:08:53,970 Jadi secara lalai mereka gerak isyarat bahawa kita menunjukkan anda 170 00:08:53,970 --> 00:08:57,010 guys, bulatan, dan paip utama, dan swipes, 171 00:08:57,010 --> 00:09:00,330 mereka tidak ditunjukkan kepada anda semua secara lalai. 172 00:09:00,330 --> 00:09:04,450 Tetapi dinasihatkan menggunakan orang-orang supaya anda tidak mencipta semula roda. 173 00:09:04,450 --> 00:09:09,489 Membolehkan mereka untuk benar, lulus mereka pilihan pengawal untuk melompat gelung dot 174 00:09:09,489 --> 00:09:10,530 dan anda semua bersedia untuk pergi. 175 00:09:10,530 --> 00:09:13,270 Kerana selepas itu anda hanya perlu ditakrifkan fungsi tanpa nama 176 00:09:13,270 --> 00:09:16,910 yang akan membawa dalam bingkai dari Leap Motion 177 00:09:16,910 --> 00:09:21,150 dan rangka yang mempunyai semua maklumat yang anda akan perlukan. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Jadi, untuk recap, anda mempunyai satu objek. 179 00:09:25,310 --> 00:09:28,250 Anda mempunyai fungsi ini dipanggil lompatan gelung titik. 180 00:09:28,250 --> 00:09:30,460 Dan anda memanggilnya dengan dua hujah. 181 00:09:30,460 --> 00:09:33,134 Anda memanggilnya dengan satu, pilihan pengawal. 182 00:09:33,134 --> 00:09:35,300 Dan terdapat banyak pilihan yang boleh anda letakkan di sana. 183 00:09:35,300 --> 00:09:38,170 Yang kita akan penekanan yang membolehkan gerak isyarat. 184 00:09:38,170 --> 00:09:41,230 Dan tidak meletakkanya sama dengan benar maka anda boleh mendapatkan akses pada isyarat ini 185 00:09:41,230 --> 00:09:42,940 bahawa kita menunjukkan anda dalam Penampak. 186 00:09:42,940 --> 00:09:47,500 >> Dan kemudian hujah kedua adalah fungsi, ia adalah jenis seperti panggilan kembali 187 00:09:47,500 --> 00:09:53,010 yang akan dipanggil setiap masa setiap bingkai Leap, 188 00:09:53,010 --> 00:09:57,340 jadi setiap kali daftar lompat yang langkah tangan anda, ia mempunyai bingkai baru. 189 00:09:57,340 --> 00:10:02,130 Dan ia memanggil fungsi ini dengan satu hujah, yang merupakan objek bingkai. 190 00:10:02,130 --> 00:10:05,909 Dan bahawa objek rangka menerangkan bingkai sebagai Leap melihatnya. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Tepat. 192 00:10:06,950 --> 00:10:10,450 Jadi ini mengandungi semua berguna bit dan keping maklumat 193 00:10:10,450 --> 00:10:12,550 bahawa kita bercakap tentang awal. 194 00:10:12,550 --> 00:10:18,010 Menyemak rangka gerak isyarat dot adalah pelbagai gerak isyarat 195 00:10:18,010 --> 00:10:23,680 bahawa gerakan lompatan ditangkap anda tangan lakukan dalam rangka terakhir. 196 00:10:23,680 --> 00:10:26,470 Sebagai contoh, apa yang kita lakukan di sini adalah kita memeriksa, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, yang dalam rangka lepas lakukan anda menangkap apa-apa isyarat yang saya lakukan? 198 00:10:31,820 --> 00:10:36,350 Dan jika benar apa yang kita memutuskan untuk melakukan adalah melelar melalui gerak isyarat mereka 199 00:10:36,350 --> 00:10:39,760 dan cuba mendapatkan beberapa berguna maklumat daripada mereka. 200 00:10:39,760 --> 00:10:44,290 Setiap isyarat mempunyai unik ID yang dikaitkan dengannya. 201 00:10:44,290 --> 00:10:46,280 Mereka mempunyai jenis. 202 00:10:46,280 --> 00:10:50,220 Anda boleh melihat di mana jari terlibat dalam gerak isyarat 203 00:10:50,220 --> 00:10:52,770 dengan memeriksa barangan pointable ini. 204 00:10:52,770 --> 00:10:56,490 Jadi, jika apabila anda pergi melalui Barangan API Leap Motion JavaScript, 205 00:10:56,490 --> 00:10:59,630 apabila mereka menyebut pointables, mereka bercakap tentang jari ini. 206 00:10:59,630 --> 00:11:04,480 Dan kemudian tangan, sudah tentu, objek tangan keseluruhan. 207 00:11:04,480 --> 00:11:05,210 >> Apa lagi? 208 00:11:05,210 --> 00:11:08,630 Anda boleh menyemak berapa lama usul pergi 209 00:11:08,630 --> 00:11:11,640 untuk dan, ya, semua perkara-perkara yang berguna. 210 00:11:11,640 --> 00:11:16,490 Jadi apa yang saya lakukan sekarang di sini saya log bingkai, 211 00:11:16,490 --> 00:11:24,350 dan kemudian saya mengemaskini HTML saya untuk dipaparkan semua ini bit maklumat 212 00:11:24,350 --> 00:11:25,820 dari bingkai. 213 00:11:25,820 --> 00:11:28,010 Jadi mari kita pastikan keluar. 214 00:11:28,010 --> 00:11:29,440 >> Jadi di sini adalah. 215 00:11:29,440 --> 00:11:34,730 Berikut adalah indeks dot fail HTML. 216 00:11:34,730 --> 00:11:38,560 Dan seperti yang anda hanya melihat apabila saya baru pindah tangan saya Leap ditangkap gerakan bulatan. 217 00:11:38,560 --> 00:11:44,960 Jadi, anda boleh melihat saya melakukan bulatan ke atas di sini, mengemas kini dengan maklumat bulatan. 218 00:11:44,960 --> 00:11:48,332 Melakukan swipes, menangkap swipes. 219 00:11:48,332 --> 00:11:49,290 Mari kita cuba tab skrin. 220 00:11:49,290 --> 00:11:50,090 Di sana kami pergi. 221 00:11:50,090 --> 00:11:52,370 Ketuk skrin dan paip utama. 222 00:11:52,370 --> 00:11:55,040 Jadi paip utama juga, oleh cara, adalah apabila anda menekan ke bawah. 223 00:11:55,040 --> 00:11:57,260 Jadi anda boleh bayangkan mungkin bermain piano. 224 00:11:57,260 --> 00:11:59,869 >> Dan kemudian paip skrin adalah apabila anda menekan skrin. 225 00:11:59,869 --> 00:12:02,910 Jadi anda boleh bayangkan mungkin anda sebenarnya mempunyai skrin sentuh di depan anda 226 00:12:02,910 --> 00:12:05,190 dan anda memukul disentuh skrin di hadapan anda. 227 00:12:05,190 --> 00:12:08,470 Dan kemudian kita boleh ambil satu objek-objek ini di sini. 228 00:12:08,470 --> 00:12:12,960 Jadi ingat saya berkata bahawa saya adalah lulus bingkai ke dalam log konsol. 229 00:12:12,960 --> 00:12:17,160 Dan dengan itu kita boleh menyemak semua bit dan keping maklumat 230 00:12:17,160 --> 00:12:22,500 yang terdapat di bahawa rangka dan untuk digunakan. 231 00:12:22,500 --> 00:12:26,320 >> Seperti yang saya katakan sebelum ini, pointables adalah jari. 232 00:12:26,320 --> 00:12:30,260 Pada ketika itu kami tidak mempunyai kami tangan di hadapan Leap Motion 233 00:12:30,260 --> 00:12:32,010 jadi ia mencatatkan sifar, tetapi ini adalah bagaimana anda 234 00:12:32,010 --> 00:12:35,980 akan mula mengetahui mungkin berapa jari adalah skrin. 235 00:12:35,980 --> 00:12:37,810 Dan yang jenis maklumat. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: Dan mengingat ini hanyalah objek. 237 00:12:40,060 --> 00:12:42,185 Jadi semuanya boleh diakses jenis seperti struct yang 238 00:12:42,185 --> 00:12:45,540 dalam C. Anda mempunyai objek menamakan dot nama hartanah. 239 00:12:45,540 --> 00:12:48,830 Dan kemudian dalam masa yang anda mempunyai tatasusunan dan anda mempunyai objek lain, 240 00:12:48,830 --> 00:12:50,850 tetapi ingat ia hanya objek. 241 00:12:50,850 --> 00:12:53,788 Ada apa-apa yang istimewa kerana kami menggunakan 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 Sekiranya kita lihat pasangan contoh JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: Jadi cepat ingat bahawa kita 247 00:13:07,810 --> 00:13:12,470 berkata Leap boleh sebenarnya berjalan di mana-mana laman web. 248 00:13:12,470 --> 00:13:15,250 LeapJS hanya berkhidmat kepada pelanggan. 249 00:13:15,250 --> 00:13:19,850 Dan supaya bersama-sama sebagai pelanggan mempunyai Leap Motion dilampirkan ia akan bekerja. 250 00:13:19,850 --> 00:13:22,540 Jadi Leap Motion mempunyai laman web di mana orang 251 00:13:22,540 --> 00:13:24,540 boleh berkongsi contoh mereka benda-benda yang telah dibuat. 252 00:13:24,540 --> 00:13:26,623 Oleh itu, kita hanya akan pergi melalui beberapa daripada mereka 253 00:13:26,623 --> 00:13:29,980 untuk melihat apa yang mungkin sebelum terjun ke dalam lebih khusus tentang bagaimana 254 00:13:29,980 --> 00:13:32,510 ada kemungkinan. 255 00:13:32,510 --> 00:13:33,346 Jadi 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Mari kita lihat. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Kini ia perlu bekerja. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Jadi sekarang sebelum kita melihat contoh 259 00:13:38,520 --> 00:13:45,280 menggunakan Perpaduan yang diberikan tangan kita dengan kulit cantik grafik mengagumkan, 260 00:13:45,280 --> 00:13:50,200 tetapi kini anda boleh melihat anda boleh melakukan Perkara yang sama di dalam pelayar web. 261 00:13:50,200 --> 00:13:54,640 Ini semua Chrome dalam hanya menggunakan JavaScript. 262 00:13:54,640 --> 00:13:57,460 Dan kemudian yang bagus yang lain perkara yang jika anda mahu 263 00:13:57,460 --> 00:14:02,610 tahu bagaimana mereka lakukan ini, contoh JavaScript 264 00:14:02,610 --> 00:14:07,540 juga termasuk pilihan kod yang anda boleh menyemak dan kemudian melihat 265 00:14:07,540 --> 00:14:12,570 bagaimana orang ini telah meraih tangan dan kod dan sebagainya. 266 00:14:12,570 --> 00:14:16,730 >> Jadi itu sahaja anda boleh mencari di developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Anda boleh pergi dan menyemak JavaScript contoh-contoh yang mereka telah ada. 268 00:14:20,810 --> 00:14:23,280 Jadi yeah. 269 00:14:23,280 --> 00:14:25,205 Berikut adalah ini, oops maaf. 270 00:14:25,205 --> 00:14:27,680 Mari kita cuba sekali lagi. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Saya mempunyai dua tangan kanan. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Jadi yeah. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Jadi dan sekali lagi, ingat kadang-kadang Leap messes sehingga. 276 00:14:37,440 --> 00:14:40,790 Hanya memberikan satu saat. 277 00:14:40,790 --> 00:14:42,784 Ia tidak sempurna, tetapi ia cukup baik. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Satu cadangan lain juga 279 00:14:44,700 --> 00:14:48,780 adalah untuk tidak melakukannya dalam cahaya matahari langsung. 280 00:14:48,780 --> 00:14:51,260 Jadi cara yang Leap Motion kerja adalah, sebenarnya 281 00:14:51,260 --> 00:14:54,500 jika saya menunjukkan kamera ini juga, cahaya inframerah. 282 00:14:54,500 --> 00:14:57,375 Jadi ia menghantar mereka keluar dan kemudian membaca mereka apabila mereka kembali. 283 00:14:57,375 --> 00:14:59,250 Jadi, jika anda cuba untuk melakukannya cahaya matahari langsung, 284 00:14:59,250 --> 00:15:01,610 sebagai contoh, ia mungkin tidak pergi ke tempat kerja, 285 00:15:01,610 --> 00:15:05,850 atau ia akan memerlukan penentukuran beberapa untuk berbuat demikian. 286 00:15:05,850 --> 00:15:10,450 >> Juga cadangan lain adalah untuk membersihkan ruang di sebalik Leap 287 00:15:10,450 --> 00:15:12,740 dan di hadapan Leap. 288 00:15:12,740 --> 00:15:15,520 Anggaplah ia sebagai kerja bahagian dalam kubah itu 289 00:15:15,520 --> 00:15:18,360 sekitar objek Leap Motion ini. 290 00:15:18,360 --> 00:15:20,550 Jika ada hal-hal hak di belakangnya dan juga, 291 00:15:20,550 --> 00:15:24,740 yang yang juga akan mengganggu dengan bagaimana Leap Motion cuba 292 00:15:24,740 --> 00:15:26,690 untuk mengiktiraf tangan anda dan yang jenis barangan. 293 00:15:26,690 --> 00:15:30,010 >> Jadi, sebagai contoh, saya berfikir dalam ini kes itu laptop saya sebenarnya 294 00:15:30,010 --> 00:15:34,351 itulah jenis membuat Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Yeah, ada kita pergi. 296 00:15:35,100 --> 00:15:41,021 Jadi jika saya membersihkan komputer riba saya dari di belakangnya pula muncul dengan baik. 297 00:15:41,021 --> 00:15:41,520 Jadi yeah. 298 00:15:41,520 --> 00:15:42,061 Ada yang. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Jadi apa lagi yang kita lakukan kepada mereka. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Saya rasa sekarang adalah masa yang 302 00:15:48,250 --> 00:15:52,039 untuk menyusun daripada menyelam ke dalam dan mari kita membuat demo yang sama sekali dari awal. 303 00:15:52,039 --> 00:15:53,330 Ia akan menjadi benar-benar mudah. 304 00:15:53,330 --> 00:15:55,250 Pada asasnya apa yang kita akan cuba lakukan ialah membuat ia 305 00:15:55,250 --> 00:15:58,570 supaya apabila anda sapu tangan anda, latar belakang akan mula keluar sebagai merah, 306 00:15:58,570 --> 00:16:01,361 dan apabila anda sapu tangan anda, latar belakang yang akan bertukar hijau. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Benar-benar mudah. 309 00:16:03,709 --> 00:16:05,750 Dan ia pada dasarnya hanya akan pergi melalui banyak 310 00:16:05,750 --> 00:16:08,360 konsep-konsep di belakang Leap supaya kita dapat 311 00:16:08,360 --> 00:16:12,630 masuk ke dalam ideologi ini bagaimana kerja-kerja Leap dan bagaimana kita boleh membina barangan dengan itu. 312 00:16:12,630 --> 00:16:16,760 Dan kemudian dari sana kami akan mungkin hanya menunjukkan 313 00:16:16,760 --> 00:16:19,710 yang Docs API dan di mana anda boleh membaca lebih lanjut mengenai ini. 314 00:16:19,710 --> 00:16:21,030 Dan kemudian kita akan memanggilnya hari. 315 00:16:21,030 --> 00:16:24,294 Jadi adakah anda ingin memberi kod atau yang anda mahu saya untuk kod? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Yeah. 317 00:16:25,210 --> 00:16:28,350 Well, saya rasa kita boleh bekerja bersama-sama pada ini dan cuba 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Oleh itu, kita akan melakukan beberapa pasangan pengekodan. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Ada kita pergi. 320 00:16:31,500 --> 00:16:33,250 Itulah apa yang saya mahu mendaftar keluar. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Sebagai contoh di sini, mari kita lihat. 323 00:16:38,750 --> 00:16:40,979 Walaupun kami iterating melalui gerak isyarat sudah, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Ingin membuat hanya fail yang baru? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: fail Sepenuhnya baru? 326 00:16:43,870 --> 00:16:44,246 Yeah, pasti. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Yeah. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Jadi mari kita buat itu. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Jadi, kita akan untuk membuat fail sepenuhnya. 330 00:16:48,253 --> 00:16:51,290 Kami akan memanggilnya menyerahkan HTML titik. 331 00:16:51,290 --> 00:16:52,670 Itu sejuk dengan saya. 332 00:16:52,670 --> 00:16:59,020 Jadi ingat anda lakukan tag HTML, maka dalam masa yang anda mempunyai kepala. 333 00:16:59,020 --> 00:17:02,982 Kepala yang mempunyai tajuk di dalamnya. 334 00:17:02,982 --> 00:17:04,349 Jadi tab cara yang lain. 335 00:17:04,349 --> 00:17:05,589 Terdapat anda pergi. 336 00:17:05,589 --> 00:17:09,359 Tajuk, kami akan memanggilnya Leap Contoh. 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 Tajuk. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Ya. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Terdapat kami. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Dan maka mari kita membuat satu badan. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Tunggu, mari kita juga memastikan untuk mengimport. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, sudah tentu. 345 00:17:22,060 --> 00:17:22,560 Buruk saya. 346 00:17:22,560 --> 00:17:28,700 Jadi sentiasa memastikan anda mempunyai Leap skrip supaya satu skrip yang diberikan kepada anda 347 00:17:28,700 --> 00:17:31,810 oleh Leap Motion yang pada asasnya membolehkan pelayar web untuk menyambung 348 00:17:31,810 --> 00:17:35,580 untuk peranti pada komputer pengguna. 349 00:17:35,580 --> 00:17:38,510 Dan kemudian di ini kita juga perlu badan dan mari kita 350 00:17:38,510 --> 00:17:40,580 membuat badan mengatakan hi jadi bahawa kita boleh menunjukkan pelajar 351 00:17:40,580 --> 00:17:42,704 bagaimana untuk menyambung ke ini baru Laman web itu mereka memberi. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Pasti. 353 00:17:44,260 --> 00:17:45,724 Jadi mari kita hanya meletakkan another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Hai, hello dunia. 355 00:17:48,730 --> 00:17:50,210 Jadi contoh yang sangat asas. 356 00:17:50,210 --> 00:17:53,400 Benar-benar hanya demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Dan kemudian di sini kita boleh pergi ke, kita memanggilnya tangan dot HTML, 358 00:17:58,505 --> 00:18:00,000 hak? 359 00:18:00,000 --> 00:18:00,810 Dan oh! 360 00:18:00,810 --> 00:18:04,310 Jadi saya tertanya-tanya apa yang salah dengan hak ini sekarang. 361 00:18:04,310 --> 00:18:07,639 Mari kita menambah keizinan baca menyerahkan HTML titik. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Adakah anda mahu untuk melakukannya di terminal yang besar 363 00:18:09,930 --> 00:18:11,080 supaya kita boleh menunjukkannya pada the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ya, yang masuk akal. 365 00:18:12,501 --> 00:18:13,001 Baiklah. 366 00:18:13,001 --> 00:18:15,720 Jadi saya hanya menambah kebenaran, tetapi jika kita 367 00:18:15,720 --> 00:18:18,350 adalah untuk menyemak kebenaran sebelum kita 368 00:18:18,350 --> 00:18:22,560 akan dapat melihat bahawa sebenarnya tangan dot HTML tidak mempunyai keizinan baca 369 00:18:22,560 --> 00:18:25,570 dan oleh itu kita tidak boleh menjadikan ia. 370 00:18:25,570 --> 00:18:30,850 Tetapi sekarang jika kita berbuat demikian, kita lihat kami hello dunia kecil di sana. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Jadi mari kita sebenarnya, dia menulis, hello dunia, 372 00:18:33,580 --> 00:18:35,371 Saya berfikir tentang cara yang kita boleh mengubah keadaan ini. 373 00:18:35,371 --> 00:18:41,150 Mari kita membuat ia menyapa dunia, dan kemudian apabila anda gelombang, ia mengucapkan selamat tinggal. 374 00:18:41,150 --> 00:18:41,650 Betul? 375 00:18:41,650 --> 00:18:42,210 Jadi hello, selamat tinggal. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Pasti. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Yang berbunyi cukup baik. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Itu bunyi yang baik kepada saya, terlalu. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Oleh itu, jika kita akan berbuat demikian mari kita 380 00:18:46,920 --> 00:18:48,980 berfikir melalui laman web ini sedikit. 381 00:18:48,980 --> 00:18:51,800 Kami akan memerlukan skrip yang pada asasnya mendaftar 382 00:18:51,800 --> 00:18:56,470 bahawa anda dan melambai kepada Leap, gelombang dan sapu, perkara sama. 383 00:18:56,470 --> 00:18:59,584 Oleh itu, kita akan memerlukan skrip yang pada dasarnya mendaftar untuk sapu itu. 384 00:18:59,584 --> 00:19:01,500 Dan perkara lain kami akan memerlukan adalah kami 385 00:19:01,500 --> 00:19:04,360 akan memerlukan beberapa kandungan sebenar kepada perubahan. 386 00:19:04,360 --> 00:19:07,850 >> Jadi seperti yang anda ingat, jQuery membolehkan anda untuk menukar kandungan. 387 00:19:07,850 --> 00:19:13,017 Jadi, satu perkara yang kita mungkin mahu termasuk dalam ini adalah perpustakaan yang jQuery. 388 00:19:13,017 --> 00:19:16,100 Dan kemudian dapat untuk memilih apa sedang kita benar-benar akan menukar kandungan, 389 00:19:16,100 --> 00:19:18,224 yang akan memerlukan ID atau kelas, atau sesuatu 390 00:19:18,224 --> 00:19:20,100 yang boleh kita gunakan untuk memilihnya. 391 00:19:20,100 --> 00:19:25,010 Oleh itu, kita hanya akan memberikan ID cepat perubahan teks. 392 00:19:25,010 --> 00:19:26,974 Dan kemudian anda mahu merebut jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Jadi apa yang pertama perkara pada kita untuk berbuat senarai maka ini? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Mari kita merebut jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Mari kita merebut jQuery, OK, sejuk. 396 00:19:32,494 --> 00:19:34,502 Dalam kes itu, saya akan harus actually-- 397 00:19:34,502 --> 00:19:36,210 di mana akan menjadi Tempat terbaik untuk berbuat demikian? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, jadi jika anda Google jQuery, memukul jQuery, pertama 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: satu Sangat pertama. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Atau muat turun. 401 00:19:42,135 --> 00:19:42,650 Tidak apa-apa. 402 00:19:42,650 --> 00:19:46,482 Hit turun v1 dan v2 di sebelah kiri. 403 00:19:46,482 --> 00:19:49,190 Jadi, kita menggambarkan jQuery dari talian seperti yang mungkin telah anda dilakukan. 404 00:19:49,190 --> 00:19:50,440 Tatal ke bawah. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, di sini ini? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Atau itu. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 Jadi jQuery mempunyai versi perumah yang bermaksud bahawa anda tidak benar-benar 410 00:20:00,150 --> 00:20:01,890 perlu memuat turun, tetapi anda akan lebih daripada 411 00:20:01,890 --> 00:20:07,734 mengalu-alukan untuk memuat turun dan tuan rumah sendiri. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Jadi sekarang kita mempunyai jQuery. 414 00:20:09,566 --> 00:20:11,122 Sekarang apa yang akan datang pada kita untuk melakukan pendaftaran. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Jadi seterusnya apa yang kita perlukan lakukan ialah kita sebenarnya perlu 417 00:20:13,910 --> 00:20:17,750 untuk memberikan p hello dunia ID jadi kita boleh mengubahnya, bukan? 418 00:20:17,750 --> 00:20:24,514 Jadi mari kita memberi idea, Saya tidak tahu, menukar teks? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Mari kita melakukannya dengan cara ini, saya rasa. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, sejuk. 421 00:20:28,013 --> 00:20:29,830 Dan sekarang mari kita muatkan semula halaman. 422 00:20:29,830 --> 00:20:31,142 Membuat kerja-kerja semua pasti. 423 00:20:31,142 --> 00:20:32,100 Jadi kembali dalam penyemak imbas. 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 Sentiasa peringatan yang baik apabila anda membina sebuah laman web, 427 00:20:39,380 --> 00:20:44,450 mungkin memuat semula setiap kali anda membuat apa-apa perubahan agak ketara hanya 428 00:20:44,450 --> 00:20:47,993 kerana kadang-kadang anda tidak sengaja menggugurkan tag, 429 00:20:47,993 --> 00:20:51,640 atau anda secara tidak sengaja memadam sesuatu, dan kemudian anda memecahkan sesuatu yang kecil, 430 00:20:51,640 --> 00:20:55,880 tetapi kemudian apabila anda membuat perubahan yang lebih besar anda seperti, mengapa lakukan perubahan besar 431 00:20:55,880 --> 00:20:57,910 seolah-olah memecahkan perkara yang tidak berkaitan. 432 00:20:57,910 --> 00:21:02,840 Jadi ia sentiasa baik untuk menyusun daripada pergi dan melakukan pemeriksaan kewarasan mereka. 433 00:21:02,840 --> 00:21:05,610 >> Bagaimanapun jadi sekarang mari kita buat satu cek kewarasan lepas, 434 00:21:05,610 --> 00:21:09,800 yang mari kita cuba untuk mengubah teks tanpa Leap Motion, 435 00:21:09,800 --> 00:21:11,820 tanpa apa-apa, hanya pada beban halaman IA AKAN 436 00:21:11,820 --> 00:21:17,140 mengubah dunia hello kepada selamat tinggal menggunakan jQuery. 437 00:21:17,140 --> 00:21:21,400 Jadi, jika anda ingat mendedahkan jQuery ini fungsi tanda dolar, 438 00:21:21,400 --> 00:21:28,640 yang kita boleh lulus pemilih CSS untuk, iaitu teks perubahan hashtag, yang 439 00:21:28,640 --> 00:21:31,590 memilih unsur dengan ID perubahan teks. 440 00:21:31,590 --> 00:21:34,980 Dan kemudian kita akan untuk memanggil kaedah HTML 441 00:21:34,980 --> 00:21:40,390 pada objek itu kembali dengan Hujah yang selamat tinggal tali, yang 442 00:21:40,390 --> 00:21:45,600 akan mengubah perkara HTML untuk mengucapkan selamat tinggal. 443 00:21:45,600 --> 00:21:46,210 Awesome. 444 00:21:46,210 --> 00:21:48,790 Yang seolah-olah cukup sejuk. 445 00:21:48,790 --> 00:21:52,365 Dan sekarang apabila kita memuat semula Laman ini kita akan melihat 446 00:21:52,365 --> 00:21:54,040 serta-merta bertukar menjadi selamat tinggal, bukan? 447 00:21:54,040 --> 00:21:55,910 Kerana ia tidak menunggu apa-apa. 448 00:21:55,910 --> 00:21:59,200 Semacam sebaik sahaja skrip yang berjalan ia berubah kepada selamat tinggal. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Jadi sekarang mari kita balut bahawa dalam fungsi. 451 00:22:03,790 --> 00:22:04,290 Betul. 452 00:22:04,290 --> 00:22:06,270 Jadi kita akan mahu untuk membuat majlis. 453 00:22:06,270 --> 00:22:08,160 Kami akan memanggilnya selamat tinggal. 454 00:22:08,160 --> 00:22:11,570 Jadi fungsi selamat tinggal adalah akan mengambil hujah-hujah 455 00:22:11,570 --> 00:22:14,170 dan ia tidak benar-benar akan mengembalikan apa-apa. 456 00:22:14,170 --> 00:22:18,850 Dan ia hanya akan melakukannya dalam JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Cemerlang. 459 00:22:23,140 --> 00:22:27,000 Jadi selamat tinggal fungsi kami sekarang perubahan teks untuk selamat tinggal, bukan? 460 00:22:27,000 --> 00:22:28,930 Jadi ini memberikan kita cara yang pada dasarnya untuk perubahan 461 00:22:28,930 --> 00:22:32,871 bahawa teks untuk selamat tinggal bila-bila masa kita dipanggil fungsi itu. 462 00:22:32,871 --> 00:22:33,370 Betul? 463 00:22:33,370 --> 00:22:35,290 Jadi ini adalah cukup sejuk. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Baik, kami boleh juga pastikan 465 00:22:37,430 --> 00:22:41,040 bahawa sekarang kerana kami tidak memanggil fungsi, jika kita memuat semula halaman, 466 00:22:41,040 --> 00:22:44,460 perhatikan ia tidak akan untuk menukar teks. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Cemerlang. 468 00:22:45,509 --> 00:22:47,800 Jadi sekarang kita akan memulakan untuk masuk ke dalam barangan yang Leap 469 00:22:47,800 --> 00:22:49,880 bahawa kita bercakap mengenai. 470 00:22:49,880 --> 00:22:52,240 Jadi Armi, adakah anda mahu mengambil ia daripada sini atau? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Yeah. 472 00:22:52,640 --> 00:22:53,139 Pasti. 473 00:22:53,139 --> 00:22:56,260 Saya mungkin akan memerlukan kepada perkara-perkara cek berganda, 474 00:22:56,260 --> 00:22:58,250 tetapi sebagai contoh ingat kita kata kita mahu 475 00:22:58,250 --> 00:23:02,627 memastikan dalam Pilihan kita tetapkan membolehkan gerak isyarat 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Soalan yang bagus. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Untuk menjadi benar. 478 00:23:06,250 --> 00:23:08,960 Dan kemudian kami mengesyorkan bahawa kamu akan 479 00:23:08,960 --> 00:23:12,230 menjalankan lompat gelung dot, yang seperti yang kita katakan tadi, 480 00:23:12,230 --> 00:23:18,140 mempunyai dua pilihan, satu objek JSON yang adalah pilihan untuk bagaimana anda mahu 481 00:23:18,140 --> 00:23:22,030 mengkonfigurasi Leap Motion untuk kerja, dan kemudian fungsi itu 482 00:23:22,030 --> 00:23:27,640 akan menangkap bingkai kerana panggilan balik fungsi seperti Tomas telah berkata. 483 00:23:27,640 --> 00:23:30,470 Dan kemudian edit apa yang anda mahu kaitan dengan fungsi itu. 484 00:23:30,470 --> 00:23:33,890 >> Oleh itu, kita lulus dalam pilihan dan sekarang kita menentukan 485 00:23:33,890 --> 00:23:36,117 satu fungsi yang akan mengambil dalam bingkai. 486 00:23:36,117 --> 00:23:38,200 Dan sekarang kita perlu menentukan apa fungsi yang tidak. 487 00:23:38,200 --> 00:23:42,569 Ia juga untuk kepentingan yang masa depan, melakukan yang memastikan. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Cemerlang. 489 00:23:43,610 --> 00:23:45,940 Jadi sekarang kita mempunyai ini lompat fungsi gelung dot 490 00:23:45,940 --> 00:23:52,420 panggilan yang pada dasarnya mengatakan menonton Leap dengan ini pilihan dan setiap kali 491 00:23:52,420 --> 00:23:55,710 perubahan sesuatu, memanggil ini rangka fungsi dengan semua data 492 00:23:55,710 --> 00:23:59,510 bahawa anda sedar dalam rangka. 493 00:23:59,510 --> 00:24:01,320 Bunyi yang agak baik. 494 00:24:01,320 --> 00:24:03,680 Jadi sekarang cek kewarasan cepat, yang saya selalu mengesyorkan, 495 00:24:03,680 --> 00:24:07,020 adalah dalam yang hanya meletakkan konsol rangka log titik. 496 00:24:07,020 --> 00:24:10,320 Dan kemudian di Chrome membukanya dan melihat konsol anda 497 00:24:10,320 --> 00:24:13,870 dan bermain-main dengan Leap untuk melihat bingkai dibalak kerana kehendak yang 498 00:24:13,870 --> 00:24:16,300 mendapatkan anda idea tentang apa yang data anda mempunyai akses kepada. 499 00:24:16,300 --> 00:24:20,680 Dan seperti biasa jika anda keliru, mencari rujukan API. 500 00:24:20,680 --> 00:24:23,430 Dan kami akan termasuk pautan untuk itu pada akhir ini. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Oleh itu, kita muat semula halaman dan kemudian 502 00:24:26,300 --> 00:24:28,880 kita pergi dan membuka konsol lagi. 503 00:24:28,880 --> 00:24:33,590 Dan sekarang kita melihat bahawa kita mempunyai bingkai yang diluluskan pada, 504 00:24:33,590 --> 00:24:37,834 objek kecil kita lihat sebelum ini. 505 00:24:37,834 --> 00:24:38,690 Jadi yeah. 506 00:24:38,690 --> 00:24:42,870 Ini ialah bingkai kami muncul di konsol. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Jadi sekarang kita telah meraih bingkai, kerana anda mungkin ingat lebih awal 509 00:24:46,970 --> 00:24:51,800 daripada contoh yang kita telah, jika kita memeriksa rangka gerak isyarat dot 510 00:24:51,800 --> 00:24:56,270 kita mendapatkan senarai gerak isyarat yang kerangka yang paling baru-baru ini ditangkap. 511 00:24:56,270 --> 00:25:01,510 Kami boleh menyemak panjang array yang untuk melihat jika Leap ditangkap apa-apa isyarat. 512 00:25:01,510 --> 00:25:05,010 Jadi jika pelbagai yang lebih besar daripada sifar maka kita 513 00:25:05,010 --> 00:25:07,570 tahu bahawa kita mempunyai beberapa perkara yang perlu dilakukan. 514 00:25:07,570 --> 00:25:15,040 >> Jadi mari kita balut yang dalam jika keadaan dan kini di sini apa yang kita tahu ialah kita 515 00:25:15,040 --> 00:25:20,390 telah melihat isyarat, mari kita bertindak ke atasnya. 516 00:25:20,390 --> 00:25:25,721 Jadi sekarang bahawa kita berada di sini kita mempunyai isyarat untuk menyemak. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Well, pertama perkara yang ia bukan hanya satu isyarat, 518 00:25:28,470 --> 00:25:29,840 ia boleh menjadi banyak gerak isyarat. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Sangat benar. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Jadi setiap gaya C klasik di sini 521 00:25:33,340 --> 00:25:36,334 kita mungkin ingin untuk menggunakan gelung. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Di sini kita kemudian. 523 00:25:37,750 --> 00:25:42,870 Kami memutuskan untuk melelar melalui gerak isyarat. 524 00:25:42,870 --> 00:25:46,412 Dan mari kita lihat. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 Dan kini jika kita mungkin dibuat hanya isyarat var sama 527 00:25:56,150 --> 00:26:01,210 gerak isyarat rangka dot pendakap i, sekarang kita mempunyai 528 00:26:01,210 --> 00:26:06,260 isyarat itu sendiri, yang merupakan salah satu contoh tunggal objek isyarat 529 00:26:06,260 --> 00:26:10,582 bagi kita untuk bekerja dengan di dalam ini untuk gelung. 530 00:26:10,582 --> 00:26:12,869 Baiklah. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Mari kewarasan semak di sini sekali lagi dan hanya menghibur 532 00:26:15,410 --> 00:26:17,370 dot log isyarat untuk melihat apa yang kita dapat. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konsol log dot isyarat. 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 Dan muat semula sekali lagi. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS REIMERS: Dan mari kita cuba membuat isyarat. 538 00:26:30,030 --> 00:26:34,600 Anda akan melihat bahawa sekumpulan daripada, apabila dia swipes, 539 00:26:34,600 --> 00:26:39,780 anda mendapatkan sekumpulan gerak isyarat dalam konsol dan jika dia cuba untuk melakukan satu bulatan, 540 00:26:39,780 --> 00:26:40,470 itu just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Bulatan hanya benar-benar baik. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Sekarang terdapat satu perkara yang pelik di sini, yang dia lakukan satu bulatan, 543 00:26:45,000 --> 00:26:48,730 tetapi ini adalah pembalakan 80 gerak isyarat, bukan? 544 00:26:48,730 --> 00:26:50,070 Itu banyak gerak isyarat. 545 00:26:50,070 --> 00:26:53,560 Jadi perkara yang pertama perkara untuk sedar, dan ini boleh mengelirukan, 546 00:26:53,560 --> 00:26:57,050 ialah isyarat yang tidak hanya log sekali. 547 00:26:57,050 --> 00:27:01,107 >> Pada setiap bingkai, hak, jadi jika saya lakukan bulatan 548 00:27:01,107 --> 00:27:02,940 Leap akan mengesan ini adalah perubahan, dari ini 549 00:27:02,940 --> 00:27:04,398 adalah perubahan, dari ini adalah perubahan. 550 00:27:04,398 --> 00:27:05,970 Dan ia akan log setiap satu daripada mereka. 551 00:27:05,970 --> 00:27:08,200 Tetapi dalam setiap salah seorang daripada mereka, ia akan berkata, oh, 552 00:27:08,200 --> 00:27:10,050 ada isyarat yang sedang dijalankan. 553 00:27:10,050 --> 00:27:14,260 Jadi biarlah saya katakan, hey, ada isyarat dan ia sedang dijalankan. 554 00:27:14,260 --> 00:27:17,000 Jadi apa yang kita tidak mahu lakukan adalah berkata, oh, pada tiap-tiap satu 555 00:27:17,000 --> 00:27:19,370 orang-orang gerak isyarat anda ingin menukar teks. 556 00:27:19,370 --> 00:27:23,660 Apa yang kami mahu lakukan adalah apabila isyarat yang berhenti, dan kita boleh menyemak bahawa, 557 00:27:23,660 --> 00:27:24,974 kemudian kita ingin menukar teks. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Jadi seperti Tomas adalah menjelaskan gerak isyarat ini 560 00:27:30,550 --> 00:27:33,580 mungkin muncul melalui pelbagai bingkai, tetapi sebagai contoh, 561 00:27:33,580 --> 00:27:36,200 apabila kita telah mempunyai kelompok ini, kita dapat melihat 562 00:27:36,200 --> 00:27:40,140 bahawa untuk satu ID yang bulatan tunggal yang kita 563 00:27:40,140 --> 00:27:43,950 mungkin telah cuba untuk melengkapkan adalah ID yang sama di seluruh. 564 00:27:43,950 --> 00:27:46,320 Dan sebenarnya, anda juga boleh menyemak status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 dikemaskini. 567 00:27:50,270 --> 00:27:55,680 >> Dan maka ini mungkin yang bulatan yang lepas, oh, baik, OK. 568 00:27:55,680 --> 00:28:00,480 Jadi kadang-kadang ia memperlihatkan kepada anda status menghentikan isyarat 569 00:28:00,480 --> 00:28:04,180 dan ia juga menunjukkan status anda yang memulakan tanda baru apabila 570 00:28:04,180 --> 00:28:09,140 ia mengiktiraf untuk memastikan bahawa anda telah memulakan satu isyarat baru. 571 00:28:09,140 --> 00:28:10,637 Sebagai contoh dalam kes ini. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Jadi yeah. 574 00:28:12,511 --> 00:28:14,420 Kemudian, mari kita lihat. 575 00:28:14,420 --> 00:28:16,490 Anda juga boleh notis walaupun kita telah membuat 576 00:28:16,490 --> 00:28:22,179 bulatan dan isyarat mempunyai jenis medan dipanggil 577 00:28:22,179 --> 00:28:23,970 yang memberitahu kita apa jenis daripada isyarat yang. 578 00:28:23,970 --> 00:28:27,829 Jadi yang mungkin berguna untuk kita anda mencuba dan melakukan apa yang kita lakukan. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Jadi beralih kembali kepada JS, 580 00:28:29,620 --> 00:28:31,696 perkara pertama yang berlaku kepada saya juga, hanya membaca melalui kod ini 581 00:28:31,696 --> 00:28:34,340 adalah terdapat pengoptimuman kecil, yang kita sebenarnya 582 00:28:34,340 --> 00:28:35,980 tidak perlu jika keadaan ini, bukan? 583 00:28:35,980 --> 00:28:39,330 Kerana jika gerak isyarat rangka dot dot panjang adalah sifar, yang untuk gelung ini 584 00:28:39,330 --> 00:28:40,450 tidak akan berjalan pula. 585 00:28:40,450 --> 00:28:43,100 Oleh itu, kita boleh dan hanya pergi hadapan dan menghilangkan itu. 586 00:28:43,100 --> 00:28:46,620 Sekali lagi, semasa anda menulis kod ia adalah penting untuk pergi ke belakang dan jenis 587 00:28:46,620 --> 00:28:50,330 daripada refactor sebagai anda sedar bahawa anda boleh melakukan sesuatu yang lebih baik, 588 00:28:50,330 --> 00:28:53,370 atau bahawa terdapat satu lagi cara untuk melakukan itu. 589 00:28:53,370 --> 00:28:57,170 Maka sekarang, kami hanya akan membersihkan ini dengan cepat dan juga membersihkan kod anda. 590 00:28:57,170 --> 00:28:58,310 Itu masalah besar. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Baik gaya adalah sangat dihargai. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Anda boleh sentiasa memberitahu apabila seseorang 593 00:29:01,828 --> 00:29:05,240 mempunyai kod mana dulu ada jika keadaan dan kemudian mereka dikeluarkan itu, 594 00:29:05,240 --> 00:29:07,530 tetapi mereka tidak tanda komentar itu. 595 00:29:07,530 --> 00:29:10,147 Ia amat jelas dan ia sejenis kelihatan hodoh. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Jadi apa akan datang pada kita untuk berbuat senarai? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Jadi sekarang seperti yang kita telah berkata, Saya rasa perkara pertama yang kami mahu lakukan 598 00:29:15,479 --> 00:29:17,970 adalah memastikan bahawa bahawa isyarat ini sebenarnya sapu, kan? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Yeah. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Oleh itu, jika kita katakan bahawa selamat tinggal kami adalah jenis seperti sapu, 601 00:29:21,750 --> 00:29:25,280 kami akan pergi dengan itu sapu, yang Perkara pertama yang perlu kita katakan adalah, hey, 602 00:29:25,280 --> 00:29:27,410 adalah isyarat yang menaip sapu, kan? 603 00:29:27,410 --> 00:29:30,860 Tidak bulatan atau bahagian atas yang, tetapi ia sapu? 604 00:29:30,860 --> 00:29:34,280 Jadi cara kita boleh berbuat demikian yang kita boleh katakan isyarat 605 00:29:34,280 --> 00:29:38,530 Jenis dot sapu sama sama sebagai rentetan. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [didengar] isyarat Jenis dot sama sama sapu. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Terdapat kami. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Dan maka soalan yang terakhir 610 00:29:49,438 --> 00:29:53,170 kita mahu lihat adalah isyarat dot negeri berhenti sama sama, bukan? 611 00:29:53,170 --> 00:29:55,860 Jadi itulah apabila isyarat sudah berhenti. 612 00:29:55,860 --> 00:29:58,490 Saya benar-benar berfikir untuk sapu, saya tahu ini di luar bahagian atas kepala saya, 613 00:29:58,490 --> 00:30:00,340 tetapi anda dialu-alukan untuk melihat ia, apabila anda 614 00:30:00,340 --> 00:30:05,627 sapu setiap kali ia mendaftarkannya sehingga anda berhenti adalah tanda permulaan. 615 00:30:05,627 --> 00:30:07,460 Dan kemudian yang terakhir ini hanya tanda berhenti. 616 00:30:07,460 --> 00:30:11,090 Jadi tidak hanya akan menjadi salah satu perhentian isyarat, yang besar untuk kita. 617 00:30:11,090 --> 00:30:17,180 Jadi apa yang boleh kita lakukan adalah mengatakan jika isyarat dot menaip sapu sama sama dan isyarat dot 618 00:30:17,180 --> 00:30:19,950 status yang sama sama berhenti, maka mari kita kewarasan 619 00:30:19,950 --> 00:30:21,725 semak di sini menghibur log dot isyarat. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Oleh itu, kita akan pergi ke sini. 622 00:30:30,790 --> 00:30:33,570 Kami akan memuat semula halaman. 623 00:30:33,570 --> 00:30:38,380 Dan kini sesuatu yang hanya perlu masa menjadi konsol dot log adalah apabila kita sapu. 624 00:30:38,380 --> 00:30:40,780 Dan kami cuba untuk sapu dan kita melihat apa-apa. 625 00:30:40,780 --> 00:30:41,280 Betul? 626 00:30:41,280 --> 00:30:43,990 Jadi ini adalah sebenarnya satu isu besar. 627 00:30:43,990 --> 00:30:47,560 Kami tidak melihat apa yang kita dijangka. 628 00:30:47,560 --> 00:30:49,356 Dan debugging boleh menjadi sebahagian besar daripada ini. 629 00:30:49,356 --> 00:30:51,980 Jadi perkara pertama yang kita akan katakan ialah, OK, mari kita menghibur dot 630 00:30:51,980 --> 00:30:54,568 log jika isyarat dot menaip sapu sama sama. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Yeah, mari kita buat itu. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Jadi kami akan kembali kepada ini. 634 00:31:02,020 --> 00:31:03,140 Kami akan menyegarkan. 635 00:31:03,140 --> 00:31:04,020 Kami akan sapu. 636 00:31:04,020 --> 00:31:05,150 Dan kita akan melihat sekumpulan daripada mereka. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Jadi jelas masalah itu dengan status isyarat dot kami. 639 00:31:08,710 --> 00:31:14,000 Jadi, jika kita membuka salah satu daripada kami akan melihat dalam objek dan kita akan melihat, 640 00:31:14,000 --> 00:31:18,700 baik, itu berhenti, tetapi, oh, ia dipanggil negeri, bukan status. 641 00:31:18,700 --> 00:31:21,890 Jadi, jika kita kembali ke kod kita, kita boleh mengatakan 642 00:31:21,890 --> 00:31:27,780 jika jenis isyarat dot sapu sama sama dan berhenti sama negeri isyarat dot sama, 643 00:31:27,780 --> 00:31:29,160 maka kita akan menghibur dot log ia. 644 00:31:29,160 --> 00:31:30,940 Dan begitu menyegarkan. 645 00:31:30,940 --> 00:31:31,856 Kami sapu. 646 00:31:31,856 --> 00:31:33,730 Dan kita akan melihat bahawa pada setiap sapu, kami hanya 647 00:31:33,730 --> 00:31:36,247 mendapatkan satu, yang merupakan akhir, yang besar, bukan? 648 00:31:36,247 --> 00:31:37,080 Itulah apa yang kita mahu. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Ya. 650 00:31:37,955 --> 00:31:42,640 Dan kita juga boleh melihat bahawa ID untuk setiap gerak isyarat ini adalah berasingan. 651 00:31:42,640 --> 00:31:47,470 Jadi sebagai Tomas mengatakan kerana kami menangkap negeri ini satu perhentian yang 652 00:31:47,470 --> 00:31:52,850 wujud pada akhir sapu, kami mendapat isyarat berasingan individu 653 00:31:52,850 --> 00:31:54,441 dari Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Great. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Mari kita pergi ke depan dan hanya melakukan perkara yang akhir, yang adalah, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Selamat tinggal. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 Dan sekarang mari kita lihat laman web kami. 660 00:32:08,925 --> 00:32:09,425 Satu 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Kedua. 662 00:32:09,730 --> 00:32:11,271 Kami telah, yeah, kita tidak menyebutnya Selamat tinggal. 663 00:32:11,271 --> 00:32:11,920 Great. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Tidak, Selamat tinggal adalah fungsi sebenar. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Yeah. 666 00:32:14,406 --> 00:32:15,670 Mari kita buat itu. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Dan apabila kita melambai selamat tinggal, ia mengucapkan selamat tinggal. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Kami ada kemenangan. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: hal itu cukup menarik. 670 00:32:25,632 --> 00:32:28,590 Mudah-mudahan anda boleh membina sesuatu lain, tetapi anda mendapat idea, bukan? 671 00:32:28,590 --> 00:32:30,260 Anda boleh mengesan isyarat. 672 00:32:30,260 --> 00:32:31,469 Anda boleh memanggil fungsi. 673 00:32:31,469 --> 00:32:34,510 Dan itu yang benar-benar memberi anda beberapa blok bangunan yang sangat asas 674 00:32:34,510 --> 00:32:38,800 berkata, oh, mungkin apabila mereka leret ke atas, kerana anda juga boleh mengesan perkara 675 00:32:38,800 --> 00:32:39,674 arah seperti. 676 00:32:39,674 --> 00:32:40,840 Saya mahu mereka melakukan sesuatu. 677 00:32:40,840 --> 00:32:43,470 Atau apabila mereka sapu betul, saya mahu mereka untuk melakukan sesuatu. 678 00:32:43,470 --> 00:32:45,880 Dan kita boleh mula untuk mendapatkan kreatif dengan bagaimana sebenarnya 679 00:32:45,880 --> 00:32:48,840 kita akan memperbaiki laman web kami menggunakan ini gerak isyarat sapu atau bulatan 680 00:32:48,840 --> 00:32:53,695 gerak isyarat, gerak isyarat atau paip, sama ada paip atau paip skrin utama. 681 00:32:53,695 --> 00:32:56,070 Dan kemudian yang lain daripada itu anda lebih daripada dialu-alukan untuk bermain 682 00:32:56,070 --> 00:32:59,640 dengan data sebenar, tetapi jika anda mahu untuk melakukan 683 00:32:59,640 --> 00:33:03,870 kami cadangkan anda pergi ke docs kerana mereka benar-benar benar-benar baik. 684 00:33:03,870 --> 00:33:05,034 Jadi menuju ke docs kini. 685 00:33:05,034 --> 00:33:06,450 Atau adakah anda mahu bercakap tentang itu? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Yeah. 687 00:33:06,940 --> 00:33:07,920 Mari kita buat itu. 688 00:33:07,920 --> 00:33:13,680 Juga satu berita menarik lain nasihat, jangan cuba memikirkan ini dalam 3D. 689 00:33:13,680 --> 00:33:22,611 Jadi sebenarnya mari kita tarik ke atas orang-orang gerak isyarat sekali lagi log konsol dot isyarat 690 00:33:22,611 --> 00:33:24,290 dan kami melakukannya. 691 00:33:24,290 --> 00:33:29,460 Datang kembali dan sekarang mari kita cuba satu pasangan ini, beberapa orang. 692 00:33:29,460 --> 00:33:32,940 >> Jika kita pergi masuk dan daftar keluar gerak isyarat ini dan juga 693 00:33:32,940 --> 00:33:36,830 seperti yang anda lihat bahawa mereka kematraan 694 00:33:36,830 --> 00:33:38,980 adalah dalam tiga arah, sebenarnya. 695 00:33:38,980 --> 00:33:42,500 Jadi tidak hanya mengehadkan diri anda dengan skrin 2D 696 00:33:42,500 --> 00:33:45,200 walaupun anda mungkin menjadi pada laman web 2D. 697 00:33:45,200 --> 00:33:49,152 Anda boleh cuba dan berfikir bagaimana pengguna mungkin berinteraksi dengan laman web dalam 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: Dalam ruang 3D. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Tepat. 700 00:33:51,401 --> 00:33:52,310 Dan yeah. 701 00:33:52,310 --> 00:33:55,350 Oleh itu, anda mendapatkan arah, halaju, semua bit sejuk maklumat. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: Dan jika anda tidak biasa dengan itu, ia pergi x, y, 703 00:33:58,890 --> 00:34:01,566 dan kemudian z adalah dimensi yang terakhir ini. 704 00:34:01,566 --> 00:34:04,690 Hanya sesuatu yang anda mungkin ada mengetahui jika anda telah diuruskan 3D 705 00:34:04,690 --> 00:34:05,731 menyelaras pesawat sebelum. 706 00:34:05,731 --> 00:34:09,565 Jika anda tidak mempunyai, ia adalah sama seperti yang 2D satu kecuali ada satu dimensi ketiga. 707 00:34:09,565 --> 00:34:11,420 Kami memanggilnya z. 708 00:34:11,420 --> 00:34:16,449 Dan segala-galanya, jenis suka arah, di mana ia akan, 709 00:34:16,449 --> 00:34:19,810 position-- saya fikir ia mungkin walaupun mendedahkan pecutan, saya tidak pasti. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ya, saya percaya. 711 00:34:21,341 --> 00:34:22,340 Ia pasti mempunyai kelajuan. 712 00:34:22,340 --> 00:34:25,699 Saya sebenarnya tidak 100% pasti mengenai pecutan. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Ia boleh menjadi pilihan anda boleh menyampaikan kepada sesuatu. 714 00:34:28,810 --> 00:34:33,409 Jadi kedudukan dan kelajuan terdedah dalam jenis ini daripada tiga koordinat. 715 00:34:33,409 --> 00:34:38,812 Jadi x, y, z atau x delta, delta y, z delta. 716 00:34:38,812 --> 00:34:44,130 Jadi sekarang menuju ke dokumentasi itu developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 dan kemudian anda boleh menekan Dokumentasi. 718 00:34:46,460 --> 00:34:50,010 Sekali lagi, Leap Motion mempunyai semua ini API yang indah, satu untuk JavaScript, 719 00:34:50,010 --> 00:34:53,750 satu untuk C Sharp dan Perpaduan, satu untuk C ++, satu untuk Java, satu untuk Python, 720 00:34:53,750 --> 00:34:59,020 dan satu untuk Objektif C. Saya sendiri akan menolak anda ke arah JavaScript 721 00:34:59,020 --> 00:35:01,280 atau jika anda mahu belajar bahasa baru, cuba Python. 722 00:35:01,280 --> 00:35:05,910 Kedua-dua bahasa-bahasa tersebut saya telah bekerja dengan sebelum dan mereka benar-benar mudah untuk belajar 723 00:35:05,910 --> 00:35:10,250 dan anda sudah tahu JavaScript, yang menjadikannya pesaing benar-benar baik. 724 00:35:10,250 --> 00:35:12,930 >> Satu perkataan-hati apabila anda masuk ke dalam dokumen. 725 00:35:12,930 --> 00:35:15,940 Pastikan anda berada di Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Kerana jika anda berada di versi satu, ia tidak akan berfungsi. 727 00:35:20,250 --> 00:35:21,830 Juga untuk galeri contoh. 728 00:35:21,830 --> 00:35:25,100 Kami menghabiskan masa yang baik 30 minit cuba debug Leap kami 729 00:35:25,100 --> 00:35:28,640 sebelum kita sedar bahawa V1 tidak berfungsi dengan V2. 730 00:35:28,640 --> 00:35:31,660 Jadi, pastikan anda berada di dua versi. 731 00:35:31,660 --> 00:35:33,904 Dan kemudian saya akan biarkan dia menunjukkan anda yang docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Yeah. 733 00:35:34,820 --> 00:35:39,480 Jadi di sini adalah gambaran keseluruhan API dan kemudian beberapa bit dan keping maklumat 734 00:35:39,480 --> 00:35:41,420 bahawa kita telah pun memberitahu anda. 735 00:35:41,420 --> 00:35:44,270 Nice terapung sedikit tangan di atas yang Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Dan peringatan untuk berfikir tentang ruang dalam 3D. 737 00:35:47,850 --> 00:35:53,140 Salah satu objek pertama untuk memikirkan dengan Leap Motion adalah tangan, sudah tentu. 738 00:35:53,140 --> 00:35:57,060 Kami saw yang diiktiraf oleh Penampak. 739 00:35:57,060 --> 00:35:59,180 Dan kemudian anda mungkin mempunyai dilihat bahawa ia diiktiraf 740 00:35:59,180 --> 00:36:03,202 sebahagian daripada pergelangan tangan dan lengan yang dikaitkan dengannya. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Jika anda ingin untuk menarik yang Penampak. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Yeah, mari kita buat itu lagi. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Anda boleh melihat, sentiasa hanya satu peringatan yang baik untuk jenis melihat, 744 00:36:10,148 --> 00:36:14,060 Penampak yang cuba untuk menunjukkan semua data yang Leap melihat. 745 00:36:14,060 --> 00:36:17,606 Jadi, anda akan melihat bahawa kita mempunyai jenis ini daripada empat mata 746 00:36:17,606 --> 00:36:19,230 oleh pergelangan tangan dan pergelangan tangan kemudian sebenar. 747 00:36:19,230 --> 00:36:21,625 Dan anda juga mempunyai bola ini di sawit. 748 00:36:21,625 --> 00:36:24,000 Semua ini adalah titik mengenali diiktiraf oleh lompatan. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Tepat. 750 00:36:25,041 --> 00:36:32,300 Dan sebagainya dengan objek tangan setiap bingkai mempunyai pelbagai tangan 751 00:36:32,300 --> 00:36:36,470 dan di mana anda juga boleh mendapatkan kiri dan tangan kanan. 752 00:36:36,470 --> 00:36:39,410 Anda boleh mendapatkan yang arah tangan adalah 753 00:36:39,410 --> 00:36:42,410 menghadapi dengan normal arah sawit, 754 00:36:42,410 --> 00:36:45,470 atau kerana mereka memanggilnya kelapa biasa. 755 00:36:45,470 --> 00:36:46,510 Apa lagi yang kita ada? 756 00:36:46,510 --> 00:36:48,120 Kami juga, oops. 757 00:36:48,120 --> 00:36:50,640 Mari kita cuba dan tatal ke bawah dengan cara ini. 758 00:36:50,640 --> 00:36:54,410 Lengan, jari-jari adalah diwakili oleh jari 759 00:36:54,410 --> 00:36:57,890 kelas, yang merupakan objek pointable. 760 00:36:57,890 --> 00:37:01,420 Jadi seperti yang kita telah berkata, kita melihat bahawa pelbagai pointables bagi setiap tangan. 761 00:37:01,420 --> 00:37:04,240 Mereka adalah sedikit jari untuk berfikir tentang. 762 00:37:04,240 --> 00:37:09,809 Jadi ini adalah gambaran yang baik untuk pergi melalui cuba memahami. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [didengar] tangan anatomi di sana. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ya, betul-betul. 765 00:37:13,680 --> 00:37:14,220 Jadi yeah. 766 00:37:14,220 --> 00:37:18,150 Terdapat banyak data mentah bahawa Leap Motion mengambil dalam mentafsir dan 767 00:37:18,150 --> 00:37:20,750 untuk anda, jadi ini adalah besar idea melalui sini 768 00:37:20,750 --> 00:37:25,300 dan cuba memikirkan bagaimana Leap mempunyai telah digambarkan perkara untuk anda 769 00:37:25,300 --> 00:37:28,830 dan supaya maklumat yang anda mempunyai didapati dari sana. 770 00:37:28,830 --> 00:37:33,150 Dan kemudian dari sana saya akan mengesyorkan pergi ke bahagian kiri ini di sini, 771 00:37:33,150 --> 00:37:39,210 yang pergi, dan sebenarnya tidak, mereka adalah barangan API sebenarnya hanya lebih about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: Rujukan API di bahagian bawah biasanya tempat yang baik untuk pergi. 773 00:37:42,670 --> 00:37:45,720 Anda semua mungkin melihat ini apabila kami lakukan Peta Google Serangga. 774 00:37:45,720 --> 00:37:48,590 Tetapi rujukan yang benar-benar hanya pergi melalui semua 775 00:37:48,590 --> 00:37:54,540 fungsi dan parameter terdapat di objek untuk anda. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Yeah. 777 00:37:55,500 --> 00:37:57,740 Sebagai contoh, ini adalah apa yang Saya cari sebelum. 778 00:37:57,740 --> 00:38:01,030 Apabila kita mempunyai tangan kita boleh pergi dan memikirkan 779 00:38:01,030 --> 00:38:03,750 bagaimana Leap mengesyorkan kepada kami untuk mencari tangan. 780 00:38:03,750 --> 00:38:06,080 Seperti yang saya katakan sebelum ini, kami mempunyai pelbagai tangan. 781 00:38:06,080 --> 00:38:10,340 Mengetahui jika kita mempunyai tangan dan kemudian cuba merebut tangan tunggal 782 00:38:10,340 --> 00:38:12,410 untuk berinteraksi dengan dengan cara itu. 783 00:38:12,410 --> 00:38:16,540 Jadi itulah yang kita mengesyorkan untuk anda semua. 784 00:38:16,540 --> 00:38:18,400 Isyarat dan barangan juga. 785 00:38:18,400 --> 00:38:23,857 Dokumentasi API ini akan menjadi alat yang hebat untuk anda semua. 786 00:38:23,857 --> 00:38:25,440 Adakah anda mempunyai apa-apa cadangan lain? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: Saya tidak. 788 00:38:26,398 --> 00:38:27,590 Saya rasa itulah yang baik buat masa ini. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Yeah, Saya fikir begitu juga. 790 00:38:29,340 --> 00:38:33,330 Jangan ragu untuk e-mel kami dan mendapatkan berhubung mengenai Leap Motion 791 00:38:33,330 --> 00:38:36,210 jika anda mempunyai apa-apa isu-isu mungkin atau memerlukan sebarang cadangan. 792 00:38:36,210 --> 00:38:40,310 Dan kita boleh cuba dan memikirkan hal-hal keluar dengan anda semua juga. 793 00:38:40,310 --> 00:38:40,810 Terima kasih. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Great. 795 00:38:42,360 --> 00:38:42,880