1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS REIMERS: Spoko. 3 00:00:11,965 --> 00:00:13,230 Więc cześć wszystkim. 4 00:00:13,230 --> 00:00:14,300 Nazywam się Tomasz. 5 00:00:14,300 --> 00:00:15,744 Jestem TF i to jest 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Miło was zobaczyć. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Spoko. 9 00:00:18,470 --> 00:00:20,740 Więc będziemy rozmawiać o Leap Motion dziś. 10 00:00:20,740 --> 00:00:22,800 Więc Leap Motion jest naprawdę fajny produkt, który 11 00:00:22,800 --> 00:00:25,900 pozwala na interakcję z Komputer w inny sposób. 12 00:00:25,900 --> 00:00:28,560 Więc cała idea Leap Motion to ty 13 00:00:28,560 --> 00:00:31,430 może używać rąk do interakcję z komputerem. 14 00:00:31,430 --> 00:00:33,610 Więc tutaj mam coś ustawić. 15 00:00:33,610 --> 00:00:34,790 Porozmawiamy o tym za chwilę. 16 00:00:34,790 --> 00:00:37,540 Ale podstawowa wersja to można zobaczyć, że mam ręce przed 17 00:00:37,540 --> 00:00:42,840 z mojego komputera, a kiedy je przenieść, masz na komputerze analogowe 18 00:00:42,840 --> 00:00:44,170 i można analizować tego. 19 00:00:44,170 --> 00:00:46,230 Możesz zrobić gesty. 20 00:00:46,230 --> 00:00:49,176 Możesz używać rąk do interakcję z komputerem 21 00:00:49,176 --> 00:00:50,300 w nowy i ciekawy sposób. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Cóż, tak naprawdę pierwszy Aby przejść się do Armi 24 00:00:57,520 --> 00:01:00,400 pokazać jakieś fajne dema co niektórzy ludzie zrobili z tym. 25 00:01:00,400 --> 00:01:02,816 A potem będziemy rozmawiać o tym, jak faktycznie kod z tym. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Tak. 27 00:01:04,800 --> 00:01:05,300 Witam. 28 00:01:05,300 --> 00:01:08,870 Tak jak widzieliśmy, trochę Dane tutaj, ale zobaczymy 29 00:01:08,870 --> 00:01:11,680 co niektórzy ludzie zrobili z tym. 30 00:01:11,680 --> 00:01:15,130 Więc pozwól mi wystarczy otworzyć ten przykład. 31 00:01:15,130 --> 00:01:20,770 A potem, tak, na przykład, można zobaczyć moja ręka nie analogowe, ale teraz ten czas 32 00:01:20,770 --> 00:01:26,680 niektórzy mają osoby korzystające z Unity postanowił umieścić trochę więcej skóry 33 00:01:26,680 --> 00:01:28,670 i rzeczy wokół dłoni. 34 00:01:28,670 --> 00:01:35,900 Mogę więc, chodźmy z tym jednym, Oczywiście, mam ręce interakcji. 35 00:01:35,900 --> 00:01:41,050 I można sobie wyobrazić Kilka innych fajnych przydatnych rzeczy 36 00:01:41,050 --> 00:01:42,840 że można z tym zrobić. 37 00:01:42,840 --> 00:01:45,530 Tak, to przynajmniej jeden z przykładów. 38 00:01:45,530 --> 00:01:48,910 A potem niech wyskoczyć z tego. 39 00:01:48,910 --> 00:01:56,590 >> A potem kolejny fajny jest, chodźmy z tego. 40 00:01:56,590 --> 00:01:58,390 Plasmo piłkę. 41 00:01:58,390 --> 00:02:03,510 Ponownie, nie koniecznie spodziewać tego poziomu złożoności 42 00:02:03,510 --> 00:02:06,450 z ostatecznym projektem CS50. 43 00:02:06,450 --> 00:02:10,029 To jest po prostu pokazać, niektórzy, ci faceci 44 00:02:10,029 --> 00:02:14,570 Inspiracją dla tego, co mało Chłopaki można zrobić z Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Tak na przykład tutaj jest fajne Przykładem fizyki, których nie idziemy. 46 00:02:20,500 --> 00:02:24,305 Ma obie ręce, więc teraz mają tę piłeczkę w osoczu. 47 00:02:24,305 --> 00:02:31,030 A piłka reaguje na fizyce mnie porusza moją dłoń wokół piłki. 48 00:02:31,030 --> 00:02:36,920 Teraz to wszystko, choć przy użyciu Unity, za pomocą narzędzi typu i ram 49 00:02:36,920 --> 00:02:39,510 że nie nauczyły chłopaki w klasie, 50 00:02:39,510 --> 00:02:46,590 ale jak widać niektóre dość fajne prowadzony through z tym. 51 00:02:46,590 --> 00:02:51,750 >> Ale jedna rzecz, że chłopaki mogą zrobić zaczynając od teraz z Leap Motion 52 00:02:51,750 --> 00:02:53,260 jest praca w JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion ma API JavaScript, który Chłopaki można używać, a my bardzo, bardzo 54 00:02:58,960 --> 00:03:02,040 Polecam, że chłopaki budować Twoje projekty wykorzystujące że. 55 00:03:02,040 --> 00:03:04,350 Więc z tym, niech mnie przekazać go wyłączyć, aby Tomas 56 00:03:04,350 --> 00:03:06,582 mówić o Leap Projekt i JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Spoko. 58 00:03:07,415 --> 00:03:09,230 Albo chcesz pokazać im Visualizer pierwszy? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: O tak. 60 00:03:09,670 --> 00:03:10,170 Tak. 61 00:03:10,170 --> 00:03:11,900 Porozmawiajmy więcej o tym rzutnika. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Więc na najbardziej podstawowe poziom, gdy po raz pierwszy dostać się do Leap Motion 63 00:03:14,983 --> 00:03:16,940 będziesz mieć to pole. 64 00:03:16,940 --> 00:03:18,330 Tu, chce mi się przejąć kontrolę? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Tak, idź do niego. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Więc kiedy Pierwszy dostać się do Leap Motion 67 00:03:20,530 --> 00:03:21,780 będziesz mieć to pole. 68 00:03:21,780 --> 00:03:24,460 Że posiada urządzenie, które wygląda tak. 69 00:03:24,460 --> 00:03:28,990 Podłączyć go do komputera, zainstalować niezbędne sterowniki, 70 00:03:28,990 --> 00:03:30,950 i to będzie w zasadzie być ustawione. 71 00:03:30,950 --> 00:03:34,160 Tak więc najprostszy sposób na sortowanie od umowy z Leap Motion 72 00:03:34,160 --> 00:03:39,240 jest otworzyć ten program jest instalowany Leap Motion nazwał Visualizer. 73 00:03:39,240 --> 00:03:41,490 I dosłownie Visualizer co mi pokazano tutaj. 74 00:03:41,490 --> 00:03:45,340 To pozwala zobaczyć szkieletowych Zarys ręce. 75 00:03:45,340 --> 00:03:49,940 A co Leap Motion interpretuje je jako. 76 00:03:49,940 --> 00:03:53,750 Więc Leap Motion wykorzystuje kamerę sortowanie od spojrzenia na rękach 77 00:03:53,750 --> 00:03:59,176 a następnie próbuje odgadnąć, co się podstawowy skład szkieletu, który Cię 78 00:03:59,176 --> 00:04:00,460 zobaczyć na ekranie jest. 79 00:04:00,460 --> 00:04:01,669 I to jest to, co pokazuje. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Każdy Pojedynczy sensu 81 00:04:03,418 --> 00:04:06,580 i rzeczy, które widać jest Dane, które jest dostępne do was 82 00:04:06,580 --> 00:04:07,270 jak również w użyciu. 83 00:04:07,270 --> 00:04:09,670 Więc widać, że jest to przechwytywanie, że Tomas 84 00:04:09,670 --> 00:04:12,160 ma pięć palców, każdy z te różne palce 85 00:04:12,160 --> 00:04:17,110 są również dostępne dla Ciebie dane punkty do wykorzystania w dowolnej aplikacji 86 00:04:17,110 --> 00:04:18,256 że warto. 87 00:04:18,256 --> 00:04:20,339 Jeśli chcesz sprawdzić, czy ktoś robi kciuki 88 00:04:20,339 --> 00:04:23,860 można sprawdzić, czy ich palce są zwinięte i czy są one 89 00:04:23,860 --> 00:04:25,850 kciuk palec wskazujący w górę, lub w przypadku 90 00:04:25,850 --> 00:04:30,037 ich nadgarstka lub dłoni jest i tego typu rzeczy. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Spoko. 92 00:04:30,870 --> 00:04:35,186 Tak więc widać, że pewne gesty rozumie lepiej niż inni. 93 00:04:35,186 --> 00:04:38,310 Pamiętaj, że patrzy na swoje Ręka z co kamery od dołu, 94 00:04:38,310 --> 00:04:41,630 tak, gdy masz ręce jak to rozumie ich w pełni, 95 00:04:41,630 --> 00:04:44,509 ale po uruchomieniu, aby spróbować zrobić Kciuki w górę, czasem czyta, 96 00:04:44,509 --> 00:04:47,550 czasami może się domyślać, ale szczerze Aparat po prostu nie widać kciuk. 97 00:04:47,550 --> 00:04:49,810 Więc to naprawdę nie jest wiesz, co się dzieje. 98 00:04:49,810 --> 00:04:54,910 Zaledwie pewne ograniczenia, aby pamiętać, kiedy rozwija się z tym. 99 00:04:54,910 --> 00:04:56,540 >> W każdym razie, więc wracając do tego. 100 00:04:56,540 --> 00:04:59,040 Visualizer rzeczywistości posiada wiele przydatnych narzędzi. 101 00:04:59,040 --> 00:05:01,780 Więc Leap Motion jest zaprogramowano w taki sposób, 102 00:05:01,780 --> 00:05:04,280 że nie spodziewam się interakcji z tych danych graficznych. 103 00:05:04,280 --> 00:05:06,230 Oni naprawdę nie oczekuję, że zrozumiesz 104 00:05:06,230 --> 00:05:08,060 co dzieje się za kulisami. 105 00:05:08,060 --> 00:05:11,620 Co zrobić, to narażać kilka API dla Ciebie 106 00:05:11,620 --> 00:05:13,420 takie, że można interakcji z tych danych 107 00:05:13,420 --> 00:05:18,400 bezpośrednio, bez zrozumienia co dzieje się pod maską. 108 00:05:18,400 --> 00:05:27,790 >> Jeśli więc trafić H tu w Visualizer zobaczysz wiele opcji. 109 00:05:27,790 --> 00:05:35,450 Ważne tutaj, choć to jeśli trafisz O, a następnie naciśnij H, 110 00:05:35,450 --> 00:05:38,080 zobaczysz, że to umożliwia rysowanie gestów. 111 00:05:38,080 --> 00:05:43,380 Więc gest, zobaczysz rysuje strzałkę w całym. 112 00:05:43,380 --> 00:05:47,010 Gest to jeden ze sposobów, które Leap Projekt rodzaj pozwala uzyskać w danych 113 00:05:47,010 --> 00:05:48,462 bez konieczności przetwarzania. 114 00:05:48,462 --> 00:05:51,170 Tak więc, zamiast mnie potrzebuje, aby dowiedzieć się, och, ręka była w ruchu, 115 00:05:51,170 --> 00:05:54,970 nawet jeśli nie mam punktu dostępowego API jakby po prostu powiedz mi, 116 00:05:54,970 --> 00:05:56,380 hej, zrobili ten gest. 117 00:05:56,380 --> 00:05:58,920 Więc można zrobić podstawowe gesty strzałek. 118 00:05:58,920 --> 00:06:00,590 Możesz zrobić koło gesty. 119 00:06:00,590 --> 00:06:03,530 Możesz zrobić dotykając gesty. 120 00:06:03,530 --> 00:06:07,630 I można zrobić podstawowe gesty prasowych. 121 00:06:07,630 --> 00:06:09,394 Tak. 122 00:06:09,394 --> 00:06:10,800 I tego typu rzeczy. 123 00:06:10,800 --> 00:06:14,370 Więc teraz, że mamy coś w rodzaju widać to, co może zrobić Leap Motion, 124 00:06:14,370 --> 00:06:17,792 można zobaczyć, to może przeczytać cała masa gestów. 125 00:06:17,792 --> 00:06:19,500 Myślę, że będę przenieść go z powrotem do Armi 126 00:06:19,500 --> 00:06:22,300 i ma zamiar rozmawiać o tym, jak masz w nich z JavaScript, 127 00:06:22,300 --> 00:06:24,520 jak nawet zacząć projekt z tego. 128 00:06:24,520 --> 00:06:27,724 A potem będziemy rozmawiać o niektórych fajne miejsca można iść z tym. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Tak. 130 00:06:28,640 --> 00:06:29,300 Brzmi dobrze. 131 00:06:29,300 --> 00:06:31,950 Więc tak, pierwszą rzeczą, będzie chciał zrobić oczywiście, 132 00:06:31,950 --> 00:06:37,170 to po Ci Leap Motion jest Do leapmotion.com, ustanowić, zainstaluj 133 00:06:37,170 --> 00:06:38,420 sterowniki i inne rzeczy. 134 00:06:38,420 --> 00:06:42,520 Po wykonaniu tej czynności można przejść upewnij się, że jest on podłączony. 135 00:06:42,520 --> 00:06:46,910 Jeśli zobaczysz w swoim małym zasobniku Leap Motion ikonę i jest zielony, 136 00:06:46,910 --> 00:06:48,640 to wiesz gotowe. 137 00:06:48,640 --> 00:06:53,710 I oczywiście sprawdzić dokładnie, co Tomas prostu pokazałem z gestów 138 00:06:53,710 --> 00:06:59,320 i robi krany ekranu, a Główne zawory i tego typu rzeczy. 139 00:06:59,320 --> 00:07:02,180 >> Po, że choć my, po raz kolejny, jak powiedziałem, 140 00:07:02,180 --> 00:07:06,530 mamy dostęp do wszystkich z nich rzeczy w JavaScripcie, jak również. 141 00:07:06,530 --> 00:07:09,020 Idealnie ustawić, że chcielibyśmy Państwu polecić 142 00:07:09,020 --> 00:07:16,440 faceci to iść do swojej Katalog vhost, host lokalny, 143 00:07:16,440 --> 00:07:19,340 publicznego w urządzeniu CS50. 144 00:07:19,340 --> 00:07:24,790 A kiedy się tam udać, co będziesz zobacz plik HTML jest wskaźnik dot. 145 00:07:24,790 --> 00:07:28,180 Teraz, wskaźnik kropka Plik HTML lub indeks kropka 146 00:07:28,180 --> 00:07:32,740 Plik PHP, która wartość jest dobrze, co możesz zrobić 147 00:07:32,740 --> 00:07:35,150 to przejdź do głównego systemu operacyjnego. 148 00:07:35,150 --> 00:07:38,650 A jeśli go na adres IP które jest wymienione w prawym dolnym rogu 149 00:07:38,650 --> 00:07:45,180 rogu urządzenia tutaj, jak widać, to co się dzieje, 150 00:07:45,180 --> 00:07:51,240 jest udać się do strony, która jest Opisywany przez ten plik HTML Indeks dot. 151 00:07:51,240 --> 00:07:56,610 Tak więc cały kod, który można umieścić w nie zostanie wysłana i możliwości zastosowania tutaj. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Więc jest to też Ważne tylko dla odniesienia 153 00:07:58,960 --> 00:08:06,554 że jeśli faceci naprawdę wiedzą jak skonfigurować serwer się, 154 00:08:06,554 --> 00:08:09,720 lub chcesz umieścić to na całym świecie internetowej, zapraszamy do zrobienia cokolwiek. 155 00:08:09,720 --> 00:08:11,594 Pamiętaj, że są to tylko pliki JavaScript 156 00:08:11,594 --> 00:08:14,250 i wszystkie przetwarzania Leap odbywa się na kliencie. 157 00:08:14,250 --> 00:08:16,510 Więc to naprawdę nie ma znaczenia gdzie będzie twój serwer 158 00:08:16,510 --> 00:08:19,660 tak długo jak komputer jesteś przeglądania strony internetowej na 159 00:08:19,660 --> 00:08:22,024 zainstalował Leap Motion. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Absolutnie. 161 00:08:23,190 --> 00:08:25,680 Podobnie jak Tomas powiedział, tak, co działa dla was. 162 00:08:25,680 --> 00:08:28,570 To tylko jeden z naszych zaleceń. 163 00:08:28,570 --> 00:08:31,660 Teraz, aby rozpocząć korzystanie Leap Ruchu, co można zrobić, 164 00:08:31,660 --> 00:08:36,640 jest to importowania JavaScript plik Leap Motion. 165 00:08:36,640 --> 00:08:39,610 A następnie stamtąd co możesz zrobić to właśnie teraz 166 00:08:39,610 --> 00:08:44,250 Mam tylko ten paragraf Znacznik ustawić z ID tekstu. 167 00:08:44,250 --> 00:08:48,690 Rzeczy, które polecamy ustawiania opcji kontrolera 168 00:08:48,690 --> 00:08:52,012 dla Leap Motion z włączyć gesty, aby było prawdziwe. 169 00:08:52,012 --> 00:08:53,970 Więc domyślnie te gesty, które pokazaliśmy, 170 00:08:53,970 --> 00:08:57,010 Chłopaki, koło, i Klawisz z kranu, a kiepskie piwo, 171 00:08:57,010 --> 00:09:00,330 te, które nie są pokazane na Chłopaki domyślnie. 172 00:09:00,330 --> 00:09:04,450 Ale bardzo polecam przy użyciu tych więc nie jesteś odkrywanie koła na nowo. 173 00:09:04,450 --> 00:09:09,489 Włączenie tych true, przekazując te Opcje sterownika do skoku pętli kropka 174 00:09:09,489 --> 00:09:10,530 i masz wszystko ustawione, aby przejść. 175 00:09:10,530 --> 00:09:13,270 Bo wtedy po prostu trzeba zdefiniowano anonimową funkcję 176 00:09:13,270 --> 00:09:16,910 które odbędzie się w ramki z Leap Motion 177 00:09:16,910 --> 00:09:21,150 i że rama ma wszystko informacje, które będziemy potrzebować. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Tak po prostu podsumowanie, masz jeden obiekt. 179 00:09:25,310 --> 00:09:28,250 Masz tę funkcję zwany skok pętli kropka. 180 00:09:28,250 --> 00:09:30,460 I ty nazywasz go z dwoma argumentami. 181 00:09:30,460 --> 00:09:33,134 Nazywasz to z jednym, opcje kontrolera. 182 00:09:33,134 --> 00:09:35,300 I istnieje wiele Opcje, które można umieścić w środku. 183 00:09:35,300 --> 00:09:38,170 Jedna będziemy podkreślenia jest umożliwienie gesty. 184 00:09:38,170 --> 00:09:41,230 A jeśli ustawiony jest równa true, a następnie można uzyskać dostęp w tym gestów 185 00:09:41,230 --> 00:09:42,940 że pokazaliśmy, w rzutniku. 186 00:09:42,940 --> 00:09:47,500 >> A potem drugi argument jest Funkcja, to trochę jak oddzwaniania 187 00:09:47,500 --> 00:09:53,010 która będzie wywoływana co Czas każda klatka Leap, 188 00:09:53,010 --> 00:09:57,340 Dlatego za każdym razem, że rejestry przestępne Twój ruch ręką, ma nową ramkę. 189 00:09:57,340 --> 00:10:02,130 I to nazywa tę funkcję z jednym Argument, który jest ramka obiektu. 190 00:10:02,130 --> 00:10:05,909 I że ramka obiektu opisuje Rama jak Leap widzi. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Dokładnie. 192 00:10:06,950 --> 00:10:10,450 Więc ten zawiera wszystkie przydatne kawałki informacji 193 00:10:10,450 --> 00:10:12,550 że rozmawialiśmy o tym wcześniej. 194 00:10:12,550 --> 00:10:18,010 Kontrola dot rama gesty jest szereg gestów 195 00:10:18,010 --> 00:10:23,680 że ruch skok złowionych ręce robi w ostatniej klatce. 196 00:10:23,680 --> 00:10:26,470 Tak na przykład, co mamy tutaj tylko sprawdzamy, 197 00:10:26,470 --> 00:10:31,820 hej, skok, w tym ostatniej klatce nie złapać żadnych gestów, które zrobiłem? 198 00:10:31,820 --> 00:10:36,350 A jeśli tak, to, co zdecydujesz się zrobić jest iterację tych gestów 199 00:10:36,350 --> 00:10:39,760 i spróbować i trochę przydatne od nich informacje. 200 00:10:39,760 --> 00:10:44,290 Każdy gest ma unikalny ID skojarzony z nim. 201 00:10:44,290 --> 00:10:46,280 Mają typy. 202 00:10:46,280 --> 00:10:50,220 Możesz zajrzeć na których palcach były zaangażowane w gestach 203 00:10:50,220 --> 00:10:52,770 poprzez sprawdzanie tego możliwość kierowania wiązki rzeczy. 204 00:10:52,770 --> 00:10:56,490 Więc jeśli po przejściu przez Leap Motion JavaScript API rzeczy, 205 00:10:56,490 --> 00:10:59,630 gdy wspomnieć pointables, mówią o tych palcach. 206 00:10:59,630 --> 00:11:04,480 A potem ręce są, oczywiście, Cały obiekt ręcznie. 207 00:11:04,480 --> 00:11:05,210 >> Co jeszcze? 208 00:11:05,210 --> 00:11:08,630 Możesz sprawdzić, jak długo ruch poszedł na 209 00:11:08,630 --> 00:11:11,640 do i tak, te wszystkie przydatne rzeczy. 210 00:11:11,640 --> 00:11:16,490 Więc to, co robię teraz tutaj jest Zalogowałem ramkę, 211 00:11:16,490 --> 00:11:24,350 a następnie zaktualizować HTML do wyświetlenia Wszystkie te bity informacji 212 00:11:24,350 --> 00:11:25,820 z ramką. 213 00:11:25,820 --> 00:11:28,010 Warto więc sprawdzić, czy na zewnątrz. 214 00:11:28,010 --> 00:11:29,440 >> Więc to jest tutaj. 215 00:11:29,440 --> 00:11:34,730 Oto plik HTML Indeks kropka. 216 00:11:34,730 --> 00:11:38,560 I jak tylko zobaczył, kiedy po prostu przeniósł się moja ręka Leap złapał koło ruch. 217 00:11:38,560 --> 00:11:44,960 Więc można zobaczyć mnie robi koło na tutaj, aktualizuje informacje okręgu. 218 00:11:44,960 --> 00:11:48,332 Robi kiepskie piwo, łapie kiepskie piwo. 219 00:11:48,332 --> 00:11:49,290 Spróbujmy kartę ekranu. 220 00:11:49,290 --> 00:11:50,090 Nie idziemy. 221 00:11:50,090 --> 00:11:52,370 Dotknij ekranu i klawisza z kranu. 222 00:11:52,370 --> 00:11:55,040 Więc kluczowe zawory także, sposób, to po trafieniu w dół. 223 00:11:55,040 --> 00:11:57,260 Więc można sobie wyobrazić, Może grać na pianinie. 224 00:11:57,260 --> 00:11:59,869 >> A potem krany ekranu są kiedy uderzył w ekran. 225 00:11:59,869 --> 00:12:02,910 Więc można sobie wyobrazić, a może rzeczywiście posiada ekran dotykowy przed sobą 226 00:12:02,910 --> 00:12:05,190 a ty uderzenie dotyk ekran przed sobą. 227 00:12:05,190 --> 00:12:08,470 A potem możemy pobrać jeden z tych obiektów w tutaj. 228 00:12:08,470 --> 00:12:12,960 Więc pamiętaj, powiedziałem, że jestem przechodząc ramkę w dzienniku konsoli. 229 00:12:12,960 --> 00:12:17,160 I tak możemy sprawdzić wszystkie kawałki informacji 230 00:12:17,160 --> 00:12:22,500 które są dostępne w że rama oraz korzystać. 231 00:12:22,500 --> 00:12:26,320 >> Tak jak mówiłem wcześniej, pointables są palce. 232 00:12:26,320 --> 00:12:30,260 W tej chwili nie mamy nasze ręce z przodu Leap Motion 233 00:12:30,260 --> 00:12:32,010 tak on zarejestrowany do zera, ale to jest, jak ci 234 00:12:32,010 --> 00:12:35,980 rozpocznie się dowiedzieć, może ile palców są na ekranie. 235 00:12:35,980 --> 00:12:37,810 A tego typu informacji. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: I zapamiętywanie jest to po prostu celem. 237 00:12:40,060 --> 00:12:42,185 Więc wszystko, co można uzyskać coś jak struct 238 00:12:42,185 --> 00:12:45,540 w C. Trzeba obiektu wymienić dot nazwy właściwości. 239 00:12:45,540 --> 00:12:48,830 A następnie w terminie, że masz tablice i masz inne obiekty, 240 00:12:48,830 --> 00:12:50,850 ale pamiętaj, że to tylko przedmiot. 241 00:12:50,850 --> 00:12:53,788 Nie ma nic specjalnego ponieważ używamy Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Tak. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Powinniśmy sprawdzić kilka przykładów JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: Tak Pamiętam, że my szybko 247 00:13:07,810 --> 00:13:12,470 Mówi się, że skok może faktycznie uruchomić na dowolnej stronie internetowej. 248 00:13:12,470 --> 00:13:15,250 LeapJS jest po prostu podawane do klienta. 249 00:13:15,250 --> 00:13:19,850 I tak razem, jak klient ma Leap Motion dołączony będzie działać. 250 00:13:19,850 --> 00:13:22,540 Więc Leap Motion ma strona internetowa, gdzie ludzie 251 00:13:22,540 --> 00:13:24,540 mogą dzielić się swoimi przykłady rzeczy zrobili. 252 00:13:24,540 --> 00:13:26,623 Więc jesteśmy po prostu pójdzie przez kilka z nich 253 00:13:26,623 --> 00:13:29,980 zobaczyć, co jest możliwe przed Nurkowanie na więcej konkretów na temat sposobu 254 00:13:29,980 --> 00:13:32,510 jest to możliwe. 255 00:13:32,510 --> 00:13:33,346 Tak 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Zobaczymy. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Teraz należy pracować. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Więc teraz przed widzieliśmy przykład 259 00:13:38,520 --> 00:13:45,280 przy użyciu Unity świadczonych że nasze ręce z całkiem imponujących skórek graficznych, 260 00:13:45,280 --> 00:13:50,200 ale teraz można zobaczyć, można zrobić samo wewnątrz przeglądarki internetowej. 261 00:13:50,200 --> 00:13:54,640 To wszystko jest w środku Chrome tylko przy użyciu JavaScript. 262 00:13:54,640 --> 00:13:57,460 A potem inne miłe Chodzi o to, czy chcesz 263 00:13:57,460 --> 00:14:02,610 wiedzieć, jak to zrobili, przykłady na JavaScripcie 264 00:14:02,610 --> 00:14:07,540 także opcje kodu, który można sprawdzić i zobaczyć 265 00:14:07,540 --> 00:14:12,570 jak ta osoba była chwytając ręce i kody i takie. 266 00:14:12,570 --> 00:14:16,730 >> Więc to wszystko znajdziesz w developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Możesz iść i sprawdzić JavaScript przykłady udowadniają, że nie. 268 00:14:20,810 --> 00:14:23,280 Więc tak. 269 00:14:23,280 --> 00:14:25,205 Oto te, ups przepraszam. 270 00:14:25,205 --> 00:14:27,680 Spróbujmy jeszcze raz. 271 00:14:27,680 --> 00:14:29,002 Och. 272 00:14:29,002 --> 00:14:29,960 Mam dwie prawe ręce. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Więc tak. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Tak i jeszcze raz, pamiętam czasem Leap bałagan. 276 00:14:37,440 --> 00:14:40,790 Wystarczy dać mu drugą. 277 00:14:40,790 --> 00:14:42,784 To nie jest idealne, ale jest to dość dobre. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Jeden Rekomendacja również inne 279 00:14:44,700 --> 00:14:48,780 jest nie w bezpośrednim świetle słonecznym. 280 00:14:48,780 --> 00:14:51,260 Więc Leap Motion w drodze dzieła jest właściwie 281 00:14:51,260 --> 00:14:54,500 jeśli pokażę aparat ten jak dobrze, światło podczerwone. 282 00:14:54,500 --> 00:14:57,375 Więc wysyła ci się, a następnie odczytuje je po powrocie. 283 00:14:57,375 --> 00:14:59,250 Więc jeśli próbujesz zrobić to bezpośrednie działanie promieni słonecznych, 284 00:14:59,250 --> 00:15:01,610 na przykład, to prawdopodobnie nie będzie działać, 285 00:15:01,610 --> 00:15:05,850 czy to będzie wymagało niektóre kalibracji to zrobić. 286 00:15:05,850 --> 00:15:10,450 >> Również kolejny zalecenie jest wyczyścić przestrzeń za Leap 287 00:15:10,450 --> 00:15:12,740 i przed Leap. 288 00:15:12,740 --> 00:15:15,520 Pomyśl o tym, jak działa wewnątrz kopuły, która jest 289 00:15:15,520 --> 00:15:18,360 wokół tego obiektu Leap Motion. 290 00:15:18,360 --> 00:15:20,550 Jeśli istnieje prawo rzeczy za nim, jak również, 291 00:15:20,550 --> 00:15:24,740 że to również będzie zakłócać z jak Leap Motion próbuje 292 00:15:24,740 --> 00:15:26,690 rozpoznać rękę i tego typu rzeczy. 293 00:15:26,690 --> 00:15:30,010 >> Tak więc, na przykład, myślę, że w tym Sprawa jest mój laptop rzeczywiście 294 00:15:30,010 --> 00:15:34,351 że niby co Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Tak, tam jedziemy. 296 00:15:35,100 --> 00:15:41,021 Więc jeśli usunąć z mojego laptopa z za nią rękę pokazać całkiem dobrze. 297 00:15:41,021 --> 00:15:41,520 Więc tak. 298 00:15:41,520 --> 00:15:42,061 Nie o to chodzi. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Więc co jeszcze nie pokazujemy im. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Myślę, że teraz będzie czas 302 00:15:48,250 --> 00:15:52,039 sortowanie nurkowania w i niech tak zrobić demo całkowicie od podstaw. 303 00:15:52,039 --> 00:15:53,330 To będzie bardzo proste. 304 00:15:53,330 --> 00:15:55,250 W zasadzie to, co mamy zamiar aby spróbować zrobić to go 305 00:15:55,250 --> 00:15:58,570 tak, że kiedy przesuń strony tła zamierza rozpocząć się jak czerwony, 306 00:15:58,570 --> 00:16:01,361 a kiedy przesuń dłoń, tła zamierza zmienić kolor na zielony. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Bardzo proste. 309 00:16:03,709 --> 00:16:05,750 I to w zasadzie tylko zamiar przejść przez wiele 310 00:16:05,750 --> 00:16:08,360 pojęć za Leap, tak, że możemy 311 00:16:08,360 --> 00:16:12,630 dostać się do tej ideologii, jak Leap działa i jak możemy budować rzeczy z tym. 312 00:16:12,630 --> 00:16:16,760 A następnie stamtąd my będziemy Prawdopodobnie po prostu pokazać, 313 00:16:16,760 --> 00:16:19,710 API docs i gdzie można przeczytać więcej na ten temat. 314 00:16:19,710 --> 00:16:21,030 A potem będziemy nazywać go dnia. 315 00:16:21,030 --> 00:16:24,294 Więc chcesz kodować lub mam do kodu? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Tak. 317 00:16:25,210 --> 00:16:28,350 Cóż, myślę, że możemy pracować w tym razem i spróbować 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Więc my będziemy zrobić kodowanie pary. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Nie pójdziemy. 320 00:16:31,500 --> 00:16:33,250 To jest dokładnie to, co ja chciałem sprawdzić. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Tak na przykład w tutaj, zobaczmy. 323 00:16:38,750 --> 00:16:40,979 Choć jesteśmy iteracji dzięki już gestów, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Chcesz, aby po prostu zupełnie nowy plik? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: Całkowicie nowy plik? 326 00:16:43,870 --> 00:16:44,246 Tak, na pewno. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Tak. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Więc zróbmy to. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Więc idziemy aby całkowicie złożyć. 330 00:16:48,253 --> 00:16:51,290 Nazwijmy go oddać dot HTML. 331 00:16:51,290 --> 00:16:52,670 To jest fajne ze mną. 332 00:16:52,670 --> 00:16:59,020 Więc pamiętaj robisz znacznika HTML, Następnie w terminie, że masz głowę. 333 00:16:59,020 --> 00:17:02,982 Że głowa ma tytuł w jego obrębie. 334 00:17:02,982 --> 00:17:04,349 Tak więc karta inny sposób. 335 00:17:04,349 --> 00:17:05,589 Proszę bardzo. 336 00:17:05,589 --> 00:17:09,359 Tytuł, będziemy go nazywać Leap Przykład. 337 00:17:09,359 --> 00:17:12,163 Tak. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Ups. 339 00:17:13,540 --> 00:17:14,040 Tytuł. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Tak. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Nie jesteśmy. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: A to zróbmy ciało. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Poczekaj, niech również upewnić się zaimportować. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Och, oczywiście. 345 00:17:22,060 --> 00:17:22,560 Moje złe. 346 00:17:22,560 --> 00:17:28,700 Dlatego zawsze należy upewnić się, że skok skrypt tak, aby skrypt wam 347 00:17:28,700 --> 00:17:31,810 przez Leap Motion, który w zasadzie pozwala przeglądarka połączyć 348 00:17:31,810 --> 00:17:35,580 do urządzenia w komputerze użytkownika. 349 00:17:35,580 --> 00:17:38,510 A potem, w tym również Potrzebujemy ciało i niech tak 350 00:17:38,510 --> 00:17:40,580 sprawiają, że ciało przywitać tak że możemy pokazać studentom 351 00:17:40,580 --> 00:17:42,704 jak podłączyć się do tego nowego Strona internetowa, która zrobili. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Jasne. 353 00:17:44,260 --> 00:17:45,724 Więc po prostu umieścić another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Cześć, witaj świecie. 355 00:17:48,730 --> 00:17:50,210 Więc to bardzo prosty przykład. 356 00:17:50,210 --> 00:17:53,400 Naprawdę tylko demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: A potem się tutaj może iść do nazwaliśmy go ręcznie dot HTML, 358 00:17:58,505 --> 00:18:00,000 prawda? 359 00:18:00,000 --> 00:18:00,810 I oh! 360 00:18:00,810 --> 00:18:04,310 Więc zastanawiam się, że to, co się stało z tym już teraz. 361 00:18:04,310 --> 00:18:07,639 Dodajmy uprawnień do odczytu wręczyć dot HTML. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Czy chcesz zrobić to w wielkim terminalu 363 00:18:09,930 --> 00:18:11,080 tak, że możemy po prostu pokazać na the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Tak, to ma sens. 365 00:18:12,501 --> 00:18:13,001 Dobrze. 366 00:18:13,001 --> 00:18:15,720 Więc po prostu dodane uprawnienia, ale jeśli my 367 00:18:15,720 --> 00:18:18,350 było sprawdzić uprawnienia, zanim 368 00:18:18,350 --> 00:18:22,560 by zobaczyć, że faktycznie rękę dot HTML nie miał uprawnień do odczytu 369 00:18:22,560 --> 00:18:25,570 i dlatego nie może uczynić go. 370 00:18:25,570 --> 00:18:30,850 Ale teraz, gdy tak czynimy, możemy zobaczyć nasze Trochę hello world właśnie tam. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Więc faktycznie, jak pisał, hello world, 372 00:18:33,580 --> 00:18:35,371 Myślałem o sposób możemy to zmienić. 373 00:18:35,371 --> 00:18:41,150 Zróbmy to say hello world, oraz a następnie, gdy fala, to mówi do widzenia. 374 00:18:41,150 --> 00:18:41,650 Prawda? 375 00:18:41,650 --> 00:18:42,210 Więc cześć, do widzenia. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Jasne. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: To brzmi całkiem nieźle. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Tak brzmi dobrze dla mnie, też. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Więc jeśli jesteśmy zrobić, że niech tylko 380 00:18:46,920 --> 00:18:48,980 przemyśleć strony trochę. 381 00:18:48,980 --> 00:18:51,800 My będziemy potrzebować trochę skrypt które w zasadzie rejestruje 382 00:18:51,800 --> 00:18:56,470 że pomachał i skok, wave i machnięcia samo. 383 00:18:56,470 --> 00:18:59,584 Więc będziemy potrzebować skrypt w zasadzie w tym rejestrów machnięcia. 384 00:18:59,584 --> 00:19:01,500 I jeszcze jedno jesteśmy będzie trzeba to jesteśmy 385 00:19:01,500 --> 00:19:04,360 będzie potrzebował trochę Rzeczywista zawartość zmienić. 386 00:19:04,360 --> 00:19:07,850 >> Więc jak to możliwe, jQuery pozwala na zmianę zawartości. 387 00:19:07,850 --> 00:19:13,017 Więc jedna rzecz może chcemy dołączyć w tym jest biblioteka jQuery. 388 00:19:13,017 --> 00:19:16,100 A potem, aby móc wybrać co my rzeczywiście będzie zmienić treść, 389 00:19:16,100 --> 00:19:18,224 , że będzie potrzebował identyfikatora lub klasa, lub coś 390 00:19:18,224 --> 00:19:20,100 że możemy użyć, aby go wybrać. 391 00:19:20,100 --> 00:19:25,010 Więc po prostu dać się szybkie zmiany tekstu ID. 392 00:19:25,010 --> 00:19:26,974 A potem chcesz chwycić jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Więc co jest pierwszym rzeczą na naszej listy zadań to teraz? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Chcę złapać jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Załóżmy, chwycić jQuery, OK, fajnie. 396 00:19:32,494 --> 00:19:34,502 W tym przypadku, zamierzam musiał actually-- 397 00:19:34,502 --> 00:19:36,210 gdzie byłoby najlepsze miejsce, aby to zrobić? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, więc jeśli Google jQuery, uderzył jQuery, pierwszy 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: Bardzo pierwszy. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Albo pobrania. 401 00:19:42,135 --> 00:19:42,650 Jest w porządku. 402 00:19:42,650 --> 00:19:46,482 Hit pobierania v1 i v2 po lewej stronie. 403 00:19:46,482 --> 00:19:49,190 Więc opisujesz jQuery z online, jak już zapewne zrobić. 404 00:19:49,190 --> 00:19:50,440 Przewiń w dół. 405 00:19:50,440 --> 00:19:51,260 W górę, w górę. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: O, tu teraz? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Albo, że. 408 00:19:54,460 --> 00:19:54,960 Tak. 409 00:19:54,960 --> 00:20:00,150 Więc jQuery ma wersji obsługiwanej co oznacza, że ​​w rzeczywistości nie 410 00:20:00,150 --> 00:20:01,890 trzeba go pobrać, ale jesteś więcej niż 411 00:20:01,890 --> 00:20:07,734 Witamy, aby go pobrać i udostępniać go samodzielnie. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Spoko. 413 00:20:08,650 --> 00:20:09,566 Więc teraz mamy jQuery. 414 00:20:09,566 --> 00:20:11,122 Teraz co dalej zrobić na naszej liście. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Niesamowite. 416 00:20:12,080 --> 00:20:13,910 Więc następnym czego potrzebujemy zrobić, to rzeczywiście potrzebne 417 00:20:13,910 --> 00:20:17,750 dać p Hello World ID więc możemy go zmienić, prawda? 418 00:20:17,750 --> 00:20:24,514 Warto więc dać wyobrażenie, Nie wiem, zmienić tekst? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Powiedzmy, zrobić to w ten sposób, jak sądzę. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, chłodny. 421 00:20:28,013 --> 00:20:29,830 A teraz po prostu odświeżyć stronę. 422 00:20:29,830 --> 00:20:31,142 Upewnij się, że wszystko działa. 423 00:20:31,142 --> 00:20:32,100 Więc z powrotem w przeglądarce. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Cool. 426 00:20:36,922 --> 00:20:39,380 Zawsze dobrym przypomnieniem, że kiedy budowa strony internetowej, 427 00:20:39,380 --> 00:20:44,450 Prawdopodobnie odświeżyć za każdym razem zrobić każda istotna zmiana tylko trochę 428 00:20:44,450 --> 00:20:47,993 bo czasami Ciebie przypadkowo upuścić tag, 429 00:20:47,993 --> 00:20:51,640 lub przypadkowego usunięcia czegoś, a następnie złamać coś małego, 430 00:20:51,640 --> 00:20:55,880 ale wtedy, w momencie tworzenia większej zmiany jesteś jak, dlaczego ta wielka zmiana 431 00:20:55,880 --> 00:20:57,910 pozornie niepowiązanych coś złamać. 432 00:20:57,910 --> 00:21:02,840 Więc to zawsze dobrze uporządkować od iść i zrobić tych testów poprawności. 433 00:21:02,840 --> 00:21:05,610 >> W każdym razie, więc teraz zróbmy ostatnia kontrola poprawności, 434 00:21:05,610 --> 00:21:09,800 który jest spróbujmy zmienić Tekst bez Leap Motion, 435 00:21:09,800 --> 00:21:11,820 bez niczego, po prostu na stronie obciążenia to będzie 436 00:21:11,820 --> 00:21:17,140 Witaj, świecie, aby zmienić widzenia przy użyciu jQuery. 437 00:21:17,140 --> 00:21:21,400 Więc jeśli pamiętać naraża jQuery funkcja ta znak dolara, 438 00:21:21,400 --> 00:21:28,640 które możemy przekazać selektor CSS, a mianowicie hashtag tekst zmiany, które 439 00:21:28,640 --> 00:21:31,590 wybiera się z elementem ID zmiany tekstu. 440 00:21:31,590 --> 00:21:34,980 A potem jedziemy do wywołania metody HTML 441 00:21:34,980 --> 00:21:40,390 na obiekt powraca z Argument pożegnania smyczkowy, który 442 00:21:40,390 --> 00:21:45,600 zmienia pozycje HTML pożegnać. 443 00:21:45,600 --> 00:21:46,210 Niesamowite. 444 00:21:46,210 --> 00:21:48,790 To wydaje się całkiem fajny. 445 00:21:48,790 --> 00:21:52,365 A teraz, kiedy odświeżyć Strona jedziemy zobaczyć 446 00:21:52,365 --> 00:21:54,040 to natychmiast zmienia się na pożegnanie, prawda? 447 00:21:54,040 --> 00:21:55,910 Bo to nie czekaj na nic. 448 00:21:55,910 --> 00:21:59,200 Rodzaju, jak tylko tego skryptu prowadzi zmienia go do pożegnania. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Więc teraz niech zawinąć, że w funkcji. 451 00:22:03,790 --> 00:22:04,290 Prawo. 452 00:22:04,290 --> 00:22:06,270 Więc będziemy chcieli do funkcji. 453 00:22:06,270 --> 00:22:08,160 Możemy ją nazwać pożegnanie. 454 00:22:08,160 --> 00:22:11,570 Tak więc funkcja widzenia jest zamierza podjąć żadnych argumentów 455 00:22:11,570 --> 00:22:14,170 i to naprawdę nie jest zamiar powrócić niczego. 456 00:22:14,170 --> 00:22:18,850 A to po prostu będzie zrobić w JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Doskonałe. 459 00:22:23,140 --> 00:22:27,000 Tak więc nasza funkcja widzenia teraz zmienia tekst na pożegnanie, prawda? 460 00:22:27,000 --> 00:22:28,930 Więc to daje nam drogę na zasadzie zmiany 461 00:22:28,930 --> 00:22:32,871 że gdy tylko to tekst pożegnania nazwaliśmy tę funkcję. 462 00:22:32,871 --> 00:22:33,370 Prawda? 463 00:22:33,370 --> 00:22:35,290 Więc to jest całkiem fajne. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Cóż, Można też po prostu upewnij się, 465 00:22:37,430 --> 00:22:41,040 że teraz, ponieważ nie dzwonisz funkcji, jeśli odśwież stronę, 466 00:22:41,040 --> 00:22:44,460 zauważyć, że nie będzie do zmiany tekstu. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Doskonały. 468 00:22:45,509 --> 00:22:47,800 Więc teraz mamy zamiar zacząć aby dostać się do tej rzeczy Leap 469 00:22:47,800 --> 00:22:49,880 że rozmawialiśmy o tym. 470 00:22:49,880 --> 00:22:52,240 Więc Armi, chcesz wziąć go od tego miejsca lub? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Tak. 472 00:22:52,640 --> 00:22:53,139 Jasne. 473 00:22:53,139 --> 00:22:56,260 Jestem prawdopodobnie będzie potrzebne do podwójnych rzeczy czekowych, 474 00:22:56,260 --> 00:22:58,250 ale na przykład pamiętam powiedzieliśmy, że chciał 475 00:22:58,250 --> 00:23:02,627 aby upewnić się w opcjach ustawiamy włączyć gesty 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Dobry haczyk. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Aby być prawdziwe. 478 00:23:06,250 --> 00:23:08,960 A potem zalecali że chłopaki będzie 479 00:23:08,960 --> 00:23:12,230 uruchomić skok pętli punktów, które jak powiedzieliśmy wcześniej, 480 00:23:12,230 --> 00:23:18,140 ma dwie opcje, obiekt JSON, że jest ich opcje, jak chcesz 481 00:23:18,140 --> 00:23:22,030 skonfigurować Leap Motion, aby pracy, a następnie funkcja to 482 00:23:22,030 --> 00:23:27,640 złapie ramkę jako callback Funkcja jak Tomas mówi. 483 00:23:27,640 --> 00:23:30,470 A następnie edytować, co chcesz zrobić z tej funkcji. 484 00:23:30,470 --> 00:23:33,890 >> Więc przechodzimy w opcja, a teraz możemy zdefiniować 485 00:23:33,890 --> 00:23:36,117 Funkcja, która będzie miała w ramce. 486 00:23:36,117 --> 00:23:38,200 A teraz musimy zdefiniować co to funkcja robi. 487 00:23:38,200 --> 00:23:42,569 Jest to także dla dobra Przyszłość, zrobić, aby upewnić się. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Doskonały. 489 00:23:43,610 --> 00:23:45,940 Więc teraz mamy tego skok pętli funkcji kropka 490 00:23:45,940 --> 00:23:52,420 zadzwoń, które w zasadzie mówi oglądać Leap z tych opcji i za każdym razem 491 00:23:52,420 --> 00:23:55,710 coś się zmienia, nazywamy to Funkcja ramki wszystkie dane 492 00:23:55,710 --> 00:23:59,510 że jesteś świadomy w ramce. 493 00:23:59,510 --> 00:24:01,320 Brzmi całkiem nieźle. 494 00:24:01,320 --> 00:24:03,680 Więc teraz szybkie kontrola poprawności, które zawsze polecam, 495 00:24:03,680 --> 00:24:07,020 jest, że wystarczy umieścić Konsola ramki dot dziennika. 496 00:24:07,020 --> 00:24:10,320 A następnie otworzyć go w przeglądarce Chrome się i spojrzeć na konsoli 497 00:24:10,320 --> 00:24:13,870 i bawić się z Leap zobaczyć Ramy są rejestrowane, ponieważ tego woli 498 00:24:13,870 --> 00:24:16,300 Ci zorientować się, co Dane masz dostęp. 499 00:24:16,300 --> 00:24:20,680 I jak zawsze, jeśli się mylić, spojrzeć na odniesienie API. 500 00:24:20,680 --> 00:24:23,430 A my to link do tego na końcu tego produktu. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Więc odśwież stronę, a następnie 502 00:24:26,300 --> 00:24:28,880 idziemy i otwórz konsolę ponownie. 503 00:24:28,880 --> 00:24:33,590 A teraz widzimy, że jesteśmy mając ramek przejechane, 504 00:24:33,590 --> 00:24:37,834 te małe obiekty widzieliśmy wcześniej. 505 00:24:37,834 --> 00:24:38,690 Więc tak. 506 00:24:38,690 --> 00:24:42,870 To są nasze ramki pokazuje się w konsoli. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Więc teraz, że o włos klatek, jak może pamiętasz wcześniej 509 00:24:46,970 --> 00:24:51,800 na przykładzie, że mieliśmy, jeśli sprawdzić dot rama gesty 510 00:24:51,800 --> 00:24:56,270 otrzymujemy listę gestów Rama ostatnio złapać. 511 00:24:56,270 --> 00:25:01,510 Możemy sprawdzić długość tej tablicy aby sprawdzić, czy skok złapał żadnych gestów. 512 00:25:01,510 --> 00:25:05,010 Jeśli więc, że tablica jest większe niż zero wówczas 513 00:25:05,010 --> 00:25:07,570 wiemy, że mamy parę spraw do załatwienia. 514 00:25:07,570 --> 00:25:15,040 >> Warto więc zawinąć, że się w razie stanu a teraz tutaj to, co wiemy to, że 515 00:25:15,040 --> 00:25:20,390 widziałem gest, niech działają na nim. 516 00:25:20,390 --> 00:25:25,721 Więc teraz, że jesteśmy w tutaj mają gest na wyjazd. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Cóż, pierwszy Chodzi o to, że nie jest to tylko jeden gest, 518 00:25:28,470 --> 00:25:29,840 to może być, jak wiele gestów. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Bardzo prawdziwe. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Więc na Klasyczny styl o C 521 00:25:33,340 --> 00:25:36,334 będziemy prawdopodobnie chcesz użyć pętli for. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Oto my wtedy. 523 00:25:37,750 --> 00:25:42,870 Postanowiliśmy iteracji poprzez gesty. 524 00:25:42,870 --> 00:25:46,412 I zobaczymy. 525 00:25:46,412 --> 00:25:49,380 i plus, plusem. 526 00:25:49,380 --> 00:25:56,150 A teraz, jeśli może być wykonane po prostu gest var równa 527 00:25:56,150 --> 00:26:01,210 gesty ramki kropka Uchwyt ja, teraz mamy 528 00:26:01,210 --> 00:26:06,260 Sam gest, który jest tylko jeden Pojedyncza instancja obiektu gest 529 00:26:06,260 --> 00:26:10,582 dla nas pracować wewnątrz tej pętli. 530 00:26:10,582 --> 00:26:12,869 Dobrze. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Przejdźmy rozsądku Sprawdź tutaj ponownie i po prostu pocieszyć 532 00:26:15,410 --> 00:26:17,370 gest dot zalogować, aby zobaczyć to, co mamy. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Konsola dot dziennika gest. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Okie dokie. 536 00:26:23,780 --> 00:26:26,250 I odświeżyć jeszcze raz. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS REIMERS: Zróbmy spróbuj gestem. 538 00:26:30,030 --> 00:26:34,600 Zobaczysz, że grono od, kiedy przejeżdża, 539 00:26:34,600 --> 00:26:39,780 masz kilka gestów w Konsola, a jeśli próbuje zrobić okrąg, 540 00:26:39,780 --> 00:26:40,470 to just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Tarcze są po prostu bardzo ładne. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Teraz jest dziwne tu, który robi jedno kółko, 543 00:26:45,000 --> 00:26:48,730 ale to jest zalogowaniu 80 gestów, prawda? 544 00:26:48,730 --> 00:26:50,070 To dużo gestów. 545 00:26:50,070 --> 00:26:53,560 Więc pierwszy coś takiego się zrealizować, a to może być mylące, 546 00:26:53,560 --> 00:26:57,050 jest to, że gest nie tylko zalogowany raz. 547 00:26:57,050 --> 00:27:01,107 >> Na każdej klatce, w prawo, więc jeśli robię okrąg 548 00:27:01,107 --> 00:27:02,940 Leap to wykryje jest zmiana, z tego 549 00:27:02,940 --> 00:27:04,398 Jest to zmiana, od tego jest zmiana. 550 00:27:04,398 --> 00:27:05,970 I będzie logować każdego z nich. 551 00:27:05,970 --> 00:27:08,200 Jednak w każdej z nich, to będzie powiedzieć, oh, 552 00:27:08,200 --> 00:27:10,050 tam gest obecnie w toku. 553 00:27:10,050 --> 00:27:14,260 Więc niech mi tylko powiedzieć, hej, nie gest i to jest obecnie w toku. 554 00:27:14,260 --> 00:27:17,000 Tak więc to, czego nie chcą zrobić, to powiedzieć, oh, na każdego 555 00:27:17,000 --> 00:27:19,370 z tych gestów można Aby zmienić tekst. 556 00:27:19,370 --> 00:27:23,660 To, co chcemy zrobić, to kiedy ten gest zatrzymuje się, i możemy sprawdzić, że 557 00:27:23,660 --> 00:27:24,974 to chcemy zmienić tekst. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Tak jak Tomas jest wyjaśniając te gesty 560 00:27:30,550 --> 00:27:33,580 może pojawić się poprzez wielokrotność ramy, ale, przykładowo 561 00:27:33,580 --> 00:27:36,200 kiedy byliśmy że koło, możemy zobaczyć 562 00:27:36,200 --> 00:27:40,140 że identyfikator dla jednego Okrąg, że pojedyncza 563 00:27:40,140 --> 00:27:43,950 Może starali się wypełnić to samo ID całym. 564 00:27:43,950 --> 00:27:46,320 A w rzeczywistości, można również sprawdzić status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 aktualizowany. 567 00:27:50,270 --> 00:27:55,680 >> I to jest chyba ostatnie kółko, że, och, dobrze, OK. 568 00:27:55,680 --> 00:28:00,480 Więc czasami pokazuje stan zatrzymania gest 569 00:28:00,480 --> 00:28:04,180 i to również pokazuje status z rozpoczęciem nowego gest, gdy 570 00:28:04,180 --> 00:28:09,140 rozpoznaje na pewno, że Po rozpoczęciu nowego gest. 571 00:28:09,140 --> 00:28:10,637 Na przykład w tym przypadku. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Spoko. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Więc tak. 574 00:28:12,511 --> 00:28:14,420 A potem zobaczymy. 575 00:28:14,420 --> 00:28:16,490 Można również zauważyć, choć robiliśmy 576 00:28:16,490 --> 00:28:22,179 okrąg i gest ma pola o nazwie typu 577 00:28:22,179 --> 00:28:23,970 które mówi nam, jaki rodzaj gestu, że jest. 578 00:28:23,970 --> 00:28:27,829 Więc to może być przydatne dla nas spróbować i robić to, co robimy. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Tak przejście z powrotem do JS, 580 00:28:29,620 --> 00:28:31,696 Pierwszą rzeczą, która przychodzi mi do głowy również, po prostu przeczytaniu tego kodu 581 00:28:31,696 --> 00:28:34,340 Jest tam mały optymalizacja, co jest rzeczywiście 582 00:28:34,340 --> 00:28:35,980 nie potrzebują tego, czy stanie, prawda? 583 00:28:35,980 --> 00:28:39,330 Bo jeśli gesty ramki dot dot Długość wynosi zero, że pętla na 584 00:28:39,330 --> 00:28:40,450 nie będzie działać tak. 585 00:28:40,450 --> 00:28:43,100 Więc równie dobrze możemy tylko iść do przodu i pozbyć się tego. 586 00:28:43,100 --> 00:28:46,620 Ponownie, gdy jesteś pisania kodu ważne jest, aby wrócić i porządek 587 00:28:46,620 --> 00:28:50,330 z Refactor jak sobie sprawę, że Ciebie mógłby zrobić coś lepiej, 588 00:28:50,330 --> 00:28:53,370 lub, że istnieje inny sposób to zrobić. 589 00:28:53,370 --> 00:28:57,170 Więc teraz jesteśmy po prostu się do czyszczenia tego szybko, a także oczyścić swój kod. 590 00:28:57,170 --> 00:28:58,310 To wielka sprawa. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Dobry styl jest bardzo ceniona. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Można zawsze sprawdzić kiedy ktoś 593 00:29:01,828 --> 00:29:05,240 ma kod gdzie używany jest w przypadku stan i potem usunąć ją, 594 00:29:05,240 --> 00:29:07,530 ale nie odkomentowaniu go. 595 00:29:07,530 --> 00:29:10,147 To bardzo oczywiste i to niby wygląda brzydko. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Więc co jest następne na naszej listy zadań? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Tak teraz, jak już mówiliśmy, Myślę, że pierwszą rzeczą, którą chcemy zrobić 598 00:29:15,479 --> 00:29:17,970 jest upewnić się, że ten gest na faktycznie machnięcia, prawda? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Tak. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Tak, jeśli mówimy, że nasz widzenia jest trochę jak machnięcia, 601 00:29:21,750 --> 00:29:25,280 pójdziemy z jego machnięcie, Pierwsza rzecz, którą trzeba powiedzieć to, hej, 602 00:29:25,280 --> 00:29:27,410 jest gestem wpisz machnięcia, prawda? 603 00:29:27,410 --> 00:29:30,860 Nie okręgu lub góry, ale jest to machnięcie? 604 00:29:30,860 --> 00:29:34,280 Tak więc sposób możemy to zrobić to możemy powiedzieć, gest 605 00:29:34,280 --> 00:29:38,530 Typ dot równa równa machnięcia jako ciąg znaków. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [niesłyszalne] gest Typ dot równa równa machnięcia. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Nie jesteśmy. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: A to ostatnie pytanie 610 00:29:49,438 --> 00:29:53,170 chcemy zobaczyć jest gest kropka Stan równa równa przystanek, prawda? 611 00:29:53,170 --> 00:29:55,860 Tak to jest, gdy Gest został zatrzymany. 612 00:29:55,860 --> 00:29:58,490 I rzeczywiście, że za zamachem, ja wiem to przy mojej głowie, 613 00:29:58,490 --> 00:30:00,340 ale jesteś mile widziane to sprawdzić, kiedy 614 00:30:00,340 --> 00:30:05,627 przesuń każdego logowania się do momentu zatrzymania jest gestem początek. 615 00:30:05,627 --> 00:30:07,460 I wtedy ostatni na po prostu gest stop. 616 00:30:07,460 --> 00:30:11,090 Więc nie będzie tylko jeden przystanek gest, który jest dla nas świetne. 617 00:30:11,090 --> 00:30:17,180 Więc co możemy zrobić, to powiedzieć, czy gest kropka wpisz równy równego machnięcia i gest kropkę 618 00:30:17,180 --> 00:30:19,950 Stan równa równa zatrzymać, a następnie niech rozsądek 619 00:30:19,950 --> 00:30:21,725 Sprawdź tutaj pocieszyć dot gest dziennika. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Więc wracamy tutaj. 622 00:30:30,790 --> 00:30:33,570 Będziemy odświeżyć stronę. 623 00:30:33,570 --> 00:30:38,380 A teraz coś, tylko czas powinien być kropka konsoli zalogowany jest kiedy przesunąć. 624 00:30:38,380 --> 00:30:40,780 I staramy się przesunąć i nie widzimy nic. 625 00:30:40,780 --> 00:30:41,280 Prawda? 626 00:30:41,280 --> 00:30:43,990 Więc to jest naprawdę duży problem. 627 00:30:43,990 --> 00:30:47,560 Nie dostrzegamy to, czego spodziewaliśmy się. 628 00:30:47,560 --> 00:30:49,356 I debugowania może być dużą częścią tego. 629 00:30:49,356 --> 00:30:51,980 Więc pierwszą rzeczą, będziemy znaczy jest, OK, niech pocieszy kropkę 630 00:30:51,980 --> 00:30:54,568 zaloguj się, jeśli gest kropka wpisz równy równego machnięcia. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Tak, zróbmy to. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Więc jesteśmy zamiar wrócić do tego. 634 00:31:02,020 --> 00:31:03,140 Odświeżenie. 635 00:31:03,140 --> 00:31:04,020 Będziemy przesunąć. 636 00:31:04,020 --> 00:31:05,150 I mamy zamiar zobaczyć kilka z nich. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Widać więc, że problemem było z naszego statusu gest dot. 639 00:31:08,710 --> 00:31:14,000 Jeśli więc otworzyć jeden z nich my będziemy szukać w obiektach, a my zobaczymy, 640 00:31:14,000 --> 00:31:18,700 dobrze, że to przystanek, ale, och, to się nazywa państwo, a nie stan. 641 00:31:18,700 --> 00:31:21,890 Więc jeśli mamy wrócić do nasz kod możemy powiedzieć, 642 00:31:21,890 --> 00:31:27,780 w przypadku typu gest machnięcia dot równa równa i stan gest dot równa równa przystanek, 643 00:31:27,780 --> 00:31:29,160 wtedy będziemy pocieszać dot zalogować się. 644 00:31:29,160 --> 00:31:30,940 I tak odświeżyć. 645 00:31:30,940 --> 00:31:31,856 Mamy przesunąć. 646 00:31:31,856 --> 00:31:33,730 I zobaczymy, że na każde machnięcie, jesteśmy tylko 647 00:31:33,730 --> 00:31:36,247 się tym, który jest koniec, który jest wielki, prawda? 648 00:31:36,247 --> 00:31:37,080 To jest to, co chcemy. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Tak. 650 00:31:37,955 --> 00:31:42,640 Możemy również zauważyć, że identyfikatory dla każdy z tych gestów są oddzielne. 651 00:31:42,640 --> 00:31:47,470 Tak jak Tomas mówił, bo jesteśmy łowienie ten stan, że jeden przystanek 652 00:31:47,470 --> 00:31:52,850 występuje na końcu przesunięciem jesteśmy coraz indywidualne odrębne gesty 653 00:31:52,850 --> 00:31:54,441 z Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Wielki. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Idziemy do przodu i po prostu zrobić ostateczną rzeczą, która jest, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Do widzenia. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Niesamowite. 659 00:32:06,425 --> 00:32:08,925 A teraz zobacz naszą stronę internetową. 660 00:32:08,925 --> 00:32:09,425 Jeden 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: drugie. 662 00:32:09,730 --> 00:32:11,271 Zrobiliśmy tak, my nie nazywamy go widzenia. 663 00:32:11,271 --> 00:32:11,920 Wielki. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Nie, Bye Funkcja jest prawdziwa. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Tak. 666 00:32:14,406 --> 00:32:15,670 Zróbmy to. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: A kiedy pożegnać, to mówi na pożegnanie. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Mamy zwycięstwo. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: Tak bardzo ekscytujące rzeczy. 670 00:32:25,632 --> 00:32:28,590 Mam nadzieję, że można zbudować coś innego, ale masz pomysł, prawda? 671 00:32:28,590 --> 00:32:30,260 Można wykryć gesty. 672 00:32:30,260 --> 00:32:31,469 Możesz zadzwonić funkcji. 673 00:32:31,469 --> 00:32:34,510 I z tego, że naprawdę daje niektóre bardzo podstawowe cegiełki 674 00:32:34,510 --> 00:32:38,800 powiedzieć, ach, być może, gdy przesuń palcem w górę, ponieważ można również wykryć rzeczy 675 00:32:38,800 --> 00:32:39,674 Kierunek podobne. 676 00:32:39,674 --> 00:32:40,840 Chcę, żeby coś zrobić. 677 00:32:40,840 --> 00:32:43,470 Albo gdy przesuń w prawo, ja chcę, żeby coś zrobić. 678 00:32:43,470 --> 00:32:45,880 I możemy zacząć się twórczy, jak dokładnie 679 00:32:45,880 --> 00:32:48,840 mamy zamiar poprawić naszą stronę internetową korzystania z tych gestów machnięcia lub okrąg 680 00:32:48,840 --> 00:32:53,695 gesty lub gesty tap, albo kluczem zawory lub kurki ekranu. 681 00:32:53,695 --> 00:32:56,070 A potem inny niż jesteś więcej niż mile widziane, aby grać 682 00:32:56,070 --> 00:32:59,640 z danymi rzeczywistymi, ale jeśli chcesz zrobić 683 00:32:59,640 --> 00:33:03,870 które proponujemy udać się do dokumentacji bo są rzeczywiście bardzo dobre. 684 00:33:03,870 --> 00:33:05,034 Więc udał się do docs teraz. 685 00:33:05,034 --> 00:33:06,450 Albo chcesz o tym porozmawiać? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Tak. 687 00:33:06,940 --> 00:33:07,920 Zróbmy to. 688 00:33:07,920 --> 00:33:13,680 Również jeden inny smakołyk doradztwa, należy spróbować i myśleć o tym w 3D. 689 00:33:13,680 --> 00:33:22,611 Czyli niech podciągnąć te gesty Gest dziennika konsoli dot jeszcze raz 690 00:33:22,611 --> 00:33:24,290 i robimy to. 691 00:33:24,290 --> 00:33:29,460 Come back i teraz spróbujmy Kilka z nich, kilka z nich. 692 00:33:29,460 --> 00:33:32,940 >> Jeśli idziemy i wymeldowanie te gesty oraz 693 00:33:32,940 --> 00:33:36,830 jak widać, że oni trójwymiarowość 694 00:33:36,830 --> 00:33:38,980 jest w trzech kierunkach, faktycznie. 695 00:33:38,980 --> 00:33:42,500 Więc nie tylko ograniczyć sobie na ekranie 2D 696 00:33:42,500 --> 00:33:45,200 chociaż może po się na stronie internetowej 2D. 697 00:33:45,200 --> 00:33:49,152 Możesz spróbować i myśleć jak użytkownik mogą wchodzić w interakcje z witryny w 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: W przestrzeni 3D. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Dokładnie. 700 00:33:51,401 --> 00:33:52,310 I tak. 701 00:33:52,310 --> 00:33:55,350 Więc masz kierunki, prędkości, wszystkie te fajne bitów informacji. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: A jeśli nie jesteś znać, że to idzie x, y, 703 00:33:58,890 --> 00:34:01,566 a następnie z jest ten ostatni wymiar. 704 00:34:01,566 --> 00:34:04,690 Po prostu coś, co prawdopodobnie jest znać, jeśli masz do czynienia z 3D 705 00:34:04,690 --> 00:34:05,731 przed współrzędnych samoloty. 706 00:34:05,731 --> 00:34:09,565 Jeśli nie ma, to jest to samo, co 2D jednym wyjątkiem nie ma trzeciego wymiaru. 707 00:34:09,565 --> 00:34:11,420 Nazywamy go z. 708 00:34:11,420 --> 00:34:16,449 I wszystko, coś jak kierunek, czyli tam, gdzie to będzie, 709 00:34:16,449 --> 00:34:19,810 position-- myślę, że może nawet wystawiać przyspieszenie, nie jestem pewien. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Tak, wierzę. 711 00:34:21,341 --> 00:34:22,340 To na pewno ma prędkość. 712 00:34:22,340 --> 00:34:25,699 I rzeczywiście nie jestem w 100% pamiętaj o przyspieszenie. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: To może być opcja można przejść do czegoś. 714 00:34:28,810 --> 00:34:33,409 Tak więc pozycja i prędkość są narażone w tego rodzaju trzech współrzędnych. 715 00:34:33,409 --> 00:34:38,812 Tak więc x, y, z i delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Więc teraz kierowany do dokumentacji to developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 a następnie można kliknąć Dokumentacji. 718 00:34:46,460 --> 00:34:50,010 Ponownie, Leap Motion ma wszystko wspaniałe API, jeden dla JavaScriptu, 719 00:34:50,010 --> 00:34:53,750 jeden dla C Sharp i Jedności, jeden dla C ++, jeden dla Java, jeden dla Pythona, 720 00:34:53,750 --> 00:34:59,020 i jeden dla Celu C. Ja osobiście by wcisnąć się do JavaScript 721 00:34:59,020 --> 00:35:01,280 lub jeśli chcesz dowiedzieć się Nowy język, spróbuj Pythona. 722 00:35:01,280 --> 00:35:05,910 Oba z tych języków, z którymi pracowałem przed i są naprawdę łatwe do nauczenia 723 00:35:05,910 --> 00:35:10,250 i już wiesz, JavaScript, który sprawia, że ​​jest to naprawdę dobry rywal. 724 00:35:10,250 --> 00:35:12,930 >> Jedno słowo ostrzeżenia po wejściu w dokumentacji. 725 00:35:12,930 --> 00:35:15,940 Upewnij się, że jesteś na Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Bo jeśli jesteś na Wersja jeden, to nie będzie działać. 727 00:35:20,250 --> 00:35:21,830 Również do galerii np. 728 00:35:21,830 --> 00:35:25,100 My spędziliśmy dobre 30 minut spróbować debug nasz Leap 729 00:35:25,100 --> 00:35:28,640 zanim zdaliśmy sobie sprawę, że V1 nie działa z V2. 730 00:35:28,640 --> 00:35:31,660 Więc po prostu upewnij się, że jesteś w wersji drugiej. 731 00:35:31,660 --> 00:35:33,904 A potem ja mu na to pokazać swoje docs. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Tak. 733 00:35:34,820 --> 00:35:39,480 Więc oto opis API, a następnie niektóre kawałki z informacji 734 00:35:39,480 --> 00:35:41,420 że mamy już mówiłem. 735 00:35:41,420 --> 00:35:44,270 Miły mały upłynnienie ręce przekraczające Leap Motion. 736 00:35:44,270 --> 00:35:47,850 I przypomnieniem, że o przestrzeni w 3D. 737 00:35:47,850 --> 00:35:53,140 Jeden z pierwszych przedmiotów z myślą o z Leap Motion są ręce, oczywiście. 738 00:35:53,140 --> 00:35:57,060 Widzieliśmy te, uznane przez rzutnika. 739 00:35:57,060 --> 00:35:59,180 A potem możesz mieć widać, że uznane 740 00:35:59,180 --> 00:36:03,202 część nadgarstka i ramię z nim związane. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Jeśli chcesz by podciągnąć Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Tak, zróbmy to jeszcze raz. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Możesz zobaczyć, zawsze po prostu dobrym przypomnieniem, aby rodzaj zobaczyć, 744 00:36:10,148 --> 00:36:14,060 Visualizer stara się pokazać wszystkie dane, które Leap widzi. 745 00:36:14,060 --> 00:36:17,606 Tak więc widać, że mamy ten rodzaj czterech punktów 746 00:36:17,606 --> 00:36:19,230 za nadgarstek, a następnie rzeczywistego nadgarstka. 747 00:36:19,230 --> 00:36:21,625 I masz również tę piłkę w dłoni. 748 00:36:21,625 --> 00:36:24,000 Wszystkie te punkty rozpoznać uznane przez skok. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Dokładnie. 750 00:36:25,041 --> 00:36:32,300 I tak z tym obiektem strony każda ramka ma tablicę ręki 751 00:36:32,300 --> 00:36:36,470 jak również, gdzie można również uzyskać lewej i prawej ręce. 752 00:36:36,470 --> 00:36:39,410 Możesz dostać które Kierunek ręce są 753 00:36:39,410 --> 00:36:42,410 stoi z normalną Kierunek dłoni, 754 00:36:42,410 --> 00:36:45,470 lub, jak nazywają go palmy normalne. 755 00:36:45,470 --> 00:36:46,510 Co jeszcze mamy? 756 00:36:46,510 --> 00:36:48,120 My także, ups. 757 00:36:48,120 --> 00:36:50,640 Spróbuj i przejdź w ten sposób. 758 00:36:50,640 --> 00:36:54,410 Ramiona, palce są reprezentowane przez palec 759 00:36:54,410 --> 00:36:57,890 Klasa, która jest możliwość kierowania wiązki obiektu. 760 00:36:57,890 --> 00:37:01,420 Tak jak mówiliśmy, widzieliśmy, że Tablica pointables dla każdej ręki. 761 00:37:01,420 --> 00:37:04,240 To są małe palce do myślenia. 762 00:37:04,240 --> 00:37:09,809 Jest to więc dobry przegląd iść przez spróbować zrozumieć. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [niesłyszalne] Ręka anatomia tam. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Tak, dokładnie. 765 00:37:13,680 --> 00:37:14,220 Więc tak. 766 00:37:14,220 --> 00:37:18,150 Istnieje wiele surowych danych, które Leap Motion ma się dobrze interpretuje 767 00:37:18,150 --> 00:37:20,750 dla Ciebie, więc jest to świetna Pomysł, aby przejść tutaj 768 00:37:20,750 --> 00:37:25,300 i spróbować dowiedzieć się, w jaki skok ma już zorientowali rzeczy dla Ciebie 769 00:37:25,300 --> 00:37:28,830 i tak to, co cię informacje mają dostępne stamtąd. 770 00:37:28,830 --> 00:37:33,150 A następnie stamtąd Polecam wchodząc w tej sekcji lewej tutaj, 771 00:37:33,150 --> 00:37:39,210 która idzie, dobrze faktycznie nie ma, to są właściwie tylko więcej API rzeczy about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: Dokumentacja API w Dno jest zazwyczaj dobre miejsce. 773 00:37:42,670 --> 00:37:45,720 Wy chyba widziałem to, kiedy zrobiliśmy Google Maps pset. 774 00:37:45,720 --> 00:37:48,590 Ale tak naprawdę odniesienia po prostu przechodzi przez wszystkie 775 00:37:48,590 --> 00:37:54,540 funkcji i parametrów dostępne w obiekcie do Ciebie. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Tak. 777 00:37:55,500 --> 00:37:57,740 Na przykład, to, co Szukałem wcześniej. 778 00:37:57,740 --> 00:38:01,030 Kiedy mamy my hand może pójść i dowiedzieć się, 779 00:38:01,030 --> 00:38:03,750 jak Leap zaleca nam się znaleźć rękę. 780 00:38:03,750 --> 00:38:06,080 Tak jak mówiłem wcześniej, mamy tablicę ręce. 781 00:38:06,080 --> 00:38:10,340 Dowiedz się, czy mamy ręce i spróbuj i złapał jedną ręką 782 00:38:10,340 --> 00:38:12,410 interakcje z w ten sposób. 783 00:38:12,410 --> 00:38:16,540 Tak więc to, co mamy Polecam dla was. 784 00:38:16,540 --> 00:38:18,400 Gesty i rzeczy, jak również. 785 00:38:18,400 --> 00:38:23,857 Ta dokumentacja API będzie być fantastyczne narzędzie dla was. 786 00:38:23,857 --> 00:38:25,440 Czy masz jakieś inne zalecenia? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: nie. 788 00:38:26,398 --> 00:38:27,590 Myślę, że to dobre na teraz. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Tak, Myślę, że tak dobrze. 790 00:38:29,340 --> 00:38:33,330 Zapraszam do napisz do nas i uzyskać kontakt o Leap Motion 791 00:38:33,330 --> 00:38:36,210 jeśli masz być może jakieś problemy lub potrzebujesz żadnych rekomendacji. 792 00:38:36,210 --> 00:38:40,310 I możemy spróbować dowiedzieć rzeczy się z wami, jak również. 793 00:38:40,310 --> 00:38:40,810 Dziękuję. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Wielki. 795 00:38:42,360 --> 00:38:42,880