1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS REIMERS: Serin. 3 00:00:11,965 --> 00:00:13,230 Yani merhaba, herkes. 4 00:00:13,230 --> 00:00:14,300 Benim adım Tomas. 5 00:00:14,300 --> 00:00:15,744 Ben bir TF olduğumu ve bu 6 00:00:15,744 --> 00:00:16,660 Armaghan BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Sizi görmek güzel. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Serin. 9 00:00:18,470 --> 00:00:20,740 Bu yüzden konuşmak için gidiyoruz Bugün Leap Motion hakkında. 10 00:00:20,740 --> 00:00:22,800 Yani Leap Motion bir gerçekten harika bir ürün olduğunu 11 00:00:22,800 --> 00:00:25,900 Eğer bir etkileşim sağlar Farklı bir şekilde bilgisayar. 12 00:00:25,900 --> 00:00:28,560 Yani bütün fikir arkasında sıçrama hareketi size olduğunu 13 00:00:28,560 --> 00:00:31,430 için ellerinizi kullanabilirsiniz bilgisayar ile etkileşim. 14 00:00:31,430 --> 00:00:33,610 Yani burada bir şey kurmak var. 15 00:00:33,610 --> 00:00:34,790 Ben biraz bu konuda konuşacağım. 16 00:00:34,790 --> 00:00:37,540 Ancak temel sürümü yapabilirsiniz olduğunu Ben önünde ellerimi olduğunu görmek 17 00:00:37,540 --> 00:00:42,840 Onları taşıdığınızda ve benim bilgisayar, Bilgisayarda analog olsun 18 00:00:42,840 --> 00:00:44,170 ve bu analiz edebilirsiniz. 19 00:00:44,170 --> 00:00:46,230 Siz jestler yapabilir. 20 00:00:46,230 --> 00:00:49,176 Size ellerini kullanabilirsiniz bilgisayar ile etkileşim 21 00:00:49,176 --> 00:00:50,300 Yeni ve ilginç bir şekilde. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Peki, ben aslında ilk Armi için geçmek istiyorum 24 00:00:57,520 --> 00:01:00,400 Size ne bazı serin demolar göstermek için Bazı insanlar bu yapmış. 25 00:01:00,400 --> 00:01:02,816 Ve sonra nasıl bahsedeceğiz aslında bu kod ile. 26 00:01:02,816 --> 00:01:04,800 Armaghan BEHLUM: Evet. 27 00:01:04,800 --> 00:01:05,300 Merhaba. 28 00:01:05,300 --> 00:01:08,870 Gördüğümüz gibi Yani, küçük Burada veri, ama bakalım 29 00:01:08,870 --> 00:01:11,680 ne bazı insanlar bu yapmış. 30 00:01:11,680 --> 00:01:15,130 Bu yüzden bana bu örneği yukarı açalım. 31 00:01:15,130 --> 00:01:20,770 Ve sonra, bu yüzden, örneğin, görebilirsiniz Şimdi elimi orada analog, ama bu sefer 32 00:01:20,770 --> 00:01:26,680 Unity kullanan bazı insanlar var Biraz daha cilde koymak için karar 33 00:01:26,680 --> 00:01:28,670 ve el etrafında şeyler. 34 00:01:28,670 --> 00:01:35,900 Yani, en bu bir ile gitmek sağlayabilirsiniz, Emin, ellerim etkileşim var. 35 00:01:35,900 --> 00:01:41,050 Ve muhtemelen bir hayal edebiliyorum diğer serin yararlı şeyler çift 36 00:01:41,050 --> 00:01:42,840 Eğer bu ile yapabilirsiniz. 37 00:01:42,840 --> 00:01:45,530 Bu yüzden, bu en az bir örnektir. 38 00:01:45,530 --> 00:01:48,910 Ve sonra en bu dışarı atlamak edelim. 39 00:01:48,910 --> 00:01:56,590 >> Ve sonra başka bir serin bir ise, en bu bir ile gidelim. 40 00:01:56,590 --> 00:01:58,390 Plasmo topu. 41 00:01:58,390 --> 00:02:03,510 Yine, biz mutlaka olmaz karmaşıklık bu seviyede bekliyoruz 42 00:02:03,510 --> 00:02:06,450 CS50 için son projesi. 43 00:02:06,450 --> 00:02:10,029 Bu size göstermek için sadece olduğunu bazı Sizi vermek 44 00:02:10,029 --> 00:02:14,570 için biraz ilham ne Siz Atılım Motion ile yapabilirsiniz. 45 00:02:14,570 --> 00:02:20,500 Yani, örneğin burada bir serin orada biz gitmek fizik örneği. 46 00:02:20,500 --> 00:02:24,305 Benim elimde de çok geç Has sen Bu küçük plazma topu var. 47 00:02:24,305 --> 00:02:31,030 Ve top fiziğine tepki veriyor Benim topun etrafında elimi hareket. 48 00:02:31,030 --> 00:02:36,920 Şimdi bu tüm Unity ile olsa, araçlar ve çerçeveleri tür kullanarak 49 00:02:36,920 --> 00:02:39,510 Biz öğretti değil ki sınıfta çocuklar, 50 00:02:39,510 --> 00:02:46,590 ancak bazı hoş görebileceğiniz gibi Serin çalışma bununla throughs. 51 00:02:46,590 --> 00:02:51,750 >> Ama bir şey siz yapabilirsiniz Atılım Motion ile hemen kapalı başlayan 52 00:02:51,750 --> 00:02:53,260 JavaScript eseridir. 53 00:02:53,260 --> 00:02:58,960 Leap Motion JavaScript API vardır Siz biz çok, çok kullanabilir ve 54 00:02:58,960 --> 00:03:02,040 Siz inşa öneririz Bu kullanarak projeler. 55 00:03:02,040 --> 00:03:04,350 Bununla Yani, bana izin Tomas kapalı geri pas 56 00:03:04,350 --> 00:03:06,582 Leap hakkında konuşmak Hareket ve JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Serin. 58 00:03:07,415 --> 00:03:09,230 Yoksa göstermek istiyorsun onları ilk Görüntüleyici? 59 00:03:09,230 --> 00:03:09,670 >> Armaghan BEHLUM: Ah evet. 60 00:03:09,670 --> 00:03:10,170 Evet. 61 00:03:10,170 --> 00:03:11,900 En bu görüntüleyicinin hakkında daha fazla konuşalım. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: En basit So seviye, zaman ilk Atılım Motion olsun 63 00:03:14,983 --> 00:03:16,940 Eğer bu kutuyu için gidiyoruz. 64 00:03:16,940 --> 00:03:18,330 Burada, beni kontrol altına almak istiyor? 65 00:03:18,330 --> 00:03:19,180 >> Armaghan BEHLUM: Evet, bunun için gitmek. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Peki ne zaman sen İlk Atılım Motion olsun 67 00:03:20,530 --> 00:03:21,780 Eğer bu kutuyu için gidiyoruz. 68 00:03:21,780 --> 00:03:24,460 Bir aygıtı olan Böyle bir şey görünüyor. 69 00:03:24,460 --> 00:03:28,990 Siz, bilgisayarınıza takın Gerekli sürücüleri yüklemek, 70 00:03:28,990 --> 00:03:30,950 ve sonra bu temelde kurulacaktır. 71 00:03:30,950 --> 00:03:34,160 En kolay yolu sıralamak Yani Atılım Hareket ile anlaşma 72 00:03:34,160 --> 00:03:39,240 bu yükler bu programı açmak olduğunu Leap Motion Visualizer çağırdı. 73 00:03:39,240 --> 00:03:41,490 Ve görüntüleyici tam anlamıyla ne ben burada gösteriyorum. 74 00:03:41,490 --> 00:03:45,340 Bu görmenizi sağlar Ellerinizi iskelet anahat. 75 00:03:45,340 --> 00:03:49,940 Ve ne Leap Motion olarak yorumluyor. 76 00:03:49,940 --> 00:03:53,750 Yani Leap Motion kamera kullanır senin elinde bakmak sıralamak 77 00:03:53,750 --> 00:03:59,176 ve sonra ne tahmin etmeye çalışır Temel iskelet kompozisyon size 78 00:03:59,176 --> 00:04:00,460 ekran bkz. 79 00:04:00,460 --> 00:04:01,669 Ve o gösterir ne. 80 00:04:01,669 --> 00:04:03,418 Armaghan BEHLUM: Her tek küçük nokta 81 00:04:03,418 --> 00:04:06,580 ve şey olduğunu görmek Eğer çocuklar için uygun değil veri 82 00:04:06,580 --> 00:04:07,270 de kullanmak için. 83 00:04:07,270 --> 00:04:09,670 Yani o olduğunu görmek yakalama ki Tomas 84 00:04:09,670 --> 00:04:12,160 Beş parmak, her vardır bu farklı parmak 85 00:04:12,160 --> 00:04:17,110 veri olarak sizin için de kullanılabilir noktalar ne olursa olsun uygulamada kullanmak için 86 00:04:17,110 --> 00:04:18,256 Eğer isteyebilirsiniz. 87 00:04:18,256 --> 00:04:20,339 Eğer görmek istiyorsanız Biri, bir başparmak yapıyor 88 00:04:20,339 --> 00:04:23,860 Eğer onların parmakları olmadığını görebilirsiniz kıvrılmış ve olsanız edilir 89 00:04:23,860 --> 00:04:25,850 başparmak, parmak işaret ediyor yukarı, ya da nereye 90 00:04:25,850 --> 00:04:30,037 kendi bilek ya da palmiye olan ve şeyler bu tip. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Serin. 92 00:04:30,870 --> 00:04:35,186 Yani bazı jestler görebilirsiniz onu diğerlerinden daha iyi anlıyor. 93 00:04:35,186 --> 00:04:38,310 O bakıyor Unutmayın, sizin alttan bir kamera gelen el, 94 00:04:38,310 --> 00:04:41,630 böylece ellerini gibi varsa Bu da, onları tamamen anlar 95 00:04:41,630 --> 00:04:44,509 Eğer denemek başlar ve bir kez değil bir yapmak Yaşasın, bazen, onu okur 96 00:04:44,509 --> 00:04:47,550 bazen sanırım, ama dürüst olabilir Kamera sadece başparmak göremiyorum. 97 00:04:47,550 --> 00:04:49,810 Yani gerçekten değil Emin neler. 98 00:04:49,810 --> 00:04:54,910 Sadece bazı sınırlamalar akılda tutmak ne zaman bu gelişmekte ediyoruz. 99 00:04:54,910 --> 00:04:56,540 >> Her neyse, bu yüzden buna geri gidiyor. 100 00:04:56,540 --> 00:04:59,040 Görüntüleyici aslında yararlı araçlar bir yeri vardır. 101 00:04:59,040 --> 00:05:01,780 Yani Leap Motion olduğunu Böyle bir şekilde programlanmıştır 102 00:05:01,780 --> 00:05:04,280 onlar sizi beklemeyin Bu görüntü verileri ile etkileşim. 103 00:05:04,280 --> 00:05:06,230 Onlar gerçekten yok anlamak için bekliyoruz 104 00:05:06,230 --> 00:05:08,060 Ne perde arkasında oluyor. 105 00:05:08,060 --> 00:05:11,620 Ne yaptıklarını açığa olduğunu Sizin için API'ler bir demet 106 00:05:11,620 --> 00:05:13,420 yapabilirsiniz böyle Bu verilerle etkileşime 107 00:05:13,420 --> 00:05:18,400 Doğrudan anlayış olmadan ne başlık altında oluyor. 108 00:05:18,400 --> 00:05:27,790 >> Bu yüzden Görüntüleyicilerde burada H vurmak Eğer birçok seçenek göreceksiniz. 109 00:05:27,790 --> 00:05:35,450 Burada önemli olsa bir Eğer O vurdu ve ardından H vurmak olduğunu, 110 00:05:35,450 --> 00:05:38,080 bunu görürsünüz Eğer jestler çizmenizi sağlar. 111 00:05:38,080 --> 00:05:43,380 Yani bir jest görürsünüz o genelinde bir ok çizer. 112 00:05:43,380 --> 00:05:47,010 Bir jest yollarından biri Leap olduğunu Hareket tür verilere olsun sağlar 113 00:05:47,010 --> 00:05:48,462 işlemek zorunda kalmadan. 114 00:05:48,462 --> 00:05:51,170 Yani oldukça bana anlamaya gerek daha üzerinden, ah, el hareket ediyordu, 115 00:05:51,170 --> 00:05:54,970 Ben noktadan erişim, olsa bile API tür sadece bana anlatacak, 116 00:05:54,970 --> 00:05:56,380 hey, bu jest yaptı. 117 00:05:56,380 --> 00:05:58,920 Yani temel ok jestler yapabilir. 118 00:05:58,920 --> 00:06:00,590 Sen daire jestler yapabilirsiniz. 119 00:06:00,590 --> 00:06:03,530 Sen jestler dokunarak yapabilirsiniz. 120 00:06:03,530 --> 00:06:07,630 Ve anahtar basın jestler yapabilir. 121 00:06:07,630 --> 00:06:09,394 Evet. 122 00:06:09,394 --> 00:06:10,800 Ve bu tür şeyler. 123 00:06:10,800 --> 00:06:14,370 Yani şimdi biz tür ettik ki Leap Motion neler yapabileceğini gördük, 124 00:06:14,370 --> 00:06:17,792 Eğer bir okuyabilirsiniz görebilirsiniz jestleri sürü. 125 00:06:17,792 --> 00:06:19,500 Ben gidiyorum düşünüyorum Armi geri pas 126 00:06:19,500 --> 00:06:22,300 ve o nasıl hakkında konuşmak için gidiyor Eğer, JavaScript ile bu olsun 127 00:06:22,300 --> 00:06:24,520 nasıl olsa bu bir projeyi başlatmak. 128 00:06:24,520 --> 00:06:27,724 Ve sonra bazı bahsedeceğiz Serin yerlerde bu gidebilirsiniz. 129 00:06:27,724 --> 00:06:28,640 Armaghan BEHLUM: Evet. 130 00:06:28,640 --> 00:06:29,300 Kulağa iyi geliyor. 131 00:06:29,300 --> 00:06:31,950 Yani evet, ilk şey elbette yapmak isteyeceksiniz, 132 00:06:31,950 --> 00:06:37,170 Alacağınız sonra Leap Motion etmektir kurmak leapmotion.com, gidin, yüklemek 133 00:06:37,170 --> 00:06:38,420 Sürücüleri ve malzeme. 134 00:06:38,420 --> 00:06:42,520 Gidebilirsin ki yaptıktan sonra o bağlı olduğundan emin olun. 135 00:06:42,520 --> 00:06:46,910 Eğer küçük tepside görürseniz Leap Motion simgesi ve yeşil, 136 00:06:46,910 --> 00:06:48,640 o zaman tüm set olduğunu biliyorum. 137 00:06:48,640 --> 00:06:53,710 Ve tabii ki kontrol tam olarak ne Tomas sadece jestler ile gösterdi 138 00:06:53,710 --> 00:06:59,320 ve ekran musluklarını yapıyor, ve Anahtar musluklar ve şeyler bu tür. 139 00:06:59,320 --> 00:07:02,180 >> Sonra biz bile o, bir kez daha, dediğim gibi, 140 00:07:02,180 --> 00:07:06,530 bu tüm erişimi hem de JavaScript şeyler. 141 00:07:06,530 --> 00:07:09,020 İdeal o kurmak Size tavsiye ederim 142 00:07:09,020 --> 00:07:16,440 adamlar gitmek için senin Vhost dizin, yerel ana, 143 00:07:16,440 --> 00:07:19,340 senin CS50 Cihazda halk. 144 00:07:19,340 --> 00:07:24,790 Oraya gittiğinizde Ve ne olacak bkz dizin nokta HTML dosyasıdır. 145 00:07:24,790 --> 00:07:28,180 Şimdi bu indeks nokta HTML dosyası veya dizin nokta 146 00:07:28,180 --> 00:07:32,740 PHP dosyası, hangisi İnce, daha sonra ne yapabilirim 147 00:07:32,740 --> 00:07:35,150 ana işletim sistemine gidin. 148 00:07:35,150 --> 00:07:38,650 Ve IP adresine giderseniz O sağ alt listelenir 149 00:07:38,650 --> 00:07:45,180 Burada Cihazınızın köşe, Gördüğünüz gibi, o zaman ne olur 150 00:07:45,180 --> 00:07:51,240 Eğer bu sayfaya gitmek olduğunu Bu indeks nokta HTML dosyası tarafından başvurulan. 151 00:07:51,240 --> 00:07:56,610 Yani tüm kodu koymak olabilir Orada gönderilen ve burada kullanılabiliyor alır. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Bu yüzden de bu referans için önemli sadece 153 00:07:58,960 --> 00:08:06,554 Siz aslında biliyorum ki nasıl bir sunucuya kendiniz kurmak, 154 00:08:06,554 --> 00:08:09,720 veya dünya çapında bu koymak istiyorum Web, sen ne olursa olsun yapmak için buyrun. 155 00:08:09,720 --> 00:08:11,594 Bunlar unutmayın Sadece JavaScript dosyaları 156 00:08:11,594 --> 00:08:14,250 ve tüm Atılım işleme istemci üzerinde yapılır. 157 00:08:14,250 --> 00:08:16,510 Yani gerçekten önemli değil nerede sunucu yaşıyor 158 00:08:16,510 --> 00:08:19,660 bilgisayar olarak çok uzun Eğer web sitesi üzerinde bakıyorsunuz 159 00:08:19,660 --> 00:08:22,024 Leap Motion yüklü. 160 00:08:22,024 --> 00:08:23,190 Armaghan BEHLUM: Kesinlikle. 161 00:08:23,190 --> 00:08:25,680 Tomas gibi, evet, dedi ne olursa olsun sizin için çalışıyor. 162 00:08:25,680 --> 00:08:28,570 Bu sadece bizim önerileri biridir. 163 00:08:28,570 --> 00:08:31,660 Şimdi Leap kullanmaya başlamak için Ne yapacağını Hareket 164 00:08:31,660 --> 00:08:36,640 içe olacağını edilir Atılım Motion JavaScript dosyası. 165 00:08:36,640 --> 00:08:39,610 Ve sonra ne gelen Şu anda, yapabileceği 166 00:08:39,610 --> 00:08:44,250 Ben sadece bu paragraf var etiket metninin bir kimlik kurmak. 167 00:08:44,250 --> 00:08:48,690 Biz öneriyoruz şeyler kontrolör seçeneklerini ayarlarken 168 00:08:48,690 --> 00:08:52,012 ile Leap Motion için gerçek olamayacak kadar hareketleri etkinleştirmek. 169 00:08:52,012 --> 00:08:53,970 Varsayılan olarak bu yüzden Size gösterdi jestler 170 00:08:53,970 --> 00:08:57,010 Çocuklar, daire ve Anahtar musluk ve ucuz bira, 171 00:08:57,010 --> 00:09:00,330 kişilerce gösterilmemiştir Eğer varsayılan adamlar. 172 00:09:00,330 --> 00:09:04,450 Ama biz çok bu kullanmanızı öneririz böylece tekerleği yeniden icat değil. 173 00:09:04,450 --> 00:09:09,489 Gerçek, geçenler için bu etkinleştirme kontrolör seçenekleri nokta döngü sıçrama 174 00:09:09,489 --> 00:09:10,530 ve tüm gitmek için hazırsınız. 175 00:09:10,530 --> 00:09:13,270 O zaman sadece Çünkü Bir anonim işlev tanımlanmış 176 00:09:13,270 --> 00:09:16,910 bir de alacak Atılım Motion frame 177 00:09:16,910 --> 00:09:21,150 ve bu çerçeve sahip olduğu tüm İhtiyacınız olacak bilgiler. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Yani sadece kadar recap, bir nesne var. 179 00:09:25,310 --> 00:09:28,250 Bu işlevi var sıçrama nokta döngüsü denir. 180 00:09:28,250 --> 00:09:30,460 Ve iki argümanlarla diyoruz. 181 00:09:30,460 --> 00:09:33,134 Sen, biriyle diyoruz denetleyici seçenekleri. 182 00:09:33,134 --> 00:09:35,300 Ve bir sürü vardır seçenekler Orada koyabilirsiniz. 183 00:09:35,300 --> 00:09:38,170 biz gidiyoruz bir hareketleri etkinleştirmek olduğunu vurgulamak. 184 00:09:38,170 --> 00:09:41,230 Ve sen o zaman eşit true olarak ayarlanmış Bu jestler erişebilirsiniz 185 00:09:41,230 --> 00:09:42,940 biz Visualizer'da size gösterdi. 186 00:09:42,940 --> 00:09:47,500 >> Ve sonra ikinci argüman ise fonksiyonu, geri tür bir çağrı gibi 187 00:09:47,500 --> 00:09:53,010 hangi her çağrılır Zaman Leap her kare, 188 00:09:53,010 --> 00:09:57,340 bu yüzden her zaman sıçrama kayıtları olduğunu Elinizi hareket, yeni bir çerçeve vardır. 189 00:09:57,340 --> 00:10:02,130 Ve biri ile bu işlevi çağırır Çerçeve nesnesi olan argüman. 190 00:10:02,130 --> 00:10:05,909 Ve bu çerçeve nesnesi açıklar Leap olarak kare görür. 191 00:10:05,909 --> 00:10:06,950 Armaghan BEHLUM: Kesinlikle. 192 00:10:06,950 --> 00:10:10,450 Yani bu tüm yararlı içerir bit ve bilgi parçaları 193 00:10:10,450 --> 00:10:12,550 Daha önce hakkında konuşuyorduk ki. 194 00:10:12,550 --> 00:10:18,010 Çerçeve nokta hareketlerini kontrol etme jestleri bir dizi 195 00:10:18,010 --> 00:10:23,680 sıçrama hareketi yakaladı senin son karede yapıyor eller. 196 00:10:23,680 --> 00:10:26,470 Yani, örneğin, biz ne konum Burada ne biz kontrol ediyoruz edilir, 197 00:10:26,470 --> 00:10:31,820 hey, son karede Atılım, yaptım Eğer ben yaptım herhangi bir jest yakalamak? 198 00:10:31,820 --> 00:10:36,350 Ve biz yapmaya karar ne öyleyse Bu hareketleri yineleyemezsiniz 199 00:10:36,350 --> 00:10:39,760 ve denemek ve bazı yararlı olsun onlardan bilgi. 200 00:10:39,760 --> 00:10:44,290 Her jest eşsiz vardır Kimlik onunla ilişkili. 201 00:10:44,290 --> 00:10:46,280 Onlar türleri vardır. 202 00:10:46,280 --> 00:10:50,220 Sen hangi parmakların bakabilirsiniz jestleri dahil edildi 203 00:10:50,220 --> 00:10:52,770 Bu pointable şeyler kontrol ederek. 204 00:10:52,770 --> 00:10:56,490 Eğer gittiğinizde Yani eğer Leap Motion JavaScript API şeyler, 205 00:10:56,490 --> 00:10:59,630 Onlar pointables söz ne zaman, Onlar bu parmakların bahsediyoruz. 206 00:10:59,630 --> 00:11:04,480 Sonra ellerini, tabii ki, olarak Tüm el nesnesi. 207 00:11:04,480 --> 00:11:05,210 >> Başka ne? 208 00:11:05,210 --> 00:11:08,630 Sen ne kadar kontrol edebilirsiniz Hareket gitti 209 00:11:08,630 --> 00:11:11,640 ve, evet, bütün bu yararlı şeyler. 210 00:11:11,640 --> 00:11:16,490 Yani şu anda ne yapıyorum burada çerçeve kaydedilir, 211 00:11:16,490 --> 00:11:24,350 ve sonra görüntülemek için benim HTML güncelleme bu bilgi bitlerinin her 212 00:11:24,350 --> 00:11:25,820 çerçeveden. 213 00:11:25,820 --> 00:11:28,010 Yani o kontrol edelim. 214 00:11:28,010 --> 00:11:29,440 >> Peki burada. 215 00:11:29,440 --> 00:11:34,730 İşte dizin nokta HTML dosyası bulunuyor. 216 00:11:34,730 --> 00:11:38,560 Sadece gördüğümüz gibi Ve ben sadece taşındı elimi Leap bir daire hareketi yakaladı. 217 00:11:38,560 --> 00:11:44,960 Yani bana üzerinde bir daire yapıyor görebilirsiniz Burada, daire bilgilerle günceller. 218 00:11:44,960 --> 00:11:48,332 Geçirdiğinde yaparak, hareketi yapmak üzere çalıştırılır yakalar. 219 00:11:48,332 --> 00:11:49,290 En bir ekran sekmesi deneyelim. 220 00:11:49,290 --> 00:11:50,090 Biz oraya gitmek. 221 00:11:50,090 --> 00:11:52,370 Ekran dokunun ve bir anahtar dokunun. 222 00:11:52,370 --> 00:11:55,040 Tarafından da Yani anahtar musluklar, Aşağı vurduğunuzda yolu vardır. 223 00:11:55,040 --> 00:11:57,260 Yani hayal edebiliyorum belki bir piyano çalıyor. 224 00:11:57,260 --> 00:11:59,869 >> Ve sonra ekran musluklar vardır Eğer ekran vurduğunuzda. 225 00:11:59,869 --> 00:12:02,910 Yani aslında belki hayal edebiliyorum Önünüzde bir dokunmatik ekrana sahip 226 00:12:02,910 --> 00:12:05,190 ve dokunmatik vuruyorlar önünüzde ekran. 227 00:12:05,190 --> 00:12:08,470 Ve sonra biz bir kapmak Burada bu nesnelerin. 228 00:12:08,470 --> 00:12:12,960 Yani ben olduğunu söyledi hatırlıyorum Konsol günlüğüne çerçeveyi geçen. 229 00:12:12,960 --> 00:12:17,160 Ve böylece biz kontrol edebilirsiniz tüm bit ve bilgi parçaları 230 00:12:17,160 --> 00:12:22,500 mevcut olduğu de bu çerçeve kullanmak. 231 00:12:22,500 --> 00:12:26,320 >> Gibi ben, daha önce söylediğim pointables parmaklardır. 232 00:12:26,320 --> 00:12:30,260 O anda biz yoktu bizim Atılım Hareket önünde elleri 233 00:12:30,260 --> 00:12:32,010 bu yüzden, sıfır kayıtlı ama bu nasıl bir 234 00:12:32,010 --> 00:12:35,980 Belki öğrenmek için başlamak istiyorum Kaç parmak ekran vardır. 235 00:12:35,980 --> 00:12:37,810 Ve bilgi o tip. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: Ve hatırlamakta bu sadece bir amacıdır. 237 00:12:40,060 --> 00:12:42,185 Yani her şey ulaşılabilir tür bir yapı gibi 238 00:12:42,185 --> 00:12:45,540 C Sen nesne var özellik adı nokta isim. 239 00:12:45,540 --> 00:12:48,830 Ve o içinde var diziler ve diğer nesneleri var, 240 00:12:48,830 --> 00:12:50,850 ama sadece bir nesne olduğunu hatırlıyorum. 241 00:12:50,850 --> 00:12:53,788 Özel bir şey yok Biz Leap kullanarak çünkü. 242 00:12:53,788 --> 00:12:54,704 Armaghan BEHLUM: Evet. 243 00:12:54,704 --> 00:12:56,544 Serin. 244 00:12:56,544 --> 00:12:58,710 Biz bir çift kontrol etmelisiniz JavaScript örnekler? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: O hızlı hatırlıyorum biz o 247 00:13:07,810 --> 00:13:12,470 dedi Leap aslında olabilir ki herhangi bir web sitesine çalıştırın. 248 00:13:12,470 --> 00:13:15,250 LeapJS sadece bir müşteriye servis edilir. 249 00:13:15,250 --> 00:13:19,850 Ve böylece müşteri boyunca olduğu gibi Leap Motion işe yarayacaktır bağlı. 250 00:13:19,850 --> 00:13:22,540 Yani Leap Motion sahip bir Web sitesi insanlar 251 00:13:22,540 --> 00:13:24,540 onların örnekleri paylaşmak şeyleri onlar yaptık. 252 00:13:24,540 --> 00:13:26,623 Yani biz sadece gitmek için gidiyoruz Bunlardan bir çift ile 253 00:13:26,623 --> 00:13:29,980 önce nelerin mümkün olduğunu görmek için hakkında daha fazla ayrıntıya girmek dalış 254 00:13:29,980 --> 00:13:32,510 Bu mümkün. 255 00:13:32,510 --> 00:13:33,346 Yani 256 00:13:33,346 --> 00:13:34,470 Armaghan BEHLUM: Bakalım. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Şimdi çalışıyor olmalıdır. 258 00:13:36,136 --> 00:13:38,520 Armaghan BEHLUM: Peki şimdi Bir örnek görmeden 259 00:13:38,520 --> 00:13:45,280 Ellerimizi render Unity kullanarak Oldukça etkileyici grafik arayüzler ile, 260 00:13:45,280 --> 00:13:50,200 ama şimdi sen yapabilirsin görebilirsiniz Bir web tarayıcısı içinde aynı şey. 261 00:13:50,200 --> 00:13:54,640 Bu, tüm iç Chrome olduğunu Sadece JavaScript kullanarak. 262 00:13:54,640 --> 00:13:57,460 Ve sonra diğer güzel Eğer isterseniz şey 263 00:13:57,460 --> 00:14:02,610 bu nasıl yaptığını bilmek, JavaScript örnekler 264 00:14:02,610 --> 00:14:07,540 Ayrıca kod seçenekleri içerdiğini Eğer kontrol ve daha sonra görebilirsiniz 265 00:14:07,540 --> 00:14:12,570 nasıl bu kişi kapma edildi eller ve kodlar ve böyle. 266 00:14:12,570 --> 00:14:16,730 >> Yani bulabilirsiniz hepsi developer.leapmotion.com de. 267 00:14:16,730 --> 00:14:20,810 Sen gidip JavaScript kontrol edebilirsiniz onlar var örnekleri. 268 00:14:20,810 --> 00:14:23,280 Yani evet. 269 00:14:23,280 --> 00:14:25,205 İşte bunlar, ayy üzgünüm. 270 00:14:25,205 --> 00:14:27,680 Tekrar deneyelim. 271 00:14:27,680 --> 00:14:29,002 Ah. 272 00:14:29,002 --> 00:14:29,960 Ben iki sağ elleri var. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Yani evet. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: O ve yine Atılım messes bazen hatırlıyorum. 276 00:14:37,440 --> 00:14:40,790 Sadece bunu bir saniye ver. 277 00:14:40,790 --> 00:14:42,784 Mükemmel değil, ama oldukça iyi. 278 00:14:42,784 --> 00:14:44,700 Armaghan BEHLUM: Bir Diğer öneri de 279 00:14:44,700 --> 00:14:48,780 doğrudan güneş ışığı bunu etmektir. 280 00:14:48,780 --> 00:14:51,260 Bu arada Leap Motion Yani çalışmaları aslında, bir 281 00:14:51,260 --> 00:14:54,500 Kamerayı bu gösteriyorsa yanı sıra, kızılötesi ışık. 282 00:14:54,500 --> 00:14:57,375 Bu yüzden bu gönderir ve daha sonra Onlar geri gelip onları okur. 283 00:14:57,375 --> 00:14:59,250 Eğer çalışıyorsanız Yani eğer o güneş ışığına doğrudan yapmak, 284 00:14:59,250 --> 00:15:01,610 örneğin, muhtemelen işe yaramayacak, 285 00:15:01,610 --> 00:15:05,850 ya da ihtiyaç olacak Bazı kalibrasyon bunu. 286 00:15:05,850 --> 00:15:10,450 >> Ayrıca başka öneri için Leap arkasındaki boşluk temizleyin 287 00:15:10,450 --> 00:15:12,740 ve Leap önünde. 288 00:15:12,740 --> 00:15:15,520 Çalışma olarak düşünün bu bir kubbe içinde 289 00:15:15,520 --> 00:15:18,360 Bu Leap Motion nesnesini çevreleyen. 290 00:15:18,360 --> 00:15:20,550 Şeyler doğru varsa hem de arkasında, 291 00:15:20,550 --> 00:15:24,740 bu da müdahale edecek nasıl Leap Motion adlı çalışırken 292 00:15:24,740 --> 00:15:26,690 Elinizi tanımak ve şeyler bu tip. 293 00:15:26,690 --> 00:15:30,010 >> Peki, örneğin, ben bu düşünüyorum durum aslında benim laptop var 294 00:15:30,010 --> 00:15:34,351 Bu Leap Motion yapma türüdür. 295 00:15:34,351 --> 00:15:35,100 Evet, oraya gidiyoruz. 296 00:15:35,100 --> 00:15:41,021 Ben benim laptop temizleyin Yani eğer Bunun arkasında el oldukça iyi göstermek. 297 00:15:41,021 --> 00:15:41,520 Yani evet. 298 00:15:41,520 --> 00:15:42,061 Bu var. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Peki yaptım başka ne onlara göstermek. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Bence Şimdi zaman olacağını 302 00:15:48,250 --> 00:15:52,039 içine dalış sıralamak ve 's sadece izin sıfırdan tamamen bir demo yapmak. 303 00:15:52,039 --> 00:15:53,330 Gerçekten basit olacak. 304 00:15:53,330 --> 00:15:55,250 Temelde ne gidiyoruz yapmak için denemek için bunu yapmak olduğunu 305 00:15:55,250 --> 00:15:58,570 böylece elinizi, tokatlamak zaman arka plan, kırmızı olarak işe başlamak için gidiyor 306 00:15:58,570 --> 00:16:01,361 ve elinizi tokatlamak zaman, arka plan yeşile gidiyor. 307 00:16:01,361 --> 00:16:01,970 TAMAM MI? 308 00:16:01,970 --> 00:16:03,709 Gerçekten basit. 309 00:16:03,709 --> 00:16:05,750 Ve bu sadece temelde Bir çok ile gidecek 310 00:16:05,750 --> 00:16:08,360 arkasında kavramların Atılım biz böylece 311 00:16:08,360 --> 00:16:12,630 Atılım nasıl çalıştığını bu ideolojinin içine almak ve biz ile şeyler inşa nasıl. 312 00:16:12,630 --> 00:16:16,760 Sonra olacak oradan muhtemelen sadece size göstermek 313 00:16:16,760 --> 00:16:19,710 API Dokümanlar ve nereye Bu konuda daha fazla bilgi edinebilirsiniz. 314 00:16:19,710 --> 00:16:21,030 Ve sonra bir gün arayacağım. 315 00:16:21,030 --> 00:16:24,294 Yani kod istiyorsun veya Beni kod istiyorsun? 316 00:16:24,294 --> 00:16:25,210 Armaghan BEHLUM: Evet. 317 00:16:25,210 --> 00:16:28,350 Eh, ben çalışabilir sanırım Birlikte bu deneyin üzerinde 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Yani biz olacak Bazı çift kodlama yapmak. 319 00:16:30,292 --> 00:16:31,500 Armaghan BEHLUM: Orada gidiyoruz. 320 00:16:31,500 --> 00:16:33,250 Bu tam olarak ne var ben kontrol etmek istedim. 321 00:16:33,250 --> 00:16:34,700 Serin. 322 00:16:34,700 --> 00:16:38,750 Yani burada örneğin, bakalım. 323 00:16:38,750 --> 00:16:40,979 Biz yineleme iken Zaten hareketlerle, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: yapmak ister sadece tamamen yeni bir dosya? 325 00:16:43,270 --> 00:16:43,870 Armaghan BEHLUM: Tamamen yeni bir dosya? 326 00:16:43,870 --> 00:16:44,246 Emin, evet. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Evet. 328 00:16:45,000 --> 00:16:45,920 >> Armaghan BEHLUM: Öyleyse yapalım. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Yani gidiyoruz tamamen dosyasını yapmak. 330 00:16:48,253 --> 00:16:51,290 Biz nokta HTML el arayacağım. 331 00:16:51,290 --> 00:16:52,670 Bu benimle serin. 332 00:16:52,670 --> 00:16:59,020 Yani bir HTML etiketi yapmak hatırlıyorum, o içinde bir kafa var. 333 00:16:59,020 --> 00:17:02,982 Bu kafa içindeki bir başlık vardır. 334 00:17:02,982 --> 00:17:04,349 Sekme başka bir yol Yani. 335 00:17:04,349 --> 00:17:05,589 Orada gitmek. 336 00:17:05,589 --> 00:17:09,359 Başlık, biz Leap Örnek arayacağım. 337 00:17:09,359 --> 00:17:12,163 Evet. 338 00:17:12,163 --> 00:17:13,540 >> Armaghan BEHLUM: Üzgünüz. 339 00:17:13,540 --> 00:17:14,040 Başlık. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Evet. 341 00:17:14,474 --> 00:17:15,776 >> Armaghan BEHLUM: Orada biz. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Ve sonra en bir vücut yapalım. 343 00:17:18,180 --> 00:17:20,852 >> Armaghan BEHLUM: yapalım, Bekle Ayrıca ithalat için emin olun. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Ah, tabii. 345 00:17:22,060 --> 00:17:22,560 Benim kötü. 346 00:17:22,560 --> 00:17:28,700 Bu nedenle her zaman emin Leap var olun böylece komut size verilen bir komut dosyası var 347 00:17:28,700 --> 00:17:31,810 Atılım Hareket tarafından hangi temelde web tarayıcısı bağlamak olanak sağlar 348 00:17:31,810 --> 00:17:35,580 Kullanıcının bilgisayarda cihaza. 349 00:17:35,580 --> 00:17:38,510 Sonra bu da bir bedene ihtiyaç ve sadece atalım 350 00:17:38,510 --> 00:17:40,580 Vücut yüzden selam yapmak Biz öğrencilere göstermek olabilir 351 00:17:40,580 --> 00:17:42,704 nasıl bu yeni bağlanmak için Yaptıkları web sayfası. 352 00:17:42,704 --> 00:17:44,260 Armaghan BEHLUM: Tabii. 353 00:17:44,260 --> 00:17:45,724 Yani sadece another-- koyalım 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Merhaba, merhaba dünya. 355 00:17:48,730 --> 00:17:50,210 Yani bir çok temel bir örnek. 356 00:17:50,210 --> 00:17:53,400 Gerçekten sadece bir demo. 357 00:17:53,400 --> 00:17:58,505 >> Armaghan BEHLUM: Ve sonra burada biz Biz el nokta HTML denilen, gidebilirsiniz, 358 00:17:58,505 --> 00:18:00,000 değil mi? 359 00:18:00,000 --> 00:18:00,810 Ve ah! 360 00:18:00,810 --> 00:18:04,310 Peki ne yanlış merak Şimdi bu hakkı. 361 00:18:04,310 --> 00:18:07,639 En okuma izinleri ilave edelim nokta HTML el. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: İstediğiniz musunuz Büyük terminalde bunu yapmak için 363 00:18:09,930 --> 00:18:11,080 böylece biz sadece Şeyin bunu gösterebilirsiniz ki 364 00:18:11,080 --> 00:18:12,501 >> Armaghan BEHLUM: Evet, bu mantıklı. 365 00:18:12,501 --> 00:18:13,001 Tamam. 366 00:18:13,001 --> 00:18:15,720 Yani sadece eklendi izinleri, ama biz eğer 367 00:18:15,720 --> 00:18:18,350 kontrol edildi izinleri biz önce 368 00:18:18,350 --> 00:18:22,560 aslında eli görmüş olur nokta HTML okuma izinleri yoktu 369 00:18:22,560 --> 00:18:25,570 ve bu nedenle biz bunu kılamazdı. 370 00:18:25,570 --> 00:18:30,850 Biz bunu Ama eğer şimdi, biz bizim, görmek Orada küçük hello world. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Yani aslında diyelim, O yazıyordu gibi, merhaba dünya, 372 00:18:33,580 --> 00:18:35,371 Ben bir şekilde düşündüm Bu değişebilir. 373 00:18:35,371 --> 00:18:41,150 En çok merhaba dünya demek yapalım, ve Eğer dalga zaman sonra, o veda diyor. 374 00:18:41,150 --> 00:18:41,650 Doğru? 375 00:18:41,650 --> 00:18:42,210 Yani merhaba, hoşçakal. 376 00:18:42,210 --> 00:18:42,560 >> Armaghan BEHLUM: Tabii. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Bu oldukça iyi geliyor. 378 00:18:44,010 --> 00:18:45,120 >> Armaghan BEHLUM: O çok bana iyi geliyor. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Biz eğer Yani Bu 's sadece izin yapacağım 380 00:18:46,920 --> 00:18:48,980 biraz web sayfası aracılığıyla düşünüyorum. 381 00:18:48,980 --> 00:18:51,800 Biz bazı komut dosyası ihtiyacımız olacak ki bu temel olarak kaydeder 382 00:18:51,800 --> 00:18:56,470 , sen salladı ki bir Leap için Bir dalga ve bir tokatlamak, aynı şey. 383 00:18:56,470 --> 00:18:59,584 Yani biz bir script ihtiyacımız gidiyoruz temelde bu tokatlamak için kaydeder. 384 00:18:59,584 --> 00:19:01,500 Ve başka bir şey değilsin ihtiyacımız olacak biz konum olduğunu 385 00:19:01,500 --> 00:19:04,360 Bazı ihtiyacımız olacak gerçek içeriği değiştirmek için. 386 00:19:04,360 --> 00:19:07,850 >> Hatırlayacağınız gibi Yani, jQuery Eğer içeriğini değiştirmek için izin verir. 387 00:19:07,850 --> 00:19:13,017 Yani bir şey eklemek isteyebilirsiniz Bu jQuery kütüphanesidir. 388 00:19:13,017 --> 00:19:16,100 Ve sonra ne seçebilmek için biz aslında içeriğini değiştirmek için gidiyoruz, 389 00:19:16,100 --> 00:19:18,224 Bu bir kimlik ihtiyacı olacak veya bir sınıf, ya da bir şey 390 00:19:18,224 --> 00:19:20,100 biz seçmek için kullanabilirsiniz. 391 00:19:20,100 --> 00:19:25,010 Yani biz sadece bir vereceğim değişim metni hızlı kimliği. 392 00:19:25,010 --> 00:19:26,974 Ve sonra jQuery kapmak istiyorsun? 393 00:19:26,974 --> 00:19:29,890 Armaghan BEHLUM: Yani ilk ne sonra şimdi liste yapmak bizim üzerinde bir şey? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: en jQuery alalım? 395 00:19:30,620 --> 00:19:32,494 Armaghan BEHLUM: Diyelim jQuery, tamam, serin kapmak. 396 00:19:32,494 --> 00:19:34,502 Bu durumda, ben gidiyorum actually-- zorunda 397 00:19:34,502 --> 00:19:36,210 nerede olurdu Bunu yapmak için en iyi yer? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, bu yüzden eğer Google jQuery, ilk jQuery vurdu 399 00:19:39,677 --> 00:19:41,010 Armaghan BEHLUM: Çok birincisi. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Ya indir. 401 00:19:42,135 --> 00:19:42,650 Bu iyi. 402 00:19:42,650 --> 00:19:46,482 Soldaki indirme v1 ve v2 çarptı. 403 00:19:46,482 --> 00:19:49,190 Bu yüzden gelen jQuery açıklayan Senin gibi çevrimiçi muhtemelen yaptık. 404 00:19:49,190 --> 00:19:50,440 Aşağı kaydırın. 405 00:19:50,440 --> 00:19:51,260 Yukarı, yukarı. 406 00:19:51,260 --> 00:19:53,502 >> Armaghan BEHLUM: Oh, burada şimdi? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Ya o. 408 00:19:54,460 --> 00:19:54,960 Evet. 409 00:19:54,960 --> 00:20:00,150 Yani jQuery barındırılan bir versiyonu var hangi aslında yok demektir 410 00:20:00,150 --> 00:20:01,890 indirmeniz gerekir, ancak daha fazla konum 411 00:20:01,890 --> 00:20:07,734 indirmek için hoş geldiniz ve kendiniz ev sahipliği. 412 00:20:07,734 --> 00:20:08,650 Armaghan BEHLUM: Serin. 413 00:20:08,650 --> 00:20:09,566 Yani şimdi jQuery var. 414 00:20:09,566 --> 00:20:11,122 Şimdi ne yanında bizim yapmak listede var. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Başar. 416 00:20:12,080 --> 00:20:13,910 Yani biz ne gerek sonraki yapmak aslında ihtiyacımız olan 417 00:20:13,910 --> 00:20:17,750 p merhaba dünya bir kimlik vermek bu yüzden doğru, bunu değiştirebilirsiniz? 418 00:20:17,750 --> 00:20:24,514 Yani bir fikir vereyim, Ben metni değiştirmek, bilmiyorum? 419 00:20:24,514 --> 00:20:26,680 Armaghan BEHLUM: Sadece Let Bu şekilde yapmak, sanırım. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, serin. 421 00:20:28,013 --> 00:20:29,830 Ve şimdi sadece sayfayı yenileyin verelim. 422 00:20:29,830 --> 00:20:31,142 Her şeyin işleri olun. 423 00:20:31,142 --> 00:20:32,100 Yani geri tarayıcıda. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Serin. 426 00:20:36,922 --> 00:20:39,380 Her zaman iyi bir hatırlatma olduğunu Eğer bir web sitesi inşa ederken, 427 00:20:39,380 --> 00:20:44,450 muhtemelen yapmak her zaman yenilemek Herhangi biraz önemli bir değişiklik sadece 428 00:20:44,450 --> 00:20:47,993 Bazen senin yüzünden yanlışlıkla bir etiket damla, 429 00:20:47,993 --> 00:20:51,640 ya yanlışlıkla bir şey silmek, ve sonra, küçük bir şey kırmak 430 00:20:51,640 --> 00:20:55,880 ama sonra büyük bir değişiklik yaptığınızda Bu büyük değişim yaptım, neden gibisin 431 00:20:55,880 --> 00:20:57,910 görünüşte ilişkisiz bir şey kırmak. 432 00:20:57,910 --> 00:21:02,840 Yani bunun sıralamak için her zaman iyidir gidip bu mantıklı denetimleri yapmak. 433 00:21:02,840 --> 00:21:05,610 >> Neyse şimdi en yapalım Son bir sağlamlık denetimi, 434 00:21:05,610 --> 00:21:09,800 hangi bir üyenin değiştirmek için çalışalım Atılım Hareket olmadan metin, 435 00:21:09,800 --> 00:21:11,820 bir şey olmadan, sadece sayfa yük o olacak 436 00:21:11,820 --> 00:21:17,140 merhaba dünyayı değiştirmek hoşçakal jQuery kullanarak. 437 00:21:17,140 --> 00:21:21,400 JQuery ortaya hatırlıyorum Yani eğer Bu dolar işareti fonksiyonu, 438 00:21:21,400 --> 00:21:28,640 hangi biz CSS seçici geçebilir yani hashtag değişim metni, hangi 439 00:21:28,640 --> 00:21:31,590 elemanı ile seçer değişim metni bir kimlik. 440 00:21:31,590 --> 00:21:34,980 Ve sonra gidiyoruz yöntemi, HTML çağırmak için 441 00:21:34,980 --> 00:21:40,390 nesne üzerinde onunla döner bir dize veda, argüman olan 442 00:21:40,390 --> 00:21:45,600 öğeleri değişecek HTML veda etmek. 443 00:21:45,600 --> 00:21:46,210 Korku. 444 00:21:46,210 --> 00:21:48,790 Bu oldukça serin görünüyor. 445 00:21:48,790 --> 00:21:52,365 Ve şimdi biz yenilediğinizde biz görmek için gidiyoruz sayfa 446 00:21:52,365 --> 00:21:54,040 anında doğru, veda değiştirir? 447 00:21:54,040 --> 00:21:55,910 O bir şey beklemez çünkü. 448 00:21:55,910 --> 00:21:59,200 Sıralama kısa sürede bu komut olarak bu veda değiştirir çalışır. 449 00:21:59,200 --> 00:22:00,430 Serin. 450 00:22:00,430 --> 00:22:03,790 >> Peki şimdi en bir işlevi olduğunu sarın edelim. 451 00:22:03,790 --> 00:22:04,290 Sağ. 452 00:22:04,290 --> 00:22:06,270 Bu yüzden istediğiniz gidiyoruz Bir işlev yapmak. 453 00:22:06,270 --> 00:22:08,160 Biz veda arayacağım. 454 00:22:08,160 --> 00:22:11,570 Yani fonksiyon elveda Hiçbir argüman alacak 455 00:22:11,570 --> 00:22:14,170 ve gerçekten değil şey dönmek için gidiyoruz. 456 00:22:14,170 --> 00:22:18,850 Ve bu sadece gidiyor JavaScript bunu. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Mükemmel. 459 00:22:23,140 --> 00:22:27,000 Yani bizim işlevi elveda artık veda metin, doğru değiştirir? 460 00:22:27,000 --> 00:22:28,930 Yani bu bize bir yol verir temel olarak değişime 461 00:22:28,930 --> 00:22:32,871 güle güle zaman o metin biz bu fonksiyonu denir. 462 00:22:32,871 --> 00:22:33,370 Doğru? 463 00:22:33,370 --> 00:22:35,290 Yani bu oldukça serin. 464 00:22:35,290 --> 00:22:37,430 >> Armaghan BEHLUM: Peki, biz Ayrıca sadece emin olabilirsiniz 465 00:22:37,430 --> 00:22:41,040 biz aramıyoruz artık beri fonksiyonu, biz sayfayı yenileyin eğer, 466 00:22:41,040 --> 00:22:44,460 o gitmiyor fark Metni değiştirmek için. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Mükemmel. 468 00:22:45,509 --> 00:22:47,800 Yani şimdi biz başlatmak için gidiyoruz Bu Atılım şeyler almak için 469 00:22:47,800 --> 00:22:49,880 biz konuşuyorduk. 470 00:22:49,880 --> 00:22:52,240 Yani Armi, sen istiyorsun burada ya da onu almak? 471 00:22:52,240 --> 00:22:52,640 >> Armaghan BEHLUM: Evet. 472 00:22:52,640 --> 00:22:53,139 Tabii. 473 00:22:53,139 --> 00:22:56,260 Herhalde ihtiyacım gidiyorum Çift kontrol şeyler, 474 00:22:56,260 --> 00:22:58,250 ancak örneğin hatırlıyorum biz istedik dedi 475 00:22:58,250 --> 00:23:02,627 Seçenekler emin olmak için Biz hareketleri etkinleştirmek set 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: İyi yakalamak. 477 00:23:03,710 --> 00:23:06,250 Armaghan BEHLUM: true olmak. 478 00:23:06,250 --> 00:23:08,960 Ve sonra tavsiye edildi Siz istiyorsunuz ki 479 00:23:08,960 --> 00:23:12,230 run sıçrama nokta döngü, hangi Daha önce söylediğim gibi, 480 00:23:12,230 --> 00:23:18,140 iki seçenek, bir JSON nesnesi vardır İstediğiniz nasıl seçenekler olduğunu 481 00:23:18,140 --> 00:23:22,030 Atılım Hareketi yapılandırmak için bu iş, ve daha sonra bir işlev 482 00:23:22,030 --> 00:23:27,640 Bir geri arama gibi bir çerçeve yakalamak için gidiyor Tomas gibi işlev diyordu. 483 00:23:27,640 --> 00:23:30,470 Ve sonra ne istediğinizi düzenlemek Bu fonksiyonu ile yapmak. 484 00:23:30,470 --> 00:23:33,890 >> Yani biz geçmek seçeneği ve şimdi biz tanımlamak 485 00:23:33,890 --> 00:23:36,117 Bir çerçeve içinde alacak bir fonksiyon. 486 00:23:36,117 --> 00:23:38,200 Ve şimdi tanımlamak zorunda Bu fonksiyon ne. 487 00:23:38,200 --> 00:23:42,569 Bu uğruna da var gelecek, emin olmak için yapmak. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Mükemmel. 489 00:23:43,610 --> 00:23:45,940 Yani şimdi biz bu var sıçrama nokta döngü fonksiyonu 490 00:23:45,940 --> 00:23:52,420 temelde Leap izle diyor çağrı Bu seçenekler ve her zaman 491 00:23:52,420 --> 00:23:55,710 şey değişir, bu çağrı tüm verileri ile fonksiyonu çerçevesi 492 00:23:55,710 --> 00:23:59,510 Eğer çerçeve içinde farkında olduklarını. 493 00:23:59,510 --> 00:24:01,320 Oldukça iyi görünüyor. 494 00:24:01,320 --> 00:24:03,680 Şimdi hızlı aklı kontrol, Ben her zaman tavsiye, hangi 495 00:24:03,680 --> 00:24:07,020 bu sadece koymak olduğunu Konsol nokta günlük çerçeve. 496 00:24:07,020 --> 00:24:10,320 Ve sonra Chrome'da açın ve yukarı konsolda bakmak 497 00:24:10,320 --> 00:24:13,870 ve görmek için Leap ile oynamak çerçeveler bu irade, çünkü günlüğe 498 00:24:13,870 --> 00:24:16,300 size bir fikir ne olsun verileri erişebilirsiniz. 499 00:24:16,300 --> 00:24:20,680 Ve her zaman olduğu gibi size karışık alırsanız API başvuru bakmak. 500 00:24:20,680 --> 00:24:23,430 Ve biz bağlantıyı ekleyeceğiz Bu sonunda bunun için. 501 00:24:23,430 --> 00:24:26,300 >> Armaghan BEHLUM: Yani biz Daha sonra sayfayı yenileyin ve 502 00:24:26,300 --> 00:24:28,880 Gidip tekrar konsolu açın. 503 00:24:28,880 --> 00:24:33,590 Ve şimdi biz olduğumuzu fark geçirilen kare olan, 504 00:24:33,590 --> 00:24:37,834 Bu küçük nesneleri daha önce gördük. 505 00:24:37,834 --> 00:24:38,690 Yani evet. 506 00:24:38,690 --> 00:24:42,870 Bunlar bizim çerçeveler vardır konsolunda gösteren. 507 00:24:42,870 --> 00:24:43,370 Serin. 508 00:24:43,370 --> 00:24:46,970 >> Şimdi biz yakaladı ettik çerçeveler, gibi daha önce hatırlıyorum olabilir 509 00:24:46,970 --> 00:24:51,800 , biz bu örnekteki Biz çerçeve nokta jestleri kontrol ederseniz 510 00:24:51,800 --> 00:24:56,270 Biz jestleri listesini olsun çerçeve en son yakaladı. 511 00:24:56,270 --> 00:25:01,510 Biz bu dizinin uzunluğunu kontrol edebilirsiniz Atılım herhangi bir jest yakaladı olmadığını görmek için. 512 00:25:01,510 --> 00:25:05,010 Bu dizi Yani eğer sıfırdan büyük sonra 513 00:25:05,010 --> 00:25:07,570 Yapmamız gereken bazı şeyler olduğunu biliyorum. 514 00:25:07,570 --> 00:25:15,040 >> Yani bir if koşulu o kadar tamamlamayı izin ve şimdi burada biz biliyoruz ne olduğunu 515 00:25:15,040 --> 00:25:20,390 Bir jest gördük, en üzerinde hareket edelim. 516 00:25:20,390 --> 00:25:25,721 Yani şimdi biz buradayız biz kontrol etmek için bir jest var. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Peki, ilk şey, sadece bir jest değil ise 518 00:25:28,470 --> 00:25:29,840 o kadar çok jestleri olabilir. 519 00:25:29,840 --> 00:25:30,964 >> Armaghan BEHLUM: Çok doğru. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: başına Yani Burada klasik C tarzı 521 00:25:33,340 --> 00:25:36,334 biz muhtemelen bir döngü için kullanmak isteyeceksiniz. 522 00:25:36,334 --> 00:25:37,750 Armaghan BEHLUM: İşte daha sonra. 523 00:25:37,750 --> 00:25:42,870 Biz yineleme kararı jestler yoluyla. 524 00:25:42,870 --> 00:25:46,412 Ve bakalım. 525 00:25:46,412 --> 00:25:49,380 Ben artı, artı. 526 00:25:49,380 --> 00:25:56,150 Ve şimdi, belki yaptıysanız Sadece bir jest var eşittir 527 00:25:56,150 --> 00:26:01,210 Çerçeve nokta hareketleri braket i, şimdi var 528 00:26:01,210 --> 00:26:06,260 sadece biridir jest kendisi, Bir jest nesnesinin tek örneği 529 00:26:06,260 --> 00:26:10,582 Bize çalışmak için döngüsü için bu içinde. 530 00:26:10,582 --> 00:26:12,869 Tamam. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Hadi aklı Burada tekrar kontrol edin ve sadece konsol 532 00:26:15,410 --> 00:26:17,370 nokta biz ne elde görmek için jest yapın. 533 00:26:17,370 --> 00:26:19,410 >> Armaghan BEHLUM: Konsol nokta günlük jest. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Tamam, tamam. 536 00:26:23,780 --> 00:26:26,250 Ve bir kez daha yenileyin. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS REIMERS: Ve gelelim Bir jest yapmayı deneyin. 538 00:26:30,030 --> 00:26:34,600 Bir demet görürsünüz , o zaman geçirdiğinde, 539 00:26:34,600 --> 00:26:39,780 Eğer mimikleri bir demet olsun Konsol ve o bir daire yapmak için çalışırsa, 540 00:26:39,780 --> 00:26:40,470 sadece-- 541 00:26:40,470 --> 00:26:41,750 >> Armaghan BEHLUM: Çemberler Sadece gerçekten güzel. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Şimdi garip bir şey var Burada, o bir daire yapıyor, hangi 543 00:26:45,000 --> 00:26:48,730 ama bu doğru, 80 jestler giriş nedir? 544 00:26:48,730 --> 00:26:50,070 Bu jestler bir sürü. 545 00:26:50,070 --> 00:26:53,560 Yani bir şey olanlar Sıralama gerçekleştirmek ve bu kafa karıştırıcı olabilir, 546 00:26:53,560 --> 00:26:57,050 Bir jest olduğunu sadece bir kez kaydedilir edilmez. 547 00:26:57,050 --> 00:27:01,107 >> Her karede sağ, Ben bir daire yapıyorum eğer öyleyse 548 00:27:01,107 --> 00:27:02,940 Atılım Bu algılar Bir değişiklik bundan, bir 549 00:27:02,940 --> 00:27:04,398 Bu bir değişimdir bir değişiklik vardır. 550 00:27:04,398 --> 00:27:05,970 Ve bunların her biri oturum olacaktır. 551 00:27:05,970 --> 00:27:08,200 Ancak bu, her biri, o, oh, demek oluyor 552 00:27:08,200 --> 00:27:10,050 Bir jest halen devam var. 553 00:27:10,050 --> 00:27:14,260 Yani, hey, bir var, bana sadece diyelim jest ve şu anda devam bulunuyor. 554 00:27:14,260 --> 00:27:17,000 Yani biz istemiyoruz ne yapmak, her birinde, ah, demek 555 00:27:17,000 --> 00:27:19,370 Bu jestleri size Metni değiştirmek istiyorum. 556 00:27:19,370 --> 00:27:23,660 Ne yapmak istediğinizde bu jest durur, ve biz bunun için kontrol edebilirsiniz, 557 00:27:23,660 --> 00:27:24,974 sonra metni değiştirmek istiyoruz. 558 00:27:24,974 --> 00:27:25,890 Armaghan BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Tomas gibi Yani Bu hareketleri açıklayan 560 00:27:30,550 --> 00:27:33,580 birden aracılığıyla görünebilir Çerçeve, ancak örneğin, 561 00:27:33,580 --> 00:27:36,200 biz yapıyorduk Bu daire, biz görebilirsiniz 562 00:27:36,200 --> 00:27:40,140 o biri için kimlik Tek daire biz 563 00:27:40,140 --> 00:27:43,950 tamamlamak için çalışıyor olabilir Aynı kimlik boyunca oldu. 564 00:27:43,950 --> 00:27:46,320 Ve aslında, siz de yapabilirsiniz durumunu kontrol edin. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 güncellendi. 567 00:27:50,270 --> 00:27:55,680 >> Ve sonra bu muhtemelen Son daire ki, ah, iyi, tamam. 568 00:27:55,680 --> 00:28:00,480 Yani bazen gösterir bir Bir jest durdurma durumu 569 00:28:00,480 --> 00:28:04,180 ve aynı zamanda size durumunu gösterir Yeni bir jest zaman başlıyor 570 00:28:04,180 --> 00:28:09,140 o kesin kabul Yeni bir jest başladım. 571 00:28:09,140 --> 00:28:10,637 Bu durumda, örneğin. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Serin. 573 00:28:11,470 --> 00:28:12,511 Armaghan BEHLUM: Yani evet. 574 00:28:12,511 --> 00:28:14,420 Ve sonra, bakalım. 575 00:28:14,420 --> 00:28:16,490 Ayrıca fark edebilirsiniz Biz kazanıyorduk ama 576 00:28:16,490 --> 00:28:22,179 Bir daire ve jest alan denilen türü vardır 577 00:28:22,179 --> 00:28:23,970 söyler ne tür hareketin olmasıdır. 578 00:28:23,970 --> 00:28:27,829 Yani bizim için yararlı olabilir Eğer denemek ve biz ne yapıyoruz yapmak. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Yani JS geri geçiş, 580 00:28:29,620 --> 00:28:31,696 Bana gelen ilk şey Ayrıca, sadece bu kod aracılığıyla okuma 581 00:28:31,696 --> 00:28:34,340 küçük bir optimizasyon var olduğu hangi biz aslında 582 00:28:34,340 --> 00:28:35,980 Doğru, durumu varsa bu ihtiyacın yok mu? 583 00:28:35,980 --> 00:28:39,330 Çerçeve nokta jestleri dot Çünkü eğer uzunluk döngü en sıfır, yani 584 00:28:39,330 --> 00:28:40,450 Zaten çalıştırmak için gitmiyor. 585 00:28:40,450 --> 00:28:43,100 Yani biz de sadece gidebilir önde ve kurtulmak. 586 00:28:43,100 --> 00:28:46,620 Yine, kod yazarken yaparken geri ve sıralama gitmek için önemlidir 587 00:28:46,620 --> 00:28:50,330 Refactor ve size fark olarak daha iyi bir şey yapmış olabilir, 588 00:28:50,330 --> 00:28:53,370 ya da yapmak için başka bir yolu olduğunu. 589 00:28:53,370 --> 00:28:57,170 Yani şimdi biz sadece bu temizlemek için gidiyoruz yukarı hızlı ve aynı zamanda kodunuzu temizlemek. 590 00:28:57,170 --> 00:28:58,310 Bu büyük bir anlaşma. 591 00:28:58,310 --> 00:28:59,870 >> Armaghan BEHLUM: İyi tarzı çok takdir edilmektedir. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: You can her zaman söylemek birisi 593 00:29:01,828 --> 00:29:05,240 eğer bir olması kullanılan kod vardır durumu ve daha sonra bunu kaldırıldı, 594 00:29:05,240 --> 00:29:07,530 ama onlar bunu uncomment vermedi. 595 00:29:07,530 --> 00:29:10,147 Çok açıktır ve bu tür çirkin görünüyor. 596 00:29:10,147 --> 00:29:12,230 Armaghan BEHLUM: Peki ne sonraki kızımız listeye yapmalı? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Şimdi biz diyordun gibi, Ben yapmak istediğim ilk şey sanırım 598 00:29:15,479 --> 00:29:17,970 o jest en emin olun olduğunu aslında bir tokatlamak, değil mi? 599 00:29:17,970 --> 00:29:18,270 >> Armaghan BEHLUM: Evet. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Biz söylüyorsun Yani eğer Bizim veda tür bir tokatlamak gibi 601 00:29:21,750 --> 00:29:25,280 Bir tokatlamak var biz, gidersiniz hey, söylemek gereken ilk şey, 602 00:29:25,280 --> 00:29:27,410 jest, doğru bir tokatlamak yazın mı? 603 00:29:27,410 --> 00:29:30,860 Değil bir daire veya bir üst, ama bir manyetik mi? 604 00:29:30,860 --> 00:29:34,280 Bu arada Yani biz bunu yapabilirsiniz Biz jest diyebiliriz edilir 605 00:29:34,280 --> 00:29:38,530 bir dize olarak nokta tipi eşit eşit tokatlamak. 606 00:29:38,530 --> 00:29:44,030 >> Armaghan BEHLUM: [duyulamaz] jest nokta tipi eşittir tokatlamak eşittir. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Biz bulunmaktadır. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Ve Daha sonra son soru 610 00:29:49,438 --> 00:29:53,170 biz görmek jest nokta olduğunu istiyorum Devlet, eşit, eşit durağı, değil mi? 611 00:29:53,170 --> 00:29:55,860 Yani ne zaman jest durduruldu oldu. 612 00:29:55,860 --> 00:29:58,490 Aslında ben, tokatlamak için düşünüyorum Kafamın üst kapalı bu biliyorum, 613 00:29:58,490 --> 00:30:00,340 ama için buyrun zaman, onu aramak 614 00:30:00,340 --> 00:30:05,627 onu kaydeder her zaman tokatlamak durdurmak kadar bir başlangıç ​​jest. 615 00:30:05,627 --> 00:30:07,460 Ve ardından son kişinin sadece bir durak jest. 616 00:30:07,460 --> 00:30:11,090 Yani sadece bir durak olacak Bizim için büyük jest. 617 00:30:11,090 --> 00:30:17,180 Peki ne yapabiliriz jest nokta olmadığını söylemek olduğunu eşit, eşit tokatlamak ve jest nokta yazın 618 00:30:17,180 --> 00:30:19,950 eşit, eşit statü en sonra izin durdurmak aklı 619 00:30:19,950 --> 00:30:21,725 Burada kontrol nokta günlük hareketi teselli. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Yani biz burada geri gidersiniz. 622 00:30:30,790 --> 00:30:33,570 Biz sayfayı yenileyin edeceğiz. 623 00:30:33,570 --> 00:30:38,380 Ve şimdi sadece zaman bir şey olmalı Biz tokatlamak günlüğe olmak konsol nokta olduğunu. 624 00:30:38,380 --> 00:30:40,780 Ve biz tokatlamak için çalışacağız ve biz hiçbir şey görüyoruz. 625 00:30:40,780 --> 00:30:41,280 Doğru? 626 00:30:41,280 --> 00:30:43,990 Yani bu aslında büyük bir sorun olduğunu. 627 00:30:43,990 --> 00:30:47,560 Biz bekleniyor ne görmüyoruz. 628 00:30:47,560 --> 00:30:49,356 Ve hata ayıklama bu büyük bir parçası olabilir. 629 00:30:49,356 --> 00:30:51,980 İlk şey yüzden gidiyoruz Tamam, en nokta teselli edelim söylemek 630 00:30:51,980 --> 00:30:54,568 jest nokta eğer log eşit, eşit tokatlamak yazın. 631 00:30:54,568 --> 00:30:56,109 Armaghan BEHLUM: Evet, hadi yapalım. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Yani sen geri bu gidecek. 634 00:31:02,020 --> 00:31:03,140 Biz yenilemek gerekir. 635 00:31:03,140 --> 00:31:04,020 Biz tokatlamak edeceğiz. 636 00:31:04,020 --> 00:31:05,150 Ve biz onları bir demet görmek için gidiyoruz. 637 00:31:05,150 --> 00:31:05,650 TAMAM MI. 638 00:31:05,650 --> 00:31:08,710 Yani açıkça sorun oldu Bizim jest nokta durumu ile. 639 00:31:08,710 --> 00:31:14,000 Biz bunlardan birini açarsanız yaparız yüzden nesneleri bakmak ve biz göreceğiz, 640 00:31:14,000 --> 00:31:18,700 iyi, oh, bir durak değil, ama, değil durum, devlet denir. 641 00:31:18,700 --> 00:31:21,890 Biz geri baş Yani eğer Bizim kod diyebiliriz 642 00:31:21,890 --> 00:31:27,780 eğer jest nokta tipi eşit eşit tokatlamak ve jest nokta devlet, eşit, eşit durdurma, 643 00:31:27,780 --> 00:31:29,160 o zaman nokta teselli bunu oturum olacak. 644 00:31:29,160 --> 00:31:30,940 Ve böylece yenileyin. 645 00:31:30,940 --> 00:31:31,856 Biz kaydırın. 646 00:31:31,856 --> 00:31:33,730 Ve biz bu konuda görürsünüz Her tokatlamak, biz konum sadece 647 00:31:33,730 --> 00:31:36,247 olan bir elde harika sonu, değil mi? 648 00:31:36,247 --> 00:31:37,080 İşte bizim istediğimiz buydu. 649 00:31:37,080 --> 00:31:37,955 >> Armaghan BEHLUM: Evet. 650 00:31:37,955 --> 00:31:42,640 Ve biz de fark olduğunu kimlikleri için Bu jestler her ayrıdır. 651 00:31:42,640 --> 00:31:47,470 Biz çünkü Tomas diyordu Yani Bu bir durak durumunu yakalamak olduğunu 652 00:31:47,470 --> 00:31:52,850 Bir tokatlamak sonunda var, biz konum Bireysel ayrı hareketlerini alıyorum 653 00:31:52,850 --> 00:31:54,441 Atılım Hareketi adlı. 654 00:31:54,441 --> 00:31:54,940 Büyük. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: en önde gidelim ve Sadece, bir son şey, yapmak 657 00:32:03,040 --> 00:32:04,826 >> Armaghan BEHLUM: Güle güle. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Başar. 659 00:32:06,425 --> 00:32:08,925 Ve şimdi en sitemizi kontrol edelim. 660 00:32:08,925 --> 00:32:09,425 Bir 661 00:32:09,425 --> 00:32:09,730 >> Armaghan BEHLUM: İkinci. 662 00:32:09,730 --> 00:32:11,271 Biz, evet, biz hoşçakal dedin mi. 663 00:32:11,271 --> 00:32:11,920 Büyük. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Hayır, Goodbye Gerçek bir fonksiyonudur. 665 00:32:13,490 --> 00:32:14,406 >> Armaghan BEHLUM: Evet. 666 00:32:14,406 --> 00:32:15,670 En yapalım. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Ve biz elveda dalga, o veda diyor. 668 00:32:20,566 --> 00:32:22,360 >> Armaghan BEHLUM: Biz zafer var. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: Yani oldukça heyecan verici şeyler. 670 00:32:25,632 --> 00:32:28,590 Umarım bir şey inşa edebilirsiniz Başka, ama sen doğru, fikir olsun? 671 00:32:28,590 --> 00:32:30,260 Siz jestler algılayabilir. 672 00:32:30,260 --> 00:32:31,469 Siz işlevleri çağırabilirsiniz. 673 00:32:31,469 --> 00:32:34,510 Ve bu gerçekten size verir o bazı çok temel yapı taşları 674 00:32:34,510 --> 00:32:38,800 onlar tokatlamak, belki zaman, oh, demek, Ayrıca şeyler algılayabilir çünkü 675 00:32:38,800 --> 00:32:39,674 gibi yön. 676 00:32:39,674 --> 00:32:40,840 Onları bir şeyler yapmak istiyorum. 677 00:32:40,840 --> 00:32:43,470 Ya da sağa kaydırın zaman, ben Onları bir şeyler yapmak istiyorum. 678 00:32:43,470 --> 00:32:45,880 Ve biz almak başlayabilirsiniz tam olarak nasıl yaratıcı 679 00:32:45,880 --> 00:32:48,840 Biz web sitemizi geliştirmek için gidiyoruz Bu tokatlamak hareketlerini veya daire kullanarak 680 00:32:48,840 --> 00:32:53,695 jestleri, ya da musluk hareketleri, Ya musluklar veya ekran musluklar tuşuna basın. 681 00:32:53,695 --> 00:32:56,070 Ve sen daha sonra diğer Hoş Geldiniz daha oynamak 682 00:32:56,070 --> 00:32:59,640 Gerçek verilerle, ama yapmak istiyorsanız 683 00:32:59,640 --> 00:33:03,870 biz dokümanlar gitmek öneririm aslında gerçekten iyi çünkü. 684 00:33:03,870 --> 00:33:05,034 Yani şimdi dokümanlar yöneldi. 685 00:33:05,034 --> 00:33:06,450 Yoksa bu konuda konuşmak istiyorsun? 686 00:33:06,450 --> 00:33:06,940 >> Armaghan BEHLUM: Evet. 687 00:33:06,940 --> 00:33:07,920 En yapalım. 688 00:33:07,920 --> 00:33:13,680 Ayrıca tavsiye bir başka çerez, deneyin ve 3D bu sizce. 689 00:33:13,680 --> 00:33:22,611 Yani aslında en bu hareketleri yukarı çekin izin bir kez daha konsolu nokta günlük jest 690 00:33:22,611 --> 00:33:24,290 ve biz bunu. 691 00:33:24,290 --> 00:33:29,460 En bir deneyelim şimdi geri gel ve Bu çift, bu çift. 692 00:33:29,460 --> 00:33:32,940 >> Biz gidip check out de bu jestleri 693 00:33:32,940 --> 00:33:36,830 Bunu gördüğünüz gibi Onlar boyutluluk konum 694 00:33:36,830 --> 00:33:38,980 Aslında, üç yönde olduğunu. 695 00:33:38,980 --> 00:33:42,500 Dolayısıyla, sadece sınırı yok 2B ekrana kendinizi 696 00:33:42,500 --> 00:33:45,200 bile olabilir ama 2D web sitesinde olacak. 697 00:33:45,200 --> 00:33:49,152 Sen denemek ve nasıl bir kullanıcı düşünebilirsiniz 3D web sitesi ile etkileşim olabilir. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: 3D Uzayda. 699 00:33:50,360 --> 00:33:51,401 Armaghan BEHLUM: Kesinlikle. 700 00:33:51,401 --> 00:33:52,310 Ve evet. 701 00:33:52,310 --> 00:33:55,350 Yani, yön, hızları olsun tüm bilgileri bu serin bit. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: Ve sen eğer değil Bu aşina, bu x, y gider, 703 00:33:58,890 --> 00:34:01,566 ve ardından z bu son boyuttur. 704 00:34:01,566 --> 00:34:04,690 Eğer muhtemelen sadece bir şey Eğer 3D ele ettik aşina 705 00:34:04,690 --> 00:34:05,731 önce uçakları koordinat. 706 00:34:05,731 --> 00:34:09,565 Eğer değil varsa, bir 2D aynıdır biri dışında üçüncü boyut var. 707 00:34:09,565 --> 00:34:11,420 Biz z diyoruz. 708 00:34:11,420 --> 00:34:16,449 Ve her şey, tür gibi gidiyor nerede yön, 709 00:34:16,449 --> 00:34:19,810 pozisyonumuzdan ben bile olabilir düşünüyorum ivme maruz, emin değilim. 710 00:34:19,810 --> 00:34:21,341 >> Armaghan BEHLUM: Evet, ben inanıyorum. 711 00:34:21,341 --> 00:34:22,340 Kesinlikle hızına sahip. 712 00:34:22,340 --> 00:34:25,699 Aslında% 100 değilim hızlanma konusunda emin. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Bu bir seçenek olabilir Eğer bir şey için geçebilir. 714 00:34:28,810 --> 00:34:33,409 Yani pozisyon ve hız maruz Üç koordinatların bu tür. 715 00:34:33,409 --> 00:34:38,812 Bu yüzden, X, Y, Z veya delta x delta y, ö z. 716 00:34:38,812 --> 00:34:44,130 Yani şimdi belgelerine başlı o developer.leapmotion.com var 717 00:34:44,130 --> 00:34:46,460 ve sonra Dokümantasyon tıklayabilirsiniz. 718 00:34:46,460 --> 00:34:50,010 Yine, Leap Motion tüm bu vardır harika API'ler, JavaScript için bir, 719 00:34:50,010 --> 00:34:53,750 C Sharp ve Birlik için, bir için bir C ++, Java, bir Python için on, 720 00:34:53,750 --> 00:34:59,020 Amaç C ve bir ben şahsen JavaScript doğru itmek istiyorum 721 00:34:59,020 --> 00:35:01,280 veya bir öğrenmek istiyorsanız Yeni dil, Python deneyin. 722 00:35:01,280 --> 00:35:05,910 Ben birlikte çalıştığım bu dillerin her ikisi önce ve öğrenmek için gerçekten kolay konum 723 00:35:05,910 --> 00:35:10,250 ve zaten JavaScript, biliyorum ki o gerçekten iyi bir rakip yapar. 724 00:35:10,250 --> 00:35:12,930 Dikkatli >> Bir kelime zaman dokümanları girin. 725 00:35:12,930 --> 00:35:15,940 Eğer Dokümanlar v2.0 olduğunuzdan emin olun. 726 00:35:15,940 --> 00:35:20,250 Eğer iseniz Çünkü Sürüm biri işe yaramaz. 727 00:35:20,250 --> 00:35:21,830 Ayrıca, örneğin galerisi için. 728 00:35:21,830 --> 00:35:25,100 Biz iyi bir 30 dakika geçirdi hata ayıklama bizim Atılım çalışıyor 729 00:35:25,100 --> 00:35:28,640 biz fark önce V1 V2 ile çalışmaz. 730 00:35:28,640 --> 00:35:31,660 Yani sadece sürüm iki olduğunuzdan emin olun. 731 00:35:31,660 --> 00:35:33,904 Ve sonra ben ona izin edeceğiz dokümanlarınızı gösterir. 732 00:35:33,904 --> 00:35:34,820 Armaghan BEHLUM: Evet. 733 00:35:34,820 --> 00:35:39,480 Yani burada o API genel bakış ve var Bazı bit ve bilgi parçaları 734 00:35:39,480 --> 00:35:41,420 biz zaten söyledim. 735 00:35:41,420 --> 00:35:44,270 Güzel küçük kayan Bir Atılım Hareketi yukarıda eller. 736 00:35:44,270 --> 00:35:47,850 Ve bir hatırlatma düşünmek 3D uzay hakkında. 737 00:35:47,850 --> 00:35:53,140 Düşünmek ilk nesnelerden biri Atılım Hareket elbette, elleri. 738 00:35:53,140 --> 00:35:57,060 Biz bu kabul gördü Görüntüleyicinin tarafından. 739 00:35:57,060 --> 00:35:59,180 Ve sonra olabilir o kabul görülmektedir 740 00:35:59,180 --> 00:36:03,202 el bileği ve parçası onunla ilişkili kol. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Eğer isterseniz Visualizer yukarı çekin. 742 00:36:05,410 --> 00:36:07,190 Armaghan BEHLUM: Evet, Tekrar yapalım. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Her zaman, görebilirsiniz Sadece iyi bir hatırlatma çeşit, görmek için 744 00:36:10,148 --> 00:36:14,060 Görüntüleyici göstermeye çalışır Atılım gördüğü tüm verileri. 745 00:36:14,060 --> 00:36:17,606 Yani biz görürsünüz dört puan bu tür 746 00:36:17,606 --> 00:36:19,230 el bileği ve daha sonra gerçek bileğinden. 747 00:36:19,230 --> 00:36:21,625 Ve ayrıca avuç bu topu var. 748 00:36:21,625 --> 00:36:24,000 Tüm bu noktaları sıçrama tarafından tanınan tanımak. 749 00:36:24,000 --> 00:36:25,041 >> Armaghan BEHLUM: Kesinlikle. 750 00:36:25,041 --> 00:36:32,300 Ve bu el nesne ile çok Her kare bir el dizi vardır 751 00:36:32,300 --> 00:36:36,470 yanı sıra da nereden bulabilirim Sol ve sağ elleri. 752 00:36:36,470 --> 00:36:39,410 Alacağınız hangi yön eller 753 00:36:39,410 --> 00:36:42,410 Normal ile karşı karşıya avuç yönü, 754 00:36:42,410 --> 00:36:45,470 veya normal hurma seslenmek o. 755 00:36:45,470 --> 00:36:46,510 Başka ne var? 756 00:36:46,510 --> 00:36:48,120 Biz de, ayy. 757 00:36:48,120 --> 00:36:50,640 Denemek ve bu şekilde aşağı kaydırın edelim. 758 00:36:50,640 --> 00:36:54,410 kollar, parmaklar vardır parmak ile temsil edilen 759 00:36:54,410 --> 00:36:57,890 bir pointable nesne sınıfı. 760 00:36:57,890 --> 00:37:01,420 Diyorduk gibi Yani, biz gördük Her el için pointables dizisi. 761 00:37:01,420 --> 00:37:04,240 O küçük olan parmak düşünmek. 762 00:37:04,240 --> 00:37:09,809 Yani bu gitmek için iyi bir bakış niteliğindedir ile denemek ve anlamak için. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [Duyulmaz] Orada el anatomisi kadar. 764 00:37:11,850 --> 00:37:13,680 Armaghan BEHLUM: Evet, kesinlikle. 765 00:37:13,680 --> 00:37:14,220 Yani evet. 766 00:37:14,220 --> 00:37:18,150 Ham verilerin bir sürü var ki Leap Motion iyi yorumladığı alır 767 00:37:18,150 --> 00:37:20,750 Sizin için, yani bir harika Fikir buradan gitmek 768 00:37:20,750 --> 00:37:25,300 ve denemek ve Atılım sahip anlamaya zaten sizin için bir şeyler anladım 769 00:37:25,300 --> 00:37:28,830 ve böylece hangi bilgilerin size Oradan mevcuttur. 770 00:37:28,830 --> 00:37:33,150 Ve oradan ben tavsiye ederim Burada bu sol bölüme girecek, 771 00:37:33,150 --> 00:37:39,210 hangi iyi aslında hayır, olanlardır, gider about-- aslında sadece daha fazla API şeyler 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: API referans alt genellikle gitmek için iyi bir yerdir. 773 00:37:42,670 --> 00:37:45,720 Siz muhtemelen bu gördüm Google Maps Pset yaptım. 774 00:37:45,720 --> 00:37:48,590 Ama referans gerçekten sadece tüm geçer 775 00:37:48,590 --> 00:37:54,540 fonksiyonları ve parametrelerin Size nesne mevcut. 776 00:37:54,540 --> 00:37:55,500 >> Armaghan BEHLUM: Evet. 777 00:37:55,500 --> 00:37:57,740 Örneğin, bu ne olduğu Ben daha önce arıyordu. 778 00:37:57,740 --> 00:38:01,030 Biz el biz sahip olduğunda gidin ve anlamaya 779 00:38:01,030 --> 00:38:03,750 nasıl Atılım önerir Bize bir el bulmak için. 780 00:38:03,750 --> 00:38:06,080 Sanki, daha önce söylediğim Biz eller dizi var. 781 00:38:06,080 --> 00:38:10,340 Biz eller varsa öğrenin ve Sonra denemek ve bir tek elini kapmak 782 00:38:10,340 --> 00:38:12,410 bu şekilde etkileşim. 783 00:38:12,410 --> 00:38:16,540 Yani bu ne Eğer çocuklar için önerilir. 784 00:38:16,540 --> 00:38:18,400 jestleri ve malzeme de. 785 00:38:18,400 --> 00:38:23,857 Bu API belgeleri gidiyor Sizin için harika bir araç olabilir. 786 00:38:23,857 --> 00:38:25,440 Başka öneriler var mı? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: I do not. 788 00:38:26,398 --> 00:38:27,590 Ben şimdi iyi olduğunu düşünüyorum. 789 00:38:27,590 --> 00:38:29,340 >> Armaghan BEHLUM: Evet, Öyle de düşünüyorum. 790 00:38:29,340 --> 00:38:33,330 Bize e-posta çekinmeyin ve almak Atılım Motion hakkında temas 791 00:38:33,330 --> 00:38:36,210 Belki herhangi bir sorun yaşıyorsanız ya da herhangi bir öneriler gerekir. 792 00:38:36,210 --> 00:38:40,310 Ve biz denemek ve malzeme anlamaya de sizinle dışarı. 793 00:38:40,310 --> 00:38:40,810 Teşekkür ederim. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Büyük. 795 00:38:42,360 --> 00:38:42,880