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 Namaku Tomas. 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 Senang bertemu kalian. 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 Jadi kita akan berbicara tentang Leap Motion hari ini. 10 00:00:20,740 --> 00:00:22,800 Jadi Leap Motion adalah produk yang benar-benar keren yang 11 00:00:22,800 --> 00:00:25,900 memungkinkan Anda berinteraksi dengan komputer dengan cara yang berbeda. 12 00:00:25,900 --> 00:00:28,560 Jadi seluruh ide di balik gerak lompatan adalah bahwa Anda 13 00:00:28,560 --> 00:00:31,430 dapat menggunakan tangan Anda untuk berinteraksi dengan komputer. 14 00:00:31,430 --> 00:00:33,610 Jadi di sini saya punya sesuatu yang mengatur. 15 00:00:33,610 --> 00:00:34,790 Aku akan berbicara tentang hal itu dalam sedikit. 16 00:00:34,790 --> 00:00:37,540 Tapi versi dasar adalah Anda dapat melihat bahwa saya memiliki tangan saya di depan 17 00:00:37,540 --> 00:00:42,840 komputer saya dan ketika saya memindahkan mereka, Anda mendapatkan analog pada komputer 18 00:00:42,840 --> 00:00:44,170 dan Anda dapat menganalisis ini. 19 00:00:44,170 --> 00:00:46,230 Anda dapat membuat gerakan. 20 00:00:46,230 --> 00:00:49,176 Anda dapat 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 >> Yah, aku benar-benar pertama ingin lulus ke Armi 24 00:00:57,520 --> 00:01:00,400 menunjukkan beberapa demo keren dari apa beberapa orang telah selesai dengan ini. 25 00:01:00,400 --> 00:01:02,816 Dan kemudian kita akan berbicara tentang bagaimana Anda benar-benar kode dengan ini. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Ya. 27 00:01:04,800 --> 00:01:05,300 Moshi Moshi. 28 00:01:05,300 --> 00:01:08,870 Jadi seperti yang kita lihat, sedikit Data di sini, tapi mari kita lihat 29 00:01:08,870 --> 00:01:11,680 apa yang beberapa orang telah selesai dengan ini. 30 00:01:11,680 --> 00:01:15,130 Jadi biarkan aku hanya membuka contoh ini. 31 00:01:15,130 --> 00:01:20,770 Dan kemudian, jadi, misalnya, Anda dapat melihat analog tanganku di sana, tapi sekarang saat ini 32 00:01:20,770 --> 00:01:26,680 beberapa orang yang menggunakan Unity memiliki memutuskan untuk menempatkan sedikit kulit lebih 33 00:01:26,680 --> 00:01:28,670 dan hal-hal di sekitar tangan. 34 00:01:28,670 --> 00:01:35,900 Jadi saya bisa, mari kita pergi dengan yang satu ini, yakin, memiliki tangan saya berinteraksi. 35 00:01:35,900 --> 00:01:41,050 Dan Anda mungkin bisa membayangkan beberapa hal yang berguna keren lainnya 36 00:01:41,050 --> 00:01:42,840 yang dapat Anda lakukan dengan hal ini. 37 00:01:42,840 --> 00:01:45,530 Jadi ini setidaknya salah satu contoh. 38 00:01:45,530 --> 00:01:48,910 Dan kemudian mari kita melompat keluar dari ini. 39 00:01:48,910 --> 00:01:56,590 >> Kemudian satu lagi keren 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 selalu mengharapkan tingkat kompleksitas 42 00:02:03,510 --> 00:02:06,450 dari tugas akhir untuk CS50. 43 00:02:06,450 --> 00:02:10,029 Ini hanya untuk menunjukkan Anda beberapa, memberikan kalian 44 00:02:10,029 --> 00:02:14,570 sedikit inspirasi untuk apa kalian bisa lakukan dengan Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Jadi untuk contoh di sini adalah keren contoh fisika, yang ada kita pergi. 46 00:02:20,500 --> 00:02:24,305 Memiliki kedua tangan saya jadi sekarang Anda memiliki sedikit bola plasma ini. 47 00:02:24,305 --> 00:02:31,030 Dan bola bereaksi terhadap fisika saya bergerak tanganku di sekitar bola. 48 00:02:31,030 --> 00:02:36,920 Sekarang ini semua meskipun menggunakan Unity, menggunakan jenis alat dan kerangka kerja 49 00:02:36,920 --> 00:02:39,510 bahwa kita tidak diajarkan kalian di kelas, 50 00:02:39,510 --> 00:02:46,590 tetapi karena Anda dapat melihat beberapa cantik keren run through dengan itu. 51 00:02:46,590 --> 00:02:51,750 >> Tapi satu hal yang kalian dapat lakukan mulai dari sekarang dengan Leap Motion 52 00:02:51,750 --> 00:02:53,260 adalah pekerjaan dalam JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion memiliki API JavaScript yang kalian dapat menggunakan dan kami sangat, sangat 54 00:02:58,960 --> 00:03:02,040 Sebaiknya kalian membangun proyek Anda menggunakan itu. 55 00:03:02,040 --> 00:03:04,350 Maka dengan itu, biarkan aku menyebarkannya kembali pergi ke Tomas 56 00:03:04,350 --> 00:03:06,582 untuk berbicara tentang Leap Gerak dan JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Atau apakah Anda ingin menunjukkan mereka Visualizer pertama? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh ya. 60 00:03:09,670 --> 00:03:10,170 Iya Nih. 61 00:03:10,170 --> 00:03:11,900 Mari kita berbicara lebih banyak tentang Visualizer itu. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimers: Jadi pada yang paling dasar level, ketika Anda pertama kali ke Leap Motion 63 00:03:14,983 --> 00:03:16,940 Anda akan memiliki kotak ini. 64 00:03:16,940 --> 00:03:18,330 Di sini, ingin aku untuk mengambil kendali? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Ya, pergi untuk itu. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimers: Jadi Bila Anda pertama sampai ke Leap Motion 67 00:03:20,530 --> 00:03:21,780 Anda akan memiliki kotak ini. 68 00:03:21,780 --> 00:03:24,460 Memiliki perangkat yang terlihat seperti ini. 69 00:03:24,460 --> 00:03:28,990 Anda hubungkan ke komputer Anda, install driver yang dibutuhkan, 70 00:03:28,990 --> 00:03:30,950 dan kemudian akan dasarnya dibentuk. 71 00:03:30,950 --> 00:03:34,160 Jadi cara termudah untuk mengurutkan kesepakatan dengan Leap Motion 72 00:03:34,160 --> 00:03:39,240 adalah membuka program ini menginstal disebut Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Dan Visualizer secara harfiah apa yang saya tunjukkan di sini. 74 00:03:41,490 --> 00:03:45,340 Hal ini memungkinkan Anda untuk melihat garis tulang tangan Anda. 75 00:03:45,340 --> 00:03:49,940 Dan apa yang Leap Motion menafsirkan mereka sebagai. 76 00:03:49,940 --> 00:03:53,750 Jadi Leap Motion menggunakan kamera untuk mengurutkan dari melihat tangan Anda 77 00:03:53,750 --> 00:03:59,176 dan kemudian mencoba untuk menebak apa yang Komposisi kerangka dasar yang Anda 78 00:03:59,176 --> 00:04:00,460 lihat di layar. 79 00:04:00,460 --> 00:04:01,669 Dan itulah yang 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 hal yang Anda lihat ada Data yang tersedia untuk kalian 82 00:04:06,580 --> 00:04:07,270 juga digunakan. 83 00:04:07,270 --> 00:04:09,670 Jadi Anda lihat bahwa itu menangkap bahwa Tomas 84 00:04:09,670 --> 00:04:12,160 memiliki lima jari, masing-masing jari-jari yang berbeda 85 00:04:12,160 --> 00:04:17,110 juga tersedia untuk Anda sebagai data poin untuk digunakan dalam aplikasi apapun 86 00:04:17,110 --> 00:04:18,256 Anda mungkin ingin. 87 00:04:18,256 --> 00:04:20,339 Jika Anda ingin melihat apakah seseorang yang melakukan acungan up 88 00:04:20,339 --> 00:04:23,860 Anda dapat melihat apakah jari-jari mereka melengkung dan apakah mereka 89 00:04:23,860 --> 00:04:25,850 jempol jari menunjuk ke atas, atau di mana 90 00:04:25,850 --> 00:04:30,037 pergelangan tangan atau telapak mereka dan jenis barang. 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Sehingga Anda dapat melihat beberapa gerakan itu memahami lebih baik daripada yang lain. 93 00:04:35,186 --> 00:04:38,310 Ingat, bahwa itu adalah melihat Anda tangan dari pada kamera dari bawah, 94 00:04:38,310 --> 00:04:41,630 jadi ketika Anda memiliki tangan Anda seperti ini memahami mereka sepenuhnya, 95 00:04:41,630 --> 00:04:44,509 tetapi sekali Anda mulai untuk mencoba dan melakukan thumbs up, kadang-kadang membacanya, 96 00:04:44,509 --> 00:04:47,550 kadang-kadang bisa menebak, tapi jujur kamera tidak bisa melihat jempol. 97 00:04:47,550 --> 00:04:49,810 Jadi itu tidak benar-benar yakin apa yang terjadi. 98 00:04:49,810 --> 00:04:54,910 Hanya beberapa keterbatasan yang perlu diingat ketika Anda sedang mengembangkan dengan ini. 99 00:04:54,910 --> 00:04:56,540 >> Pokoknya, sehingga akan kembali ke ini. 100 00:04:56,540 --> 00:04:59,040 The Visualizer sebenarnya memiliki banyak alat yang berguna. 101 00:04:59,040 --> 00:05:01,780 Jadi Leap Motion adalah diprogram sedemikian rupa 102 00:05:01,780 --> 00:05:04,280 bahwa mereka tidak mengharapkan Anda untuk berinteraksi dengan data citra. 103 00:05:04,280 --> 00:05:06,230 Mereka tidak benar-benar mengharapkan Anda untuk memahami 104 00:05:06,230 --> 00:05:08,060 apa yang terjadi di balik layar. 105 00:05:08,060 --> 00:05:11,620 Apa yang mereka lakukan adalah mengekspos sekelompok API untuk Anda 106 00:05:11,620 --> 00:05:13,420 sehingga Anda dapat berinteraksi dengan data ini 107 00:05:13,420 --> 00:05:18,400 langsung tanpa pemahaman apa yang terjadi di bawah tenda. 108 00:05:18,400 --> 00:05:27,790 >> Jadi jika kita memukul H di sini di Visualizer yang Anda akan melihat banyak pilihan. 109 00:05:27,790 --> 00:05:35,450 Yang penting satu di sini meskipun adalah jika anda menekan O dan kemudian tekan H, 110 00:05:35,450 --> 00:05:38,080 Anda akan melihat bahwa itu memungkinkan Anda menggambar gerakan. 111 00:05:38,080 --> 00:05:43,380 Jadi gerakan, Anda akan melihat ia menarik panah di. 112 00:05:43,380 --> 00:05:47,010 Gerakan A adalah salah satu cara yang Leap Gerak semacam memungkinkan Anda dapatkan di data 113 00:05:47,010 --> 00:05:48,462 tanpa harus memprosesnya. 114 00:05:48,462 --> 00:05:51,170 Jadi, daripada saya perlu untuk mencari keluar, oh, tangan itu bergerak, 115 00:05:51,170 --> 00:05:54,970 bahkan jika saya harus titik akses, yang API akan semacam katakan saja padaku, 116 00:05:54,970 --> 00:05:56,380 hey, mereka membuat gerakan ini. 117 00:05:56,380 --> 00:05:58,920 Jadi, Anda dapat membuat dasar panah gerakan. 118 00:05:58,920 --> 00:06:00,590 Anda dapat membuat gerakan lingkaran. 119 00:06:00,590 --> 00:06:03,530 Anda dapat membuat penyadapan gerakan. 120 00:06:03,530 --> 00:06:07,630 Dan Anda dapat membuat gerakan tekan tombol. 121 00:06:07,630 --> 00:06:09,394 Ya. 122 00:06:09,394 --> 00:06:10,800 Dan hal semacam itu. 123 00:06:10,800 --> 00:06:14,370 Jadi sekarang kita sudah semacam melihat apa Leap Motion bisa melakukan, 124 00:06:14,370 --> 00:06:17,792 Anda dapat melihat dapat membaca Seluruh sekelompok gerakan. 125 00:06:17,792 --> 00:06:19,500 Saya pikir saya akan menyebarkannya kembali ke Armi 126 00:06:19,500 --> 00:06:22,300 dan dia akan berbicara tentang bagaimana Anda mendapatkan ini dengan JavaScript, 127 00:06:22,300 --> 00:06:24,520 bagaimana Anda bahkan memulai proyek dengan ini. 128 00:06:24,520 --> 00:06:27,724 Dan kemudian kita akan berbicara tentang beberapa tempat keren yang dapat Anda pergi dengan itu. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Ya. 130 00:06:28,640 --> 00:06:29,300 Kedengarannya bagus. 131 00:06:29,300 --> 00:06:31,950 Jadi ya, hal pertama yang kita akan ingin Anda lakukan tentu saja, 132 00:06:31,950 --> 00:06:37,170 adalah setelah Anda mendapatkan Leap Motion adalah untuk pergi ke leapmotion.com, mengatur, instal 133 00:06:37,170 --> 00:06:38,420 driver dan hal-hal. 134 00:06:38,420 --> 00:06:42,520 Setelah melakukan itu Anda dapat pergi pastikan bahwa itu terhubung. 135 00:06:42,520 --> 00:06:46,910 Jika Anda melihat di nampan kecil Anda yang Leap ikon Gerak dan itu hijau, 136 00:06:46,910 --> 00:06:48,640 maka Anda tahu Anda sudah siap. 137 00:06:48,640 --> 00:06:53,710 Dan tentu saja memeriksa apa Tomas hanya menunjukkan Anda dengan gerakan 138 00:06:53,710 --> 00:06:59,320 dan melakukan keran layar, dan keran kunci, dan jenis barang. 139 00:06:59,320 --> 00:07:02,180 >> Setelah itu meskipun kami, sekali lagi, seperti saya katakan, 140 00:07:02,180 --> 00:07:06,530 kita memiliki akses ke semua ini hal dalam JavaScript juga. 141 00:07:06,530 --> 00:07:09,020 Ideal mengatur bahwa kami akan merekomendasikan Anda 142 00:07:09,020 --> 00:07:16,440 orang adalah pergi ke Anda direktori vhost, host lokal, 143 00:07:16,440 --> 00:07:19,340 masyarakat dalam alat CS50 Anda. 144 00:07:19,340 --> 00:07:24,790 Dan ketika Anda pergi ke sana apa yang akan Anda lihat adalah file HTML indeks dot. 145 00:07:24,790 --> 00:07:28,180 Sekarang bahwa indeks dot File HTML atau indeks dot 146 00:07:28,180 --> 00:07:32,740 File PHP, mana yang baik, apa yang Anda dapat lakukan 147 00:07:32,740 --> 00:07:35,150 adalah pergi ke sistem operasi utama. 148 00:07:35,150 --> 00:07:38,650 Dan jika Anda pergi ke alamat IP yang terdaftar di kanan bawah 149 00:07:38,650 --> 00:07:45,180 sudut alat Anda di sini, seperti yang Anda lihat, lalu apa yang terjadi 150 00:07:45,180 --> 00:07:51,240 adalah Anda pergi ke halaman yang direferensikan oleh file HTML indeks dot. 151 00:07:51,240 --> 00:07:56,610 Jadi semua kode yang mungkin dimasukkan ke dalam ada akan dikirim dan digunakan di sini. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimers: Jadi itu juga hanya penting untuk referensi 153 00:07:58,960 --> 00:08:06,554 bahwa jika kalian benar-benar tahu bagaimana menyiapkan server sendiri, 154 00:08:06,554 --> 00:08:09,720 atau Anda ingin menempatkan ini di seluruh dunia web, Anda dipersilakan untuk melakukan apa pun. 155 00:08:09,720 --> 00:08:11,594 Ingat bahwa ini adalah hanya file JavaScript 156 00:08:11,594 --> 00:08:14,250 dan semua proses Leap dilakukan pada klien. 157 00:08:14,250 --> 00:08:16,510 Jadi tidak terlalu penting di mana kehidupan server Anda 158 00:08:16,510 --> 00:08:19,660 asalkan komputer Anda melihat situs web di 159 00:08:19,660 --> 00:08:22,024 Leap Motion telah diinstal. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Tentu saja. 161 00:08:23,190 --> 00:08:25,680 Seperti Tomas mengatakan, ya, apa pun yang bekerja untuk kalian. 162 00:08:25,680 --> 00:08:28,570 Ini hanyalah salah satu dari rekomendasi kami. 163 00:08:28,570 --> 00:08:31,660 Sekarang untuk mulai menggunakan Leap Gerak apa yang akan Anda lakukan 164 00:08:31,660 --> 00:08:36,640 adalah Anda akan mengimpor JavaScript file dari Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Dan kemudian dari sana apa dapat Anda lakukan adalah, sekarang 166 00:08:39,610 --> 00:08:44,250 Aku hanya ayat ini tag mengatur dengan ID teks. 167 00:08:44,250 --> 00:08:48,690 Hal-hal yang kami sarankan menetapkan pilihan kontroler 168 00:08:48,690 --> 00:08:52,012 untuk Leap Motion dengan memungkinkan gerakan untuk menjadi kenyataan. 169 00:08:52,012 --> 00:08:53,970 Jadi secara default mereka gerakan yang kami menunjukkan Anda 170 00:08:53,970 --> 00:08:57,010 guys, lingkaran, dan tekan tombol, dan gesekan, 171 00:08:57,010 --> 00:09:00,330 mereka tidak terbukti kalian secara default. 172 00:09:00,330 --> 00:09:04,450 Tapi kami sangat menyarankan menggunakan mereka sehingga Anda tidak menciptakan kembali roda. 173 00:09:04,450 --> 00:09:09,489 Memungkinkan mereka untuk benar, melewati mereka Pilihan controller untuk melompat dot lingkaran 174 00:09:09,489 --> 00:09:10,530 dan Anda siap untuk pergi. 175 00:09:10,530 --> 00:09:13,270 Karena Anda hanya perlu mendefinisikan fungsi anonim 176 00:09:13,270 --> 00:09:16,910 yang akan mengambil dalam frame dari Leap Motion 177 00:09:16,910 --> 00:09:21,150 dan bingkai yang memiliki semua Informasi yang Anda akan membutuhkan. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimers: Jadi hanya untuk rekap, Anda memiliki satu objek. 179 00:09:25,310 --> 00:09:28,250 Anda memiliki fungsi ini disebut lompatan dot lingkaran. 180 00:09:28,250 --> 00:09:30,460 Dan Anda menyebutnya dengan dua argumen. 181 00:09:30,460 --> 00:09:33,134 Anda menyebutnya dengan satu, pilihan pengontrol. 182 00:09:33,134 --> 00:09:35,300 Dan ada banyak Pilihan Anda dapat menempatkan di sana. 183 00:09:35,300 --> 00:09:38,170 Yang kita akan menekankan adalah memungkinkan gerakan. 184 00:09:38,170 --> 00:09:41,230 Dan jika Anda mengaturnya sama dengan benar maka Anda bisa mendapatkan akses pada gerakan ini 185 00:09:41,230 --> 00:09:42,940 bahwa kami menunjukkan Anda di Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Dan kemudian argumen kedua adalah fungsi, itu jenis seperti panggilan kembali 187 00:09:47,500 --> 00:09:53,010 yang akan dipanggil setiap waktu setiap frame Leap, 188 00:09:53,010 --> 00:09:57,340 sehingga setiap kali register lompatan yang Langkah tangan Anda, ia memiliki bingkai baru. 189 00:09:57,340 --> 00:10:02,130 Dan panggilan fungsi ini dengan satu argumen, yang merupakan objek bingkai. 190 00:10:02,130 --> 00:10:05,909 Dan bahwa objek bingkai menggambarkan frame 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 memiliki semua berguna potongan-potongan informasi 193 00:10:10,450 --> 00:10:12,550 yang kita bicarakan sebelumnya. 194 00:10:12,550 --> 00:10:18,010 Memeriksa bingkai dot gerakan adalah array gerakan 195 00:10:18,010 --> 00:10:23,680 bahwa gerakan lompatan tertangkap Anda tangan lakukan di frame terakhir. 196 00:10:23,680 --> 00:10:26,470 Jadi misalnya, apa yang kita lakukan di sini adalah kita memeriksa, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, dalam frame terakhir melakukan Anda menangkap setiap gerakan yang saya lakukan? 198 00:10:31,820 --> 00:10:36,350 Dan jika demikian apa yang kita memutuskan untuk melakukan adalah iterate melalui mereka gerakan 199 00:10:36,350 --> 00:10:39,760 dan mencoba dan mendapatkan beberapa berguna informasi dari mereka. 200 00:10:39,760 --> 00:10:44,290 Setiap gerakan memiliki unik ID yang terkait dengan itu. 201 00:10:44,290 --> 00:10:46,280 Mereka memiliki jenis. 202 00:10:46,280 --> 00:10:50,220 Anda dapat melihat di mana jari terlibat dalam gerakan 203 00:10:50,220 --> 00:10:52,770 dengan memeriksa barang-barang pointable ini. 204 00:10:52,770 --> 00:10:56,490 Jadi, jika saat Anda pergi melalui Leap Motion JavaScript API barang, 205 00:10:56,490 --> 00:10:59,630 ketika mereka menyebutkan pointables, mereka sedang berbicara tentang jari-jari. 206 00:10:59,630 --> 00:11:04,480 Dan kemudian tangan, tentu saja, seluruh objek tangan. 207 00:11:04,480 --> 00:11:05,210 >> Ada apa lagi? 208 00:11:05,210 --> 00:11:08,630 Anda dapat memeriksa berapa lama gerak melanjutkan 209 00:11:08,630 --> 00:11:11,640 untuk dan, ya, semua hal yang berguna. 210 00:11:11,640 --> 00:11:16,490 Jadi apa yang saya lakukan sekarang di sini adalah saya login frame, 211 00:11:16,490 --> 00:11:24,350 dan kemudian saya memperbarui HTML saya untuk menampilkan semua bit-bit informasi 212 00:11:24,350 --> 00:11:25,820 dari frame. 213 00:11:25,820 --> 00:11:28,010 Jadi mari kita memeriksa yang keluar. 214 00:11:28,010 --> 00:11:29,440 >> Jadi begini. 215 00:11:29,440 --> 00:11:34,730 Berikut indeks dot file HTML. 216 00:11:34,730 --> 00:11:38,560 Dan karena Anda hanya melihat ketika saya baru saja pindah tanganku Leap menangkap gerakan lingkaran. 217 00:11:38,560 --> 00:11:44,960 Sehingga Anda dapat melihat saya melakukan lingkaran atas di sini, update dengan informasi lingkaran. 218 00:11:44,960 --> 00:11:48,332 Melakukan gesekan, menangkap gesekan. 219 00:11:48,332 --> 00:11:49,290 Mari kita coba tab layar. 220 00:11:49,290 --> 00:11:50,090 Di sana kami pergi. 221 00:11:50,090 --> 00:11:52,370 Tekan layar dan tekan tombol. 222 00:11:52,370 --> 00:11:55,040 Keran Jadi kuncinya juga, dengan cara, adalah ketika anda menekan ke bawah. 223 00:11:55,040 --> 00:11:57,260 Jadi bisa dibayangkan mungkin bermain piano. 224 00:11:57,260 --> 00:11:59,869 >> Dan kemudian keran layar yang ketika anda menekan layar. 225 00:11:59,869 --> 00:12:02,910 Jadi bisa dibayangkan mungkin Anda benar-benar memiliki layar sentuh di depan Anda 226 00:12:02,910 --> 00:12:05,190 dan Anda memukul sentuhan layar di depan Anda. 227 00:12:05,190 --> 00:12:08,470 Dan kemudian kita bisa ambil satu benda-benda di sini. 228 00:12:08,470 --> 00:12:12,960 Jadi ingat saya berkata bahwa saya adalah melewati frame dalam log konsol. 229 00:12:12,960 --> 00:12:17,160 Dan jadi kita bisa memeriksa semua potongan-potongan informasi 230 00:12:17,160 --> 00:12:22,500 yang tersedia di frame juga digunakan. 231 00:12:22,500 --> 00:12:26,320 >> Seperti saya katakan sebelumnya, pointables adalah jari. 232 00:12:26,320 --> 00:12:30,260 Pada saat itu kami tidak punya kita tangan di depan Leap Motion 233 00:12:30,260 --> 00:12:32,010 sehingga terdaftar nol, tapi ini adalah bagaimana Anda 234 00:12:32,010 --> 00:12:35,980 akan mulai untuk mencari tahu mungkin berapa banyak jari yang layar. 235 00:12:35,980 --> 00:12:37,810 Dan jenis informasi. 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimers: Dan mengingat ini hanya sebuah objek. 237 00:12:40,060 --> 00:12:42,185 Jadi semuanya bisa diakses semacam seperti struct 238 00:12:42,185 --> 00:12:45,540 di C. Anda memiliki objek nama dot nama properti. 239 00:12:45,540 --> 00:12:48,830 Dan kemudian dalam bahwa Anda memiliki array dan Anda memiliki benda-benda lainnya, 240 00:12:48,830 --> 00:12:50,850 tapi ingat itu hanya sebuah objek. 241 00:12:50,850 --> 00:12:53,788 Tidak ada yang istimewa karena kita menggunakan Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Ya. 243 00:12:54,704 --> 00:12:56,544 Keren. 244 00:12:56,544 --> 00:12:58,710 Haruskah kita memeriksa beberapa 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 bahwa kita 247 00:13:07,810 --> 00:13:12,470 mengatakan bahwa Leap benar-benar dapat berjalan di situs web apapun. 248 00:13:12,470 --> 00:13:15,250 LeapJS hanya disajikan kepada klien. 249 00:13:15,250 --> 00:13:19,850 Dan bersama klien memiliki Leap Motion melekat itu akan bekerja. 250 00:13:19,850 --> 00:13:22,540 Jadi Leap Motion memiliki situs web di mana orang 251 00:13:22,540 --> 00:13:24,540 dapat berbagi contoh mereka hal yang mereka buat. 252 00:13:24,540 --> 00:13:26,623 Jadi kami hanya akan pergi melalui beberapa dari mereka 253 00:13:26,623 --> 00:13:29,980 untuk melihat apa yang mungkin sebelum menyelam ke lebih spesifik tentang bagaimana 254 00:13:29,980 --> 00:13:32,510 itu mungkin. 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: Sekarang harus 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 Unity yang diberikan tangan kita dengan kulit grafis yang cukup mengesankan, 260 00:13:45,280 --> 00:13:50,200 tapi sekarang Anda dapat melihat Anda dapat melakukan Hal yang sama dalam browser web. 261 00:13:50,200 --> 00:13:54,640 Ini semua dalam Chrome hanya menggunakan JavaScript. 262 00:13:54,640 --> 00:13:57,460 Dan kemudian bagus lainnya hal ini jika Anda ingin 263 00:13:57,460 --> 00:14:02,610 untuk mengetahui bagaimana mereka melakukan ini, contoh JavaScript 264 00:14:02,610 --> 00:14:07,540 juga termasuk pilihan kode yang Anda dapat memeriksa dan kemudian melihat 265 00:14:07,540 --> 00:14:12,570 bagaimana orang ini meraih tangan dan kode dan semacamnya. 266 00:14:12,570 --> 00:14:16,730 >> Jadi itu semua Anda dapat menemukan di developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Anda dapat pergi dan memeriksa JavaScript contoh yang mereka telah ada. 268 00:14:20,810 --> 00:14:23,280 Jadi ya. 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 coba lagi. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Aku punya dua tangan yang tepat. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Jadi ya. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimers: Jadi dan lagi, ingat kadang Leap mengacaukan. 276 00:14:37,440 --> 00:14:40,790 Hanya memberikan kedua. 277 00:14:40,790 --> 00:14:42,784 Ini tidak sempurna, tapi itu cukup bagus. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Satu Rekomendasi lain juga 279 00:14:44,700 --> 00:14:48,780 adalah untuk tidak melakukannya di bawah sinar matahari langsung. 280 00:14:48,780 --> 00:14:51,260 Jadi cara Leap Motion perbuatan 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 mengirimkan mereka keluar dan kemudian membaca mereka ketika mereka datang kembali. 283 00:14:57,375 --> 00:14:59,250 Jadi jika Anda mencoba untuk melakukannya sinar matahari langsung, 284 00:14:59,250 --> 00:15:01,610 misalnya, itu mungkin tidak akan bekerja, 285 00:15:01,610 --> 00:15:05,850 atau itu akan membutuhkan beberapa kalibrasi untuk melakukannya. 286 00:15:05,850 --> 00:15:10,450 >> Juga rekomendasi lain adalah untuk menghapus ruang di belakang Leap 287 00:15:10,450 --> 00:15:12,740 dan di depan Leap. 288 00:15:12,740 --> 00:15:15,520 Anggap saja sebagai bekerja 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 yang benar di balik itu juga, 291 00:15:20,550 --> 00:15:24,740 yang juga akan mengganggu dengan bagaimana Leap Motion mencoba 292 00:15:24,740 --> 00:15:26,690 mengenali tangan Anda dan jenis barang. 293 00:15:26,690 --> 00:15:30,010 >> Jadi, misalnya, saya pikir dalam hal ini Kasus itu laptop saya benar-benar 294 00:15:30,010 --> 00:15:34,351 itu semacam membuat Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Ya, di sana kita pergi. 296 00:15:35,100 --> 00:15:41,021 Jadi jika saya membersihkan laptop saya dari belakangnya tangan muncul cukup baik. 297 00:15:41,021 --> 00:15:41,520 Jadi ya. 298 00:15:41,520 --> 00:15:42,061 Ada itu. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Jadi apa lagi apakah kita menunjukkan kepada mereka. 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimers: saya pikir sekarang akan menjadi waktu 302 00:15:48,250 --> 00:15:52,039 memilah menyelam ke dalam dan mari kita membuat demo yang benar-benar dari awal. 303 00:15:52,039 --> 00:15:53,330 Ini akan menjadi benar-benar sederhana. 304 00:15:53,330 --> 00:15:55,250 Pada dasarnya apa yang kita akan mencoba untuk lakukan adalah membuat 305 00:15:55,250 --> 00:15:58,570 sehingga ketika Anda menggesek tangan Anda, background akan mulai keluar sebagai merah, 306 00:15:58,570 --> 00:16:01,361 dan ketika Anda menggesek tangan Anda, background akan berubah menjadi hijau. 307 00:16:01,361 --> 00:16:01,970 OKE? 308 00:16:01,970 --> 00:16:03,709 Benar-benar sederhana. 309 00:16:03,709 --> 00:16:05,750 Dan itu pada dasarnya hanya akan pergi melalui banyak 310 00:16:05,750 --> 00:16:08,360 dari konsep di balik Leap sehingga kita bisa 311 00:16:08,360 --> 00:16:12,630 masuk ke ideologi ini bagaimana Leap bekerja dan bagaimana kita bisa membangun hal-hal dengan itu. 312 00:16:12,630 --> 00:16:16,760 Dan kemudian dari sana kita akan mungkin hanya menunjukkan 313 00:16:16,760 --> 00:16:19,710 Documents API dan di mana Anda dapat membaca lebih lanjut tentang ini. 314 00:16:19,710 --> 00:16:21,030 Dan kemudian kita akan menyebutnya hari. 315 00:16:21,030 --> 00:16:24,294 Jadi apakah Anda ingin kode atau kau ingin aku untuk kode? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Ya. 317 00:16:25,210 --> 00:16:28,350 Nah, saya kira kita bisa bekerja sama dalam hal ini dan mencoba 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimers: Jadi kita akan melakukan beberapa pasangan coding. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Di sana kami pergi. 320 00:16:31,500 --> 00:16:33,250 Itulah apa yang saya ingin memeriksa. 321 00:16:33,250 --> 00:16:34,700 Keren. 322 00:16:34,700 --> 00:16:38,750 Jadi misalnya di sini, mari kita lihat. 323 00:16:38,750 --> 00:16:40,979 Sementara kita iterasi melalui gerakan sudah, 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimers: Ingin membuat hanya file yang sama sekali baru? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: File Completely baru? 326 00:16:43,870 --> 00:16:44,246 Ya, tentu. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimers: Ya. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Jadi mari kita lakukan itu. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimers: Jadi kita akan untuk membuat benar-benar mengajukan. 330 00:16:48,253 --> 00:16:51,290 Kita akan menyebutnya tangan dot HTML. 331 00:16:51,290 --> 00:16:52,670 Itu keren dengan saya. 332 00:16:52,670 --> 00:16:59,020 Jadi ingat Anda melakukan tag HTML, maka dalam waktu yang Anda memiliki kepala. 333 00:16:59,020 --> 00:17:02,982 Kepala yang memiliki judul di dalamnya. 334 00:17:02,982 --> 00:17:04,349 Jadi tab cara lain. 335 00:17:04,349 --> 00:17:05,589 Ini dia. 336 00:17:05,589 --> 00:17:09,359 Judul, kita akan menyebutnya Leap Contoh. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Ups. 339 00:17:13,540 --> 00:17:14,040 Judul. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimers: Yep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Ada kita. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimers: Dan kemudian mari kita membuat tubuh. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Tunggu, mari kita juga pastikan untuk mengimpor. 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimers: Oh, tentu saja. 345 00:17:22,060 --> 00:17:22,560 Salahku. 346 00:17:22,560 --> 00:17:28,700 Jadi selalu pastikan Anda memiliki Leap naskah jadi itu script yang diberikan kepada Anda 347 00:17:28,700 --> 00:17:31,810 oleh Leap Motion yang pada dasarnya memungkinkan web browser untuk menghubungkan 348 00:17:31,810 --> 00:17:35,580 ke perangkat pada komputer pengguna. 349 00:17:35,580 --> 00:17:38,510 Dan kemudian dalam hal ini kami juga perlu tubuh dan mari kita 350 00:17:38,510 --> 00:17:40,580 membuat tubuh menyapa begitu bahwa kita dapat menunjukkan siswa 351 00:17:40,580 --> 00:17:42,704 bagaimana terhubung ke ini baru Halaman web yang mereka buat. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Tentu. 353 00:17:44,260 --> 00:17:45,724 Jadi mari kita hanya menempatkan another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimers: Hi, hello world. 355 00:17:48,730 --> 00:17:50,210 Jadi contoh yang sangat dasar. 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 bisa pergi ke, kami menyebutnya tangan dot HTML, 358 00:17:58,505 --> 00:18:00,000 yang tepat? 359 00:18:00,000 --> 00:18:00,810 Dan oh! 360 00:18:00,810 --> 00:18:04,310 Jadi aku bertanya-tanya apa yang salah dengan ini sekarang. 361 00:18:04,310 --> 00:18:07,639 Mari menambahkan izin membaca tangan dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimers: Apakah Anda ingin untuk melakukannya di terminal besar 363 00:18:09,930 --> 00:18:11,080 sehingga kita bisa menunjukkan pada the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Ya, itu masuk akal. 365 00:18:12,501 --> 00:18:13,001 Baiklah. 366 00:18:13,001 --> 00:18:15,720 Jadi aku hanya menambahkan izin, tetapi jika kita 367 00:18:15,720 --> 00:18:18,350 adalah untuk memeriksa izin sebelum kita 368 00:18:18,350 --> 00:18:22,560 akan melihat yang benar-benar tangan dot HTML tidak memiliki izin membaca 369 00:18:22,560 --> 00:18:25,570 dan oleh karena itu kita tidak bisa membuat itu. 370 00:18:25,570 --> 00:18:30,850 Tapi jika kita melakukannya, kita melihat kami sedikit hello world di sana. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimers: Jadi mari kita sebenarnya, karena ia menulis, hello world, 372 00:18:33,580 --> 00:18:35,371 Saya berpikir tentang cara kita bisa mengubah ini. 373 00:18:35,371 --> 00:18:41,150 Mari kita membuatnya menyapa dunia, dan maka ketika Anda gelombang, ia mengatakan selamat tinggal. 374 00:18:41,150 --> 00:18:41,650 Yang Tepat? 375 00:18:41,650 --> 00:18:42,210 Jadi halo, selamat tinggal. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Tentu. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimers: Kedengarannya cukup bagus. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Itu kedengarannya bagus bagi saya, juga. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimers: Jadi jika kita akan melakukan itu mari kita 380 00:18:46,920 --> 00:18:48,980 berpikir melalui halaman web sedikit. 381 00:18:48,980 --> 00:18:51,800 Kita akan membutuhkan beberapa script yang pada dasarnya register 382 00:18:51,800 --> 00:18:56,470 Anda melambaikan tangan dan ke Leap, gelombang dan babatan, hal yang sama. 383 00:18:56,470 --> 00:18:59,584 Jadi kita akan membutuhkan script yang pada dasarnya register untuk menggesek itu. 384 00:18:59,584 --> 00:19:01,500 Dan satu hal lagi kami akan butuhkan adalah kita 385 00:19:01,500 --> 00:19:04,360 akan membutuhkan beberapa konten yang sebenarnya berubah. 386 00:19:04,360 --> 00:19:07,850 >> Jadi Anda ingat, jQuery memungkinkan Anda untuk mengubah konten. 387 00:19:07,850 --> 00:19:13,017 Jadi satu hal yang kita mungkin ingin menyertakan dalam hal ini adalah perpustakaan jQuery. 388 00:19:13,017 --> 00:19:16,100 Dan kemudian dapat memilih apa kita benar-benar akan mengubah konten, 389 00:19:16,100 --> 00:19:18,224 itu akan memerlukan ID atau kelas, atau sesuatu 390 00:19:18,224 --> 00:19:20,100 yang bisa kita gunakan untuk memilihnya. 391 00:19:20,100 --> 00:19:25,010 Jadi kami hanya akan memberikan cepat ID perubahan teks. 392 00:19:25,010 --> 00:19:26,974 Dan kemudian Anda ingin mengambil jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Jadi apa yang pertama hal di kami untuk melakukan daftar maka sekarang? 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimers: Mari kita ambil jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Mari ambil jQuery, OK, keren. 396 00:19:32,494 --> 00:19:34,502 Dalam hal ini, saya akan harus actually-- 397 00:19:34,502 --> 00:19:36,210 di mana akan menjadi Tempat terbaik untuk melakukannya? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimers: jQuery, jadi jika Anda Google jQuery, tekan jQuery, yang pertama 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: satu yang sangat pertama. 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimers: Atau Download. 401 00:19:42,135 --> 00:19:42,650 Tidak apa-apa. 402 00:19:42,650 --> 00:19:46,482 Hit-download v1 dan v2 di sebelah kiri. 403 00:19:46,482 --> 00:19:49,190 Jadi kita menggambarkan jQuery dari online seperti Anda mungkin telah melakukan. 404 00:19:49,190 --> 00:19:50,440 Gulir 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 sekarang? 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 memiliki versi host yang berarti bahwa Anda tidak benar-benar 410 00:20:00,150 --> 00:20:01,890 perlu men-download, tapi kau lebih dari 411 00:20:01,890 --> 00:20:07,734 selamat datang untuk men-download 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 memiliki jQuery. 414 00:20:09,566 --> 00:20:11,122 Sekarang apa yang berikutnya pada kami untuk melakukan daftar. 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimers: Awesome. 416 00:20:12,080 --> 00:20:13,910 Jadi berikutnya apa yang kita butuhkan lakukan adalah kita benar-benar membutuhkan 417 00:20:13,910 --> 00:20:17,750 untuk memberikan p hello world ID sehingga kita bisa mengubahnya, kan? 418 00:20:17,750 --> 00:20:24,514 Jadi mari kita memberikan gambaran, Saya tidak tahu, mengubah teks? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Mari kita melakukannya dengan cara ini, saya kira. 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimers: changeText, keren. 421 00:20:28,013 --> 00:20:29,830 Dan sekarang mari kita refresh halaman. 422 00:20:29,830 --> 00:20:31,142 Pastikan semuanya bekerja. 423 00:20:31,142 --> 00:20:32,100 Jadi kembali browser. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Keren. 426 00:20:36,922 --> 00:20:39,380 Selalu pengingat yang baik bahwa ketika Anda sedang membangun sebuah website, 427 00:20:39,380 --> 00:20:44,450 mungkin me-refresh setiap kali Anda membuat perubahan agak signifikan hanya 428 00:20:44,450 --> 00:20:47,993 karena kadang-kadang Anda sengaja menjatuhkan tag, 429 00:20:47,993 --> 00:20:51,640 atau Anda tidak sengaja menghapus sesuatu, dan kemudian Anda memutuskan sesuatu yang kecil, 430 00:20:51,640 --> 00:20:55,880 tapi kemudian ketika Anda membuat perubahan besar Anda seperti, mengapa perubahan besar ini 431 00:20:55,880 --> 00:20:57,910 tampaknya mematahkan hal yang tidak terkait. 432 00:20:57,910 --> 00:21:02,840 Jadi itu selalu baik untuk mengurutkan dari pergi dan melakukan hal-cek kewarasan. 433 00:21:02,840 --> 00:21:05,610 >> Pokoknya jadi sekarang mari kita lakukan satu cek kewarasan lalu, 434 00:21:05,610 --> 00:21:09,800 yang mari kita coba untuk mengubah teks tanpa Leap Motion, 435 00:21:09,800 --> 00:21:11,820 tanpa apa-apa, hanya pada beban halaman itu akan 436 00:21:11,820 --> 00:21:17,140 mengubah dunia menyapa selamat tinggal menggunakan jQuery. 437 00:21:17,140 --> 00:21:21,400 Jadi, jika Anda ingat jQuery paparan ini fungsi tanda dolar, 438 00:21:21,400 --> 00:21:28,640 yang kita dapat melewati CSS pemilih untuk, yaitu teks perubahan hashtag, yang 439 00:21:28,640 --> 00:21:31,590 memilih elemen dengan ID perubahan teks. 440 00:21:31,590 --> 00:21:34,980 Dan kemudian kita akan untuk memanggil metode HTML 441 00:21:34,980 --> 00:21:40,390 pada objek itu kembali dengan argumen selamat tinggal string, yang 442 00:21:40,390 --> 00:21:45,600 akan mengubah item HTML untuk mengucapkan selamat tinggal. 443 00:21:45,600 --> 00:21:46,210 Mengagumkan. 444 00:21:46,210 --> 00:21:48,790 Yang tampaknya cukup keren. 445 00:21:48,790 --> 00:21:52,365 Dan sekarang ketika kita menyegarkan halaman kita akan melihat 446 00:21:52,365 --> 00:21:54,040 itu langsung berubah menjadi selamat tinggal, kan? 447 00:21:54,040 --> 00:21:55,910 Karena tidak menunggu untuk apa pun. 448 00:21:55,910 --> 00:21:59,200 Semacam secepat script yang berjalan itu mengubahnya menjadi selamat tinggal. 449 00:21:59,200 --> 00:22:00,430 Keren. 450 00:22:00,430 --> 00:22:03,790 >> Jadi sekarang mari kita membungkus bahwa dalam fungsi. 451 00:22:03,790 --> 00:22:04,290 Yang Tepat. 452 00:22:04,290 --> 00:22:06,270 Jadi kita akan ingin untuk membuat fungsi. 453 00:22:06,270 --> 00:22:08,160 Kita akan menyebutnya selamat tinggal. 454 00:22:08,160 --> 00:22:11,570 Jadi fungsi selamat tinggal akan mengambil argumen 455 00:22:11,570 --> 00:22:14,170 dan itu tidak benar-benar akan kembali apa-apa. 456 00:22:14,170 --> 00:22:18,850 Dan itu hanya akan melakukannya dalam JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Baik. 459 00:22:23,140 --> 00:22:27,000 Jadi fungsi selamat tinggal kami sekarang mengubah teks ke selamat tinggal, kan? 460 00:22:27,000 --> 00:22:28,930 Jadi ini memberi kita cara pada dasarnya perubahan 461 00:22:28,930 --> 00:22:32,871 teks untuk selamat tinggal setiap kali kita disebut fungsi. 462 00:22:32,871 --> 00:22:33,370 Yang Tepat? 463 00:22:33,370 --> 00:22:35,290 Jadi ini cukup keren. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Yah, kita bisa juga pastikan 465 00:22:37,430 --> 00:22:41,040 yang sekarang karena kita tidak memanggil fungsi, jika kita refresh halaman, 466 00:22:41,040 --> 00:22:44,460 melihat itu tidak akan untuk mengubah teks. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimers: Excellent. 468 00:22:45,509 --> 00:22:47,800 Jadi sekarang kita akan memulai untuk masuk ke dalam hal-hal Leap 469 00:22:47,800 --> 00:22:49,880 yang kita bicarakan. 470 00:22:49,880 --> 00:22:52,240 Jadi Armi, apakah Anda ingin mengambilnya dari sini atau? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Ya. 472 00:22:52,640 --> 00:22:53,139 Tentu. 473 00:22:53,139 --> 00:22:56,260 Aku mungkin akan membutuhkan hal-hal periksa, 474 00:22:56,260 --> 00:22:58,250 tapi misalnya ingat kami katakan kami ingin 475 00:22:58,250 --> 00:23:02,627 untuk memastikan di Options kami menetapkan memungkinkan gerakan 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimers: Good catch. 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 merekomendasikan bahwa kalian akan 479 00:23:08,960 --> 00:23:12,230 menjalankan lompatan dot lingkaran, yang seperti yang kita katakan sebelumnya, 480 00:23:12,230 --> 00:23:18,140 memiliki dua pilihan, objek JSON yang adalah pilihan untuk bagaimana Anda ingin 481 00:23:18,140 --> 00:23:22,030 untuk mengkonfigurasi Leap Motion pekerjaan, dan kemudian fungsi yang 482 00:23:22,030 --> 00:23:27,640 akan menangkap frame sebagai callback berfungsi seperti Tomas berkata. 483 00:23:27,640 --> 00:23:30,470 Dan kemudian mengedit apa yang Anda inginkan hubungannya dengan fungsi tersebut. 484 00:23:30,470 --> 00:23:33,890 >> Jadi kita lulus dalam Pilihan dan sekarang kita mendefinisikan 485 00:23:33,890 --> 00:23:36,117 fungsi yang akan membawa dalam bingkai. 486 00:23:36,117 --> 00:23:38,200 Dan sekarang kita harus mendefinisikan apa fungsi yang melakukan. 487 00:23:38,200 --> 00:23:42,569 Ini juga demi satu masa depan, melakukan itu untuk memastikan. 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimers: Excellent. 489 00:23:43,610 --> 00:23:45,940 Jadi sekarang kita memiliki ini lompatan dot fungsi loop 490 00:23:45,940 --> 00:23:52,420 panggilan yang pada dasarnya mengatakan menonton Leap dengan pilihan ini dan setiap kali 491 00:23:52,420 --> 00:23:55,710 perubahan sesuatu, menyebutnya bingkai fungsi dengan semua data 492 00:23:55,710 --> 00:23:59,510 bahwa Anda menyadari dalam bingkai. 493 00:23:59,510 --> 00:24:01,320 Kedengarannya cukup bagus. 494 00:24:01,320 --> 00:24:03,680 Jadi sekarang kewarasan pemeriksaan cepat, yang saya selalu merekomendasikan, 495 00:24:03,680 --> 00:24:07,020 adalah bahwa hanya menempatkan konsol dot log bingkai. 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 frame sedang login karena kehendak yang 498 00:24:13,870 --> 00:24:16,300 mendapatkan gambaran tentang apa Data Anda memiliki akses ke. 499 00:24:16,300 --> 00:24:20,680 Dan seperti biasa jika Anda bingung, mencari referensi API. 500 00:24:20,680 --> 00:24:23,430 Dan kami akan menyertakan link untuk itu pada akhir ini. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Jadi kita refresh 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 bahwa kita memiliki frame berlalu dalam, 504 00:24:33,590 --> 00:24:37,834 obyek kecil yang kita lihat sebelumnya. 505 00:24:37,834 --> 00:24:38,690 Jadi ya. 506 00:24:38,690 --> 00:24:42,870 Ini adalah frame kami muncul di konsol. 507 00:24:42,870 --> 00:24:43,370 Keren. 508 00:24:43,370 --> 00:24:46,970 >> Jadi sekarang kita telah meraih frame, seperti yang mungkin Anda ingat sebelumnya 509 00:24:46,970 --> 00:24:51,800 dari contoh yang kita miliki, jika kita memeriksa bingkai dot gerakan 510 00:24:51,800 --> 00:24:56,270 kita mendapatkan daftar gerakan yang frame terakhir tertangkap. 511 00:24:56,270 --> 00:25:01,510 Kita dapat memeriksa panjang array yang untuk melihat apakah Leap tertangkap setiap gerakan. 512 00:25:01,510 --> 00:25:05,010 Jadi, jika array adalah lebih besar dari nol maka kita 513 00:25:05,010 --> 00:25:07,570 tahu bahwa kita memiliki beberapa hal yang harus dilakukan. 514 00:25:07,570 --> 00:25:15,040 >> Jadi mari kita membungkus bahwa dalam sebuah jika kondisi dan sekarang di sini apa yang kita tahu adalah kita 515 00:25:15,040 --> 00:25:20,390 telah melihat isyarat, mari kita bertindak di atasnya. 516 00:25:20,390 --> 00:25:25,721 Jadi sekarang kita berada di sini kita memiliki sikap untuk memeriksa. 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimers: Nah, yang pertama Hal itu bukan hanya satu isyarat, 518 00:25:28,470 --> 00:25:29,840 bisa banyak gerakan. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Benar. 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimers: Jadi per gaya C klasik di sini 521 00:25:33,340 --> 00:25:36,334 kita mungkin akan ingin menggunakan untuk loop. 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 beralih melalui gerakan. 524 00:25:42,870 --> 00:25:46,412 Dan mari kita lihat. 525 00:25:46,412 --> 00:25:49,380 i ditambah, ditambah. 526 00:25:49,380 --> 00:25:56,150 Dan jika kita mungkin dibuat hanya gerakan var sama 527 00:25:56,150 --> 00:26:01,210 bingkai dot gerakan braket i, sekarang kita memiliki 528 00:26:01,210 --> 00:26:06,260 gerakan itu sendiri, yang hanya satu satu contoh dari objek isyarat 529 00:26:06,260 --> 00:26:10,582 bagi kita untuk bekerja dengan dalam hal ini untuk loop. 530 00:26:10,582 --> 00:26:12,869 Baiklah. 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimers: Mari kewarasan periksa di sini lagi dan hanya menghibur 532 00:26:15,410 --> 00:26:17,370 dot log isyarat untuk melihat apa yang kita dapatkan. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konsol dot log gerakan. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Dokie Okie. 536 00:26:23,780 --> 00:26:26,250 Dan menyegarkan sekali lagi. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Dan mari kita mencoba membuat isyarat. 538 00:26:30,030 --> 00:26:34,600 Anda akan melihat bahwa banyak yang dari, ketika ia gesekan, 539 00:26:34,600 --> 00:26:39,780 Anda mendapatkan banyak gerakan di konsol dan jika ia mencoba untuk melakukan lingkaran, 540 00:26:39,780 --> 00:26:40,470 itu hanya-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Lingkaran hanya benar-benar bagus. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimers: Sekarang ada hal yang aneh di sini, yang dia lakukan satu lingkaran, 543 00:26:45,000 --> 00:26:48,730 tapi ini adalah penebangan 80 gerakan, kan? 544 00:26:48,730 --> 00:26:50,070 Itu banyak gerakan. 545 00:26:50,070 --> 00:26:53,560 Jadi semacam pertama hal untuk menyadari, dan ini dapat membingungkan, 546 00:26:53,560 --> 00:26:57,050 adalah bahwa isyarat tidak hanya login sekali. 547 00:26:57,050 --> 00:27:01,107 >> Pada setiap frame, benar, jadi jika saya melakukan lingkaran 548 00:27:01,107 --> 00:27:02,940 Leap akan mendeteksi ini perubahan, dari ini 549 00:27:02,940 --> 00:27:04,398 adalah perubahan, dari hal ini adalah perubahan. 550 00:27:04,398 --> 00:27:05,970 Dan itu akan mencatat setiap salah satu dari mereka. 551 00:27:05,970 --> 00:27:08,200 Tapi di setiap salah satu dari mereka, itu akan mengatakan, oh, 552 00:27:08,200 --> 00:27:10,050 ada isyarat sedang berlangsung. 553 00:27:10,050 --> 00:27:14,260 Jadi biarkan aku hanya mengatakan, hei, ada gesture dan itu sedang berlangsung. 554 00:27:14,260 --> 00:27:17,000 Jadi apa yang kita tidak ingin lakukan adalah mengatakan, oh, pada setiap orang 555 00:27:17,000 --> 00:27:19,370 dari mereka gerakan Anda ingin mengubah teks. 556 00:27:19,370 --> 00:27:23,660 Apa yang ingin kita lakukan adalah ketika gerakan yang berhenti, dan kita dapat memeriksa untuk itu, 557 00:27:23,660 --> 00:27:24,974 maka kita ingin mengubah 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 gerakan ini 560 00:27:30,550 --> 00:27:33,580 mungkin muncul melalui beberapa frame, tapi misalnya, 561 00:27:33,580 --> 00:27:36,200 ketika kita sedang lingkaran itu, kita bisa melihat 562 00:27:36,200 --> 00:27:40,140 bahwa ID untuk yang satu lingkaran tunggal yang kita 563 00:27:40,140 --> 00:27:43,950 mungkin telah mencoba untuk menyelesaikan adalah ID yang sama di seluruh. 564 00:27:43,950 --> 00:27:46,320 Dan pada kenyataannya, Anda juga bisa memeriksa status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 diperbarui. 567 00:27:50,270 --> 00:27:55,680 >> Dan maka ini mungkin adalah lingkaran terakhir yang, 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 itu juga menunjukkan Anda status memulai gerakan baru ketika 570 00:28:04,180 --> 00:28:09,140 mengakui pasti bahwa Anda sudah memulai gerakan baru. 571 00:28:09,140 --> 00:28:10,637 Misalnya dalam kasus 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 ya. 574 00:28:12,511 --> 00:28:14,420 Dan kemudian, mari kita lihat. 575 00:28:14,420 --> 00:28:16,490 Anda juga dapat melihat meskipun kami sedang membuat 576 00:28:16,490 --> 00:28:22,179 lingkaran dan gerakan memiliki lapangan yang disebut tipe 577 00:28:22,179 --> 00:28:23,970 yang memberitahu kita apa gesture itu. 578 00:28:23,970 --> 00:28:27,829 Sehingga mungkin berguna bagi kita Anda mencoba dan melakukan apa yang kita lakukan. 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimers: Jadi transisi kembali ke JS, 580 00:28:29,620 --> 00:28:31,696 hal pertama yang terjadi kepada saya juga, hanya membaca melalui kode ini 581 00:28:31,696 --> 00:28:34,340 adalah ada optimasi kecil, yang kita benar-benar 582 00:28:34,340 --> 00:28:35,980 tidak perlu ini jika kondisi, kan? 583 00:28:35,980 --> 00:28:39,330 Karena jika bingkai dot gerakan dot panjang adalah nol, bahwa untuk loop 584 00:28:39,330 --> 00:28:40,450 tidak akan berjalan pula. 585 00:28:40,450 --> 00:28:43,100 Jadi kita mungkin juga hanya pergi depan dan menyingkirkan itu. 586 00:28:43,100 --> 00:28:46,620 Sekali lagi, saat Anda menulis kode penting untuk kembali dan semacam 587 00:28:46,620 --> 00:28:50,330 dari refactor ketika Anda menyadari bahwa Anda bisa melakukan sesuatu yang lebih baik, 588 00:28:50,330 --> 00:28:53,370 atau ada cara lain untuk melakukan itu. 589 00:28:53,370 --> 00:28:57,170 Jadi sekarang kita hanya akan membersihkan ini dengan cepat dan juga membersihkan kode 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 ini sangat dihargai. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimers: Anda dapat selalu mengatakan ketika seseorang 593 00:29:01,828 --> 00:29:05,240 memiliki kode di mana dulu ada sebuah jika Kondisi dan kemudian mereka dihapus, 594 00:29:05,240 --> 00:29:07,530 tetapi mereka tidak komentarnya. 595 00:29:07,530 --> 00:29:10,147 Hal ini sangat jelas dan jenis terlihat jelek. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Jadi apa berikutnya pada kami untuk melakukan daftar? 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimers: Jadi sekarang seperti yang kita katakan, Saya kira hal pertama yang ingin kita lakukan 598 00:29:15,479 --> 00:29:17,970 adalah memastikan bahwa gerakan itu sebenarnya menggesek, kan? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Ya. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimers: Jadi kalau kita mengatakan bahwa selamat tinggal kami adalah jenis seperti menggesek, 601 00:29:21,750 --> 00:29:25,280 kita akan pergi dengan itu menggesek, maka Hal pertama yang perlu kita katakan adalah, hei, 602 00:29:25,280 --> 00:29:27,410 adalah gerakan yang mengetik menggesek, kan? 603 00:29:27,410 --> 00:29:30,860 Tidak lingkaran atau top, tetapi apakah itu menggesek? 604 00:29:30,860 --> 00:29:34,280 Jadi cara kita bisa melakukan itu adalah kita dapat mengatakan gerakan 605 00:29:34,280 --> 00:29:38,530 dot jenis yang sama menggesek sama sebagai string. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [tidak terdengar] isyarat dot tipe sama sama swipe. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Ada kita. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimers: Dan maka pertanyaan terakhir 610 00:29:49,438 --> 00:29:53,170 kami ingin lihat adalah isyarat dot negara yang sama berhenti sama, kan? 611 00:29:53,170 --> 00:29:55,860 Jadi saat itulah isyarat telah dihentikan. 612 00:29:55,860 --> 00:29:58,490 Saya benar-benar berpikir untuk menggesek, saya tahu ini dari atas kepala saya, 613 00:29:58,490 --> 00:30:00,340 tapi Anda dipersilakan untuk mencarinya, ketika Anda 614 00:30:00,340 --> 00:30:05,627 menggesek setiap kali register itu sampai Anda berhenti adalah sikap awal. 615 00:30:05,627 --> 00:30:07,460 Dan kemudian yang lalu hanya berhenti isyarat. 616 00:30:07,460 --> 00:30:11,090 Jadi hanya akan ada satu berhenti isyarat, yang besar bagi kita. 617 00:30:11,090 --> 00:30:17,180 Jadi apa yang bisa kita lakukan adalah mengatakan jika sikap dot ketik menggesek sama sama dan sikap 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 cek di sini menghibur gerakan log dot. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Jadi kita akan kembali ke sini. 622 00:30:30,790 --> 00:30:33,570 Kami akan me-refresh halaman. 623 00:30:33,570 --> 00:30:38,380 Dan sekarang satu-satunya waktu sesuatu harus menjadi konsol dot login adalah ketika kita menggesek. 624 00:30:38,380 --> 00:30:40,780 Dan kami mencoba untuk menggesek dan kami melihat apa-apa. 625 00:30:40,780 --> 00:30:41,280 Yang Tepat? 626 00:30:41,280 --> 00:30:43,990 Jadi ini sebenarnya adalah masalah besar. 627 00:30:43,990 --> 00:30:47,560 Kami tidak melihat apa yang kami harapkan untuk. 628 00:30:47,560 --> 00:30:49,356 Dan debugging bisa menjadi bagian besar dari ini. 629 00:30:49,356 --> 00:30:51,980 Jadi hal pertama yang kita akan katakan adalah, OK, mari kita menghibur dot 630 00:30:51,980 --> 00:30:54,568 login jika gerakan dot ketik sama menggesek sama. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Ya, mari kita lakukan itu. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimers: Jadi kita akan kembali ke ini. 634 00:31:02,020 --> 00:31:03,140 Kami akan menyegarkan. 635 00:31:03,140 --> 00:31:04,020 Kami akan menggesek. 636 00:31:04,020 --> 00:31:05,150 Dan kita akan melihat banyak dari mereka. 637 00:31:05,150 --> 00:31:05,650 OKE. 638 00:31:05,650 --> 00:31:08,710 Jadi jelas masalahnya adalah status gerakan dot kami. 639 00:31:08,710 --> 00:31:14,000 Jadi jika kita membuka salah satu dari ini kita akan lihat di obyek dan kita akan lihat, 640 00:31:14,000 --> 00:31:18,700 baik, itu berhenti, tapi, oh, itu disebut negara, bukan status. 641 00:31:18,700 --> 00:31:21,890 Jadi jika kita kembali ke kode kita kita dapat mengatakan 642 00:31:21,890 --> 00:31:27,780 jika sikap dot jenis yang sama menggesek sama dan gerakan dot negara yang sama berhenti sama, 643 00:31:27,780 --> 00:31:29,160 maka kita akan menghibur dot log itu. 644 00:31:29,160 --> 00:31:30,940 Dan menyegarkan. 645 00:31:30,940 --> 00:31:31,856 Kami menggesek. 646 00:31:31,856 --> 00:31:33,730 Dan kita akan melihat bahwa di setiap menggesek, kami hanya 647 00:31:33,730 --> 00:31:36,247 mendapatkan satu, yang merupakan end, yang besar, kan? 648 00:31:36,247 --> 00:31:37,080 Itulah yang kami inginkan. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 Dan kita juga bisa melihat bahwa ID untuk masing-masing gerakan ini terpisah. 651 00:31:42,640 --> 00:31:47,470 Sehingga Tomas mengatakan karena kita menangkap ini negara one stop yang 652 00:31:47,470 --> 00:31:52,850 ada pada akhir menggesek, kami mendapatkan gerakan yang terpisah masing-masing 653 00:31:52,850 --> 00:31:54,441 dari Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Hebat Sekali. 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 hal yang terakhir, yaitu, 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 periksa website kami. 660 00:32:08,925 --> 00:32:09,425 Satu 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Second. 662 00:32:09,730 --> 00:32:11,271 Kami, ya, kita menyebutnya Selamat tinggal. 663 00:32:11,271 --> 00:32:11,920 Hebat Sekali. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimers: Tidak, Selamat tinggal adalah fungsi yang nyata. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Ya. 666 00:32:14,406 --> 00:32:15,670 Mari kita melakukan itu. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimers: Dan ketika kita melambaikan tangan, ia mengatakan selamat tinggal. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Kami memiliki kemenangan. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimers: hal Jadi cukup menarik. 670 00:32:25,632 --> 00:32:28,590 Mudah-mudahan Anda dapat membangun sesuatu lain, tetapi Anda mendapatkan ide, kan? 671 00:32:28,590 --> 00:32:30,260 Anda dapat mendeteksi gerakan. 672 00:32:30,260 --> 00:32:31,469 Anda dapat memanggil fungsi-fungsi. 673 00:32:31,469 --> 00:32:34,510 Dan itu yang benar-benar memberikan Anda beberapa blok bangunan yang sangat mendasar 674 00:32:34,510 --> 00:32:38,800 mengatakan, oh, mungkin ketika mereka geser ke atas, karena Anda juga bisa mendeteksi hal-hal 675 00:32:38,800 --> 00:32:39,674 seperti arah. 676 00:32:39,674 --> 00:32:40,840 Saya ingin mereka melakukan sesuatu. 677 00:32:40,840 --> 00:32:43,470 Atau ketika mereka geser ke kanan, saya ingin mereka melakukan sesuatu. 678 00:32:43,470 --> 00:32:45,880 Dan kita bisa mulai untuk mendapatkan kreatif dengan bagaimana sebenarnya 679 00:32:45,880 --> 00:32:48,840 kita akan memperbaiki situs web kami menggunakan gerakan menggesek ini atau lingkaran 680 00:32:48,840 --> 00:32:53,695 gerakan, atau gerakan tap, baik keran atau keran layar kunci. 681 00:32:53,695 --> 00:32:56,070 Dan kemudian selain itu Anda lebih dari diterima untuk bermain 682 00:32:56,070 --> 00:32:59,640 dengan data yang sebenarnya, tetapi jika Anda ingin melakukan 683 00:32:59,640 --> 00:33:03,870 bahwa kami akan menyarankan Anda pergi ke docs karena mereka benar-benar benar-benar baik. 684 00:33:03,870 --> 00:33:05,034 Jadi menuju ke docs sekarang. 685 00:33:05,034 --> 00:33:06,450 Atau apakah Anda ingin berbicara tentang itu? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Ya. 687 00:33:06,940 --> 00:33:07,920 Mari kita melakukan itu. 688 00:33:07,920 --> 00:33:13,680 Juga salah satu berita gembira lainnya nasihat, mencoba dan memikirkan ini dalam 3D. 689 00:33:13,680 --> 00:33:22,611 Jadi benar-benar mari kita menarik orang-orang gerakan sekali lagi gerakan konsol dot log 690 00:33:22,611 --> 00:33:24,290 dan kami melakukan itu. 691 00:33:24,290 --> 00:33:29,460 Datang kembali dan sekarang mari kita mencoba beberapa ini, beberapa dari mereka. 692 00:33:29,460 --> 00:33:32,940 >> Jika kita pergi in dan check out gerakan ini juga 693 00:33:32,940 --> 00:33:36,830 Anda dapat melihat bahwa mereka dimensi 694 00:33:36,830 --> 00:33:38,980 dalam tiga arah, sebenarnya. 695 00:33:38,980 --> 00:33:42,500 Jadi jangan hanya membatasi diri ke layar 2D 696 00:33:42,500 --> 00:33:45,200 meskipun Anda mungkin berada pada situs 2D. 697 00:33:45,200 --> 00:33:49,152 Anda dapat mencoba dan memikirkan bagaimana pengguna mungkin berinteraksi dengan situs di 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 ya. 701 00:33:52,310 --> 00:33:55,350 Jadi Anda mendapatkan arah, kecepatan, semua ini bit keren informasi. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimers: Dan jika Anda tidak akrab dengan itu, ia pergi x, y, 703 00:33:58,890 --> 00:34:01,566 dan kemudian z adalah dimensi terakhir ini. 704 00:34:01,566 --> 00:34:04,690 Hanya sesuatu yang mungkin Anda akrab dengan jika Anda sudah berurusan dengan 3D 705 00:34:04,690 --> 00:34:05,731 mengkoordinasikan pesawat sebelumnya. 706 00:34:05,731 --> 00:34:09,565 Jika Anda belum, itu sama dengan 2D satu kecuali ada dimensi ketiga. 707 00:34:09,565 --> 00:34:11,420 Kami menyebutnya z. 708 00:34:11,420 --> 00:34:16,449 Dan segala sesuatu, semacam seperti arah, yang mana itu akan, 709 00:34:16,449 --> 00:34:19,810 position-- Saya pikir itu mungkin bahkan mengekspos percepatan, aku tidak yakin. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Ya, saya percaya. 711 00:34:21,341 --> 00:34:22,340 Hal itu jelas memiliki kecepatan. 712 00:34:22,340 --> 00:34:25,699 Aku sebenarnya tidak 100% yakin tentang percepatan. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimers: Ini mungkin menjadi pilihan Anda dapat menyampaikan sesuatu. 714 00:34:28,810 --> 00:34:33,409 Jadi posisi dan kecepatan yang terkena dalam semacam ini tiga koordinat. 715 00:34:33,409 --> 00:34:38,812 Jadi x, y, z atau delta x, y delta, delta z. 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 dapat mengklik Dokumentasi. 718 00:34:46,460 --> 00:34:50,010 Sekali lagi, Leap Motion memiliki semua ini API yang indah, satu untuk JavaScript, 719 00:34:50,010 --> 00:34:53,750 satu untuk C Sharp dan Persatuan, satu untuk C ++, satu untuk Jawa, satu untuk Python, 720 00:34:53,750 --> 00:34:59,020 dan satu untuk Objective C. Saya pribadi akan mendorong Anda menuju JavaScript 721 00:34:59,020 --> 00:35:01,280 atau jika Anda ingin belajar bahasa baru, coba Python. 722 00:35:01,280 --> 00:35:05,910 Kedua bahasa-bahasa yang 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 membuatnya menjadi pesaing benar-benar baik. 724 00:35:10,250 --> 00:35:12,930 >> Satu kata peringatan ketika Anda memasukkan dokumen. 725 00:35:12,930 --> 00:35:15,940 Pastikan Anda berada di Documents v2.0. 726 00:35:15,940 --> 00:35:20,250 Karena jika Anda berada di versi satu, itu tidak akan berhasil. 727 00:35:20,250 --> 00:35:21,830 Juga untuk galeri misalnya. 728 00:35:21,830 --> 00:35:25,100 Kami menghabiskan baik 30 menit mencoba debug Leap kami 729 00:35:25,100 --> 00:35:28,640 sebelum kita menyadari bahwa V1 tidak bekerja dengan V2. 730 00:35:28,640 --> 00:35:31,660 Jadi pastikan Anda berada di versi dua. 731 00:35:31,660 --> 00:35:33,904 Dan kemudian aku akan membiarkan dia menunjukkan Anda dokumentasi. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Ya. 733 00:35:34,820 --> 00:35:39,480 Jadi, inilah gambaran API dan kemudian beberapa potongan-potongan informasi 734 00:35:39,480 --> 00:35:41,420 bahwa kita sudah memberitahu Anda. 735 00:35:41,420 --> 00:35:44,270 Bagus sedikit mengambang tangan di atas Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Dan pengingat untuk berpikir tentang ruang dalam 3D. 737 00:35:47,850 --> 00:35:53,140 Salah satu objek pertama untuk berpikir tentang dengan Leap Motion adalah tangan, tentu saja. 738 00:35:53,140 --> 00:35:57,060 Kita melihat orang-orang yang diakui oleh Visualizer. 739 00:35:57,060 --> 00:35:59,180 Dan kemudian Anda mungkin memiliki terlihat bahwa diakui 740 00:35:59,180 --> 00:36:03,202 bagian dari pergelangan tangan dan lengan yang terkait dengannya. 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimers: Jika Anda ingin untuk naikkan Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Ya, mari kita lakukan itu lagi. 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimers: Anda dapat melihat, selalu hanya pengingat yang baik untuk semacam lihat, 744 00:36:10,148 --> 00:36:14,060 yang Visualizer mencoba untuk menunjukkan semua data yang Leap melihat. 745 00:36:14,060 --> 00:36:17,606 Jadi, Anda akan melihat bahwa kita memiliki semacam ini empat poin 746 00:36:17,606 --> 00:36:19,230 dengan pergelangan tangan dan kemudian pergelangan tangan yang sebenarnya. 747 00:36:19,230 --> 00:36:21,625 Dan Anda juga memiliki bola ini di telapak tangan. 748 00:36:21,625 --> 00:36:24,000 Semua ini adalah poin mengakui diakui oleh lompatan. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Tepat. 750 00:36:25,041 --> 00:36:32,300 Dan dengan itu objek tangan setiap frame memiliki array tangan 751 00:36:32,300 --> 00:36:36,470 juga di mana Anda juga bisa mendapatkan kiri dan tangan kanan. 752 00:36:36,470 --> 00:36:39,410 Anda bisa mendapatkan yang arah tangan yang 753 00:36:39,410 --> 00:36:42,410 hadapi dengan normal arah telapak tangan, 754 00:36:42,410 --> 00:36:45,470 atau mereka menyebutnya telapak normal. 755 00:36:45,470 --> 00:36:46,510 Apa lagi yang kita miliki? 756 00:36:46,510 --> 00:36:48,120 Kami juga, ups. 757 00:36:48,120 --> 00:36:50,640 Mari kita coba dan gulir ke bawah dengan cara ini. 758 00:36:50,640 --> 00:36:54,410 Lengan, jari-jari diwakili oleh jari 759 00:36:54,410 --> 00:36:57,890 class, yang merupakan objek pointable. 760 00:36:57,890 --> 00:37:01,420 Jadi seperti kita katakan, kita melihat bahwa array pointables untuk masing-masing tangan. 761 00:37:01,420 --> 00:37:04,240 Mereka adalah sedikit jari untuk berpikir tentang. 762 00:37:04,240 --> 00:37:09,809 Jadi ini adalah gambaran yang baik untuk pergi melalui untuk mencoba dan memahami. 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimers: [tidak terdengar] tangan anatomi di sana. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Ya, persis. 765 00:37:13,680 --> 00:37:14,220 Jadi ya. 766 00:37:14,220 --> 00:37:18,150 Ada banyak data mentah yang Leap Motion mengambil dalam menafsirkan baik 767 00:37:18,150 --> 00:37:20,750 untuk Anda, jadi besar Ide untuk pergi ke sini 768 00:37:20,750 --> 00:37:25,300 dan mencoba dan mencari tahu bagaimana Leap memiliki sudah menduga hal-hal untuk Anda 769 00:37:25,300 --> 00:37:28,830 dan informasi apa telah tersedia dari sana. 770 00:37:28,830 --> 00:37:33,150 Dan kemudian dari sana saya akan merekomendasikan masuk ke bagian kiri ini di sini, 771 00:37:33,150 --> 00:37:39,210 yang berjalan, baik sebenarnya tidak ada, yaitu sebenarnya hanya lebih API hal about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimers: Referensi API di bawah biasanya tempat yang baik untuk pergi. 773 00:37:42,670 --> 00:37:45,720 Kalian mungkin melihat ini ketika kami melakukan Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Tapi referensi benar-benar hanya pergi melalui semua 775 00:37:48,590 --> 00:37:54,540 fungsi dan parameter tersedia di objek untuk Anda. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Ya. 777 00:37:55,500 --> 00:37:57,740 Sebagai contoh, ini adalah apa yang Saya sedang mencari sebelumnya. 778 00:37:57,740 --> 00:38:01,030 Ketika kita memiliki kita tangan bisa pergi dan mencari tahu 779 00:38:01,030 --> 00:38:03,750 bagaimana Leap merekomendasikan kepada kita untuk menemukan tangan. 780 00:38:03,750 --> 00:38:06,080 Seperti saya katakan sebelumnya, kami memiliki array tangan. 781 00:38:06,080 --> 00:38:10,340 Cari tahu apakah kita memiliki tangan dan kemudian mencoba dan ambil satu tangan 782 00:38:10,340 --> 00:38:12,410 untuk berinteraksi dengan cara seperti itu. 783 00:38:12,410 --> 00:38:16,540 Jadi itulah yang kami merekomendasikan untuk kalian. 784 00:38:16,540 --> 00:38:18,400 Gerak tubuh dan hal-hal juga. 785 00:38:18,400 --> 00:38:23,857 Dokumentasi API ini akan menjadi alat yang fantastis untuk kalian. 786 00:38:23,857 --> 00:38:25,440 Apakah Anda memiliki rekomendasi lain? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimers: Aku tidak. 788 00:38:26,398 --> 00:38:27,590 Saya pikir itu bagus untuk saat ini. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Ya, Saya kira begitu juga. 790 00:38:29,340 --> 00:38:33,330 Jangan ragu untuk email kami dan mendapatkan berhubungan tentang Leap Motion 791 00:38:33,330 --> 00:38:36,210 jika Anda mengalami mungkin masalah atau memerlukan rekomendasi. 792 00:38:36,210 --> 00:38:40,310 Dan kita bisa mencoba dan mencari hal-hal dengan kalian 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