1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS REIMERS: Kühl. 3 00:00:11,965 --> 00:00:13,230 So Hallo, alle zusammen. 4 00:00:13,230 --> 00:00:14,300 Mein Name ist Tomas. 5 00:00:14,300 --> 00:00:15,744 Ich bin ein TF und das ist 6 00:00:15,744 --> 00:00:16,660 Armaghan BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Schön, Sie zu sehen, Jungs. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Kühl. 9 00:00:18,470 --> 00:00:20,740 So werden wir zu sprechen über Leap Motion heute. 10 00:00:20,740 --> 00:00:22,800 So Leap Motion ist ein wirklich cool Produkt, 11 00:00:22,800 --> 00:00:25,900 lässt Sie mit einem interagieren Computer in einer anderen Art und Weise. 12 00:00:25,900 --> 00:00:28,560 So ist die ganze Idee hinter Sprung Bewegung ist, dass man 13 00:00:28,560 --> 00:00:31,430 Ihre Hände zu benutzen Interaktion mit dem Computer. 14 00:00:31,430 --> 00:00:33,610 Also hier habe ich etwas aufzubauen. 15 00:00:33,610 --> 00:00:34,790 Ich werde es in ein wenig sprechen. 16 00:00:34,790 --> 00:00:37,540 Aber der Grundversion ist, können Sie sehen, dass ich vor habe meine Hände 17 00:00:37,540 --> 00:00:42,840 von meinem Computer, und als ich sie bewegen, Sie analog auf dem Computer erhalten 18 00:00:42,840 --> 00:00:44,170 und Sie können diese analysieren. 19 00:00:44,170 --> 00:00:46,230 Sie können Gesten machen. 20 00:00:46,230 --> 00:00:49,176 Sie können Ihre Hände zu benutzen Interaktion mit dem Computer 21 00:00:49,176 --> 00:00:50,300 in neue und interessante Art und Weise. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Nun, habe ich eigentlich zuerst wollen Armi abgehen 24 00:00:57,520 --> 00:01:00,400 Ihnen zeigen, ein paar coole Demos von dem, was einige Leute haben damit fertig. 25 00:01:00,400 --> 00:01:02,816 Und dann werden wir darüber, wie zu sprechen Sie tatsächlich mit diesem Code. 26 00:01:02,816 --> 00:01:04,800 Armaghan BEHLUM: Ja. 27 00:01:04,800 --> 00:01:05,300 Hallo. 28 00:01:05,300 --> 00:01:08,870 So wie wir sahen, wenig Daten hier, aber mal sehen, 29 00:01:08,870 --> 00:01:11,680 was einige Leute haben damit fertig. 30 00:01:11,680 --> 00:01:15,130 Also lassen Sie mich öffnen gerade dieses Beispiel. 31 00:01:15,130 --> 00:01:20,770 Und dann, so zum Beispiel können Sie sehen, meine Hand analogen da, aber jetzt dieses Mal 32 00:01:20,770 --> 00:01:26,680 einige Menschen mit Unity haben beschlossen, ein wenig mehr Haut legen 33 00:01:26,680 --> 00:01:28,670 und so auf der Hand. 34 00:01:28,670 --> 00:01:35,900 So kann ich, lasst uns mit diesem zu gehen, sicher, haben meine Hände in Wechselwirkung. 35 00:01:35,900 --> 00:01:41,050 Und Sie können sich wahrscheinlich vorstellen ein paar andere coole nützliche Dinge 36 00:01:41,050 --> 00:01:42,840 dass Sie mit diesem zu tun. 37 00:01:42,840 --> 00:01:45,530 So ist dies zumindest ein Beispiel. 38 00:01:45,530 --> 00:01:48,910 Und dann lassen Sie uns aus dieser zu springen. 39 00:01:48,910 --> 00:01:56,590 >> Und dann noch ein kühles ist, lassen Sie uns mit diesem zu gehen. 40 00:01:56,590 --> 00:01:58,390 Plasmo Ball. 41 00:01:58,390 --> 00:02:03,510 Auch hier würden wir nicht unbedingt erwarten, dass diese Komplexität 42 00:02:03,510 --> 00:02:06,450 von einem Abschlussprojekt für CS50. 43 00:02:06,450 --> 00:02:10,029 Dies ist nur um Ihnen zu zeigen einige der, geben Sie Kerle 44 00:02:10,029 --> 00:02:14,570 ein wenig Inspiration für das, was euch mit Leap Motion machen können. 45 00:02:14,570 --> 00:02:20,500 So zum Beispiel, hier ist eine kühle Physik beispielsweise die dort gehen wir. 46 00:02:20,500 --> 00:02:24,305 Hat meine beiden Hände so können Sie jetzt haben diese kleinen Plasmaballs. 47 00:02:24,305 --> 00:02:31,030 Und der Ball an die Physik reagieren von mir bewegte meine Hand um den Ball. 48 00:02:31,030 --> 00:02:36,920 Nun, das ist alles, wenn auch mit Unity, Hilfe Art von Tools und Frameworks 49 00:02:36,920 --> 00:02:39,510 dass wir uns nicht gelehrt, euch in der Klasse, 50 00:02:39,510 --> 00:02:46,590 aber wie Sie ein paar ziemlich sehen kühlen Durchläufe mit dem. 51 00:02:46,590 --> 00:02:51,750 >> Aber eine Sache, die euch tun können Anfahren jetzt mit Leap Motion 52 00:02:51,750 --> 00:02:53,260 ist die Arbeit in JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion hat eine JavaScript-API, Sie Kerle können und wir sehr, sehr 54 00:02:58,960 --> 00:03:02,040 empfehlen, dass Sie Jungs bauen Ihre Projekte mit, dass. 55 00:03:02,040 --> 00:03:04,350 Also mit diesem, lassen Sie mich geben sie wieder ab, um Tomas 56 00:03:04,350 --> 00:03:06,582 über Leap sprechen Motion und JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Kühl. 58 00:03:07,415 --> 00:03:09,230 Oder wollen Sie anzeigen möchten ihnen die ersten Visualizer? 59 00:03:09,230 --> 00:03:09,670 >> Armaghan BEHLUM: Oh ja. 60 00:03:09,670 --> 00:03:10,170 Ja. 61 00:03:10,170 --> 00:03:11,900 Reden wir mehr über diese Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Also auf einer grundlegenden Ebene, wenn Sie zuerst auf Leap Motion erhalten 63 00:03:14,983 --> 00:03:16,940 wirst du dieses Kästchen haben. 64 00:03:16,940 --> 00:03:18,330 Hier wollen, dass ich die Kontrolle übernehmen? 65 00:03:18,330 --> 00:03:19,180 >> Armaghan BEHLUM: Ja, gehen für sie. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Also wenn Sie Erste Leap Motion erhalten 67 00:03:20,530 --> 00:03:21,780 wirst du dieses Kästchen haben. 68 00:03:21,780 --> 00:03:24,460 Es eine Einrichtung aufweist, sieht ungefähr so ​​aus. 69 00:03:24,460 --> 00:03:28,990 Sie stecken Sie es in Ihrem Computer, Installieren Sie die notwendigen Treiber, 70 00:03:28,990 --> 00:03:30,950 und dann wird es im Grunde eingerichtet werden. 71 00:03:30,950 --> 00:03:34,160 So ist der einfachste Weg, um zu sortieren der Deal mit Leap Motion 72 00:03:34,160 --> 00:03:39,240 wird dieses Programm für die es installiert rief die Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Und der Visualizer ist buchstäblich was ich hier zeigen. 74 00:03:41,490 --> 00:03:45,340 Es ermöglicht Ihnen, die zu sehen Skelett Umriss der Hand. 75 00:03:45,340 --> 00:03:49,940 Und was die Leap Motion als sie zu interpretieren. 76 00:03:49,940 --> 00:03:53,750 So ist die Leap Motion verwendet die Kamera bis der Blick auf Ihre Hände sortieren 77 00:03:53,750 --> 00:03:59,176 und dann versucht es zu erraten, was die Grundskelett Zusammensetzung, die Sie 78 00:03:59,176 --> 00:04:00,460 siehe der Bildschirm ist. 79 00:04:00,460 --> 00:04:01,669 Und das ist, was es zeigt Ihnen. 80 00:04:01,669 --> 00:04:03,418 Armaghan BEHLUM: Jeder Einzel wenig Sinn, 81 00:04:03,418 --> 00:04:06,580 und, was Sie sehen, gibt es Daten, die verfügbar ist, um euch 82 00:04:06,580 --> 00:04:07,270 sowie zu bedienen. 83 00:04:07,270 --> 00:04:09,670 So können Sie sehen, dass es Erfassen, dass Tomas 84 00:04:09,670 --> 00:04:12,160 hat fünf Finger, die jeweils diese verschiedenen Fingern 85 00:04:12,160 --> 00:04:17,110 auch für Sie als Daten vorhanden Punkte in jeder Anwendung 86 00:04:17,110 --> 00:04:18,256 dass Sie vielleicht. 87 00:04:18,256 --> 00:04:20,339 Wenn Sie sehen wollen, wenn jemand macht einen Daumen nach oben 88 00:04:20,339 --> 00:04:23,860 Sie, wenn die Finger sehen gewellt und ob sie 89 00:04:23,860 --> 00:04:25,850 Daumen Finger zeigen nach oben, oder in denen 90 00:04:25,850 --> 00:04:30,037 Handgelenk oder der Handfläche ist und diese Art von Sachen. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Kühl. 92 00:04:30,870 --> 00:04:35,186 So können Sie ein paar Gesten sehen versteht besser als andere. 93 00:04:35,186 --> 00:04:38,310 Denken Sie daran, dass es auf der Suche Ihrer Hand von in einer Kamera von unten, 94 00:04:38,310 --> 00:04:41,630 so, wenn Sie Ihre Hände wie haben Dieses es sie verstehe voll und ganz, 95 00:04:41,630 --> 00:04:44,509 aber wenn man einmal zu versuchen und zu tun, ein Daumen nach oben, manchmal liest, 96 00:04:44,509 --> 00:04:47,550 manchmal kann es erraten, aber ehrlich Die Kamera kann einfach nicht sehen, die Daumen. 97 00:04:47,550 --> 00:04:49,810 So ist es nicht wirklich sicher, was passiert. 98 00:04:49,810 --> 00:04:54,910 Nur einige Einschränkungen zu beachten, wenn Sie entwickeln mit diesem. 99 00:04:54,910 --> 00:04:56,540 >> Wie auch immer, so geht zurück auf diese. 100 00:04:56,540 --> 00:04:59,040 Der Visualizer tatsächlich hat eine Menge nützlicher Tools. 101 00:04:59,040 --> 00:05:01,780 So ist die Leap Motion ist derart programmiert 102 00:05:01,780 --> 00:05:04,280 dass sie nicht erwarten, dass Sie Interaktion mit der Bilddaten. 103 00:05:04,280 --> 00:05:06,230 Sie nicht wirklich erwarten, dass Sie verstehen, 104 00:05:06,230 --> 00:05:08,060 was hinter den Kulissen passiert. 105 00:05:08,060 --> 00:05:11,620 Was sie tun, ist ausgesetzt eine Reihe von APIs für Sie 106 00:05:11,620 --> 00:05:13,420 wie, dass man Interaktion mit diesem Daten 107 00:05:13,420 --> 00:05:18,400 direkt, ohne zu verstehen was los ist unter der Haube. 108 00:05:18,400 --> 00:05:27,790 >> Also, wenn wir getroffen H hier im Visualizer Sie werden eine Menge von Optionen zu sehen. 109 00:05:27,790 --> 00:05:35,450 Das wichtigste hier aber ist, wenn Sie traf O und dann drücken Sie H, 110 00:05:35,450 --> 00:05:38,080 Sie sehen, dass es werde können Sie Gesten zu ziehen. 111 00:05:38,080 --> 00:05:43,380 So eine Geste, sehen Sie, es zeichnet einen Pfeil über. 112 00:05:43,380 --> 00:05:47,010 Eine Geste ist einer der Wege, die Sprung Motion-Art können Sie an der Daten zu erhalten 113 00:05:47,010 --> 00:05:48,462 ohne es zu verarbeiten. 114 00:05:48,462 --> 00:05:51,170 Also anstatt mich zu müssen heraus aus, oh, die Hand bewegte, 115 00:05:51,170 --> 00:05:54,970 auch wenn ich Punkt Zugang, den API Art sagen Sie mir, 116 00:05:54,970 --> 00:05:56,380 hey, machten sie diese Geste. 117 00:05:56,380 --> 00:05:58,920 So können Sie grundlegende Pfeil Gesten machen. 118 00:05:58,920 --> 00:06:00,590 Sie können Kreis Gesten machen. 119 00:06:00,590 --> 00:06:03,530 Sie können tippen Gesten. 120 00:06:03,530 --> 00:06:07,630 Und Sie können Tastendruck Gesten machen. 121 00:06:07,630 --> 00:06:09,394 Ja. 122 00:06:09,394 --> 00:06:10,800 Und solche Sachen. 123 00:06:10,800 --> 00:06:14,370 So, jetzt haben wir eine Art haben zu sehen, was Leap Motion machen können, 124 00:06:14,370 --> 00:06:17,792 Sie sehen, es kann ein zu lesen ganze Reihe von Gesten. 125 00:06:17,792 --> 00:06:19,500 Ich glaube, ich bin zu gehen geben es zurück zu Armi 126 00:06:19,500 --> 00:06:22,300 und er wird über das zu sprechen Sie erhalten auf diese mit JavaScript 127 00:06:22,300 --> 00:06:24,520 Wie Sie beginnen sogar ein Projekt mit diesem. 128 00:06:24,520 --> 00:06:27,724 Und dann werden wir über einige sprechen coole Orte, die Sie mit, dass zu gehen. 129 00:06:27,724 --> 00:06:28,640 Armaghan BEHLUM: Ja. 130 00:06:28,640 --> 00:06:29,300 Klingt gut. 131 00:06:29,300 --> 00:06:31,950 Also ja, das erste, was wir wollen Sie natürlich auch tun, 132 00:06:31,950 --> 00:06:37,170 ist, nachdem Sie die Leap Motion ist es, gehen Sie zu leapmotion.com, Aufstellung, Montage 133 00:06:37,170 --> 00:06:38,420 die Fahrer und Material. 134 00:06:38,420 --> 00:06:42,520 Nachdem ich, dass Sie gehen können, um sicherzustellen, dass er angeschlossen ist. 135 00:06:42,520 --> 00:06:46,910 Wenn Sie in Ihrem kleinen Fach finden Sie in der Leap Motion-Symbol und es ist grün, 136 00:06:46,910 --> 00:06:48,640 dann wissen Sie, du bist fertig. 137 00:06:48,640 --> 00:06:53,710 Und selbstverständlich prüfen, was genau Tomas zeigten Sie gerade mit den Gesten 138 00:06:53,710 --> 00:06:59,320 und tun die Berührung des Bildschirms, und Schlüssel Hähne, und diese Art von Sachen. 139 00:06:59,320 --> 00:07:02,180 >> Nach, dass, obwohl wir, einmal mehr, wie ich schon sagte, 140 00:07:02,180 --> 00:07:06,530 Wir haben Zugriff auf alle diese Dinge in JavaScript als auch. 141 00:07:06,530 --> 00:07:09,020 Die ideale up, dass setzen wir würden Sie empfehlen 142 00:07:09,020 --> 00:07:16,440 Jungs ist in Ihrem gehen vhost Verzeichnis lokalen Host, 143 00:07:16,440 --> 00:07:19,340 Öffentlichkeit im CS50-Appliance. 144 00:07:19,340 --> 00:07:24,790 Und wenn Sie dort hin gehen, was Sie sehen, ist ein Indexpunkt HTML-Datei. 145 00:07:24,790 --> 00:07:28,180 Nun, da Indexpunkt HTML-Datei oder Indexpunkt 146 00:07:28,180 --> 00:07:32,740 PHP-Datei, es gilt der gut, was Sie dann tun können 147 00:07:32,740 --> 00:07:35,150 ist gehen Sie zu Ihrem Haupt-Betriebssystem. 148 00:07:35,150 --> 00:07:38,650 Und wenn Sie die IP-Adresse gehen das ist in der rechten unteren Ecke aufgeführt 149 00:07:38,650 --> 00:07:45,180 Ecke des Gerätes genau hier, wie Sie sehen können, was passiert dann 150 00:07:45,180 --> 00:07:51,240 wird Sie zu der Seite, ist zu gehen von diesem Indexpunkt HTML-Datei verwiesen. 151 00:07:51,240 --> 00:07:56,610 Also alles, was Sie den Code, die Sie setzen in es wird gesendet und wieder verwendbar ist hier. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: So ist es auch wichtig gerade als Referenz 153 00:07:58,960 --> 00:08:06,554 dass, wenn Sie Jungs wirklich wissen, wie man einen Server einrichten Sie sich, 154 00:08:06,554 --> 00:08:09,720 oder Sie dies auf der weltweit setzen wollen Bahn, sind Sie herzlich eingeladen, was auch immer zu tun. 155 00:08:09,720 --> 00:08:11,594 Denken Sie daran, dass es sich um nur JavaScript-Dateien 156 00:08:11,594 --> 00:08:14,250 und der ganze Sprung Verarbeitung ist auf dem Client. 157 00:08:14,250 --> 00:08:16,510 So ist es nicht wirklich wichtig, wo Ihr Server Leben 158 00:08:16,510 --> 00:08:19,660 so lange, wie der Computer Du betrachtest die Website an 159 00:08:19,660 --> 00:08:22,024 hat Leap Motion installiert. 160 00:08:22,024 --> 00:08:23,190 Armaghan BEHLUM: Auf jeden Fall. 161 00:08:23,190 --> 00:08:25,680 Wie Tomas sagte, ja, Was auch immer für euch. 162 00:08:25,680 --> 00:08:28,570 Dies ist nur eine unserer Empfehlungen. 163 00:08:28,570 --> 00:08:31,660 Jetzt starten mit Leap Bewegung, was Sie tun würden, 164 00:08:31,660 --> 00:08:36,640 wird Sie importieren die JavaScript-Datei von Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Und dann von dort, was Sie tun können, ist, gerade jetzt 166 00:08:39,610 --> 00:08:44,250 Ich habe nur dieses Absatzes Tag mit der ID Text gesetzt. 167 00:08:44,250 --> 00:08:48,690 Dinge, die wir empfehlen werden Controller-Optionen einstellen 168 00:08:48,690 --> 00:08:52,012 für Leap Motion mit der ermöglichen Gesten wahr zu sein. 169 00:08:52,012 --> 00:08:53,970 So standardmäßig die Gesten, die wir Ihnen gezeigt, 170 00:08:53,970 --> 00:08:57,010 Jungs, der Kreis, und die Schlüsselhahn, und die Schläge, 171 00:08:57,010 --> 00:09:00,330 diese werden nicht gezeigt euch standardmäßig. 172 00:09:00,330 --> 00:09:04,450 Aber wir empfehlen, mit denen so dass Sie nicht das Rad neu erfinden. 173 00:09:04,450 --> 00:09:09,489 Aktivieren Sie die zu wahren, vorbei an denen Controller-Optionen zu Punkt Schleife springen 174 00:09:09,489 --> 00:09:10,530 und Sie sind einstellen, um zu gehen. 175 00:09:10,530 --> 00:09:13,270 Denn dann müssen Sie nur noch definiert eine anonyme Funktion 176 00:09:13,270 --> 00:09:16,910 das wird in eine Aufnahme Rahmen aus Leap Motion 177 00:09:16,910 --> 00:09:21,150 und dass der Rahmen hat alle Informationen, die Sie gehen zu müssen, sind. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Also, nur um rekapitulieren, müssen Sie ein Objekt. 179 00:09:25,310 --> 00:09:28,250 Sie müssen diese Funktion genannt Sprung Punkt Schleife. 180 00:09:28,250 --> 00:09:30,460 Und Sie nennen es mit zwei Argumenten. 181 00:09:30,460 --> 00:09:33,134 Sie nennen es mit einem, die Controller-Optionen. 182 00:09:33,134 --> 00:09:35,300 Und es gibt eine Menge von Optionen, die Sie dort setzen in. 183 00:09:35,300 --> 00:09:38,170 Der, den wir gerade zu gehen betonen ist Gesten zu ermöglichen. 184 00:09:38,170 --> 00:09:41,230 Und wenn Sie es gleich wahr ist, dann setzen Sie Zugriff auf diese Gesten zu bekommen 185 00:09:41,230 --> 00:09:42,940 dass wir Ihnen gezeigt, in der Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Und dann das zweite Argument ist ein Funktion, es ist ein bisschen wie ein Rückruf 187 00:09:47,500 --> 00:09:53,010 das wird jeder aufgerufen werden Zeit jeden Frame Sprung, 188 00:09:53,010 --> 00:09:57,340 Also jedes Mal, Sprung Register, Ihre Hand bewegen, hat es einen neuen Rahmen. 189 00:09:57,340 --> 00:10:02,130 Und diese Funktion mit einer ruft Argument, das der Rahmen-Objekt ist. 190 00:10:02,130 --> 00:10:05,909 Und das Frame-Objekt beschreibt der Rahmen, wie Leap sieht. 191 00:10:05,909 --> 00:10:06,950 Armaghan BEHLUM: Genau. 192 00:10:06,950 --> 00:10:10,450 So enthält diese alle nützlichen Stücke von Informationen 193 00:10:10,450 --> 00:10:12,550 dass wir vorhin gesprochen. 194 00:10:12,550 --> 00:10:18,010 Überprüfen Rahmen dot Gesten ist eine Reihe von Gesten 195 00:10:18,010 --> 00:10:23,680 dass der Sprung Bewegung gefangen Ihre Hände zu tun im letzten Frame. 196 00:10:23,680 --> 00:10:26,470 So zum Beispiel, was wir denn hier ist wir überprüfen, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, in diesem letzten Bild habe Sie Gesten, die ich tat, fangen? 198 00:10:31,820 --> 00:10:36,350 Und wenn ja, was wir beschließen, zu tun wird durch diese Gesten laufen 199 00:10:36,350 --> 00:10:39,760 und versuchen, einige nützliche Informationen von ihnen. 200 00:10:39,760 --> 00:10:44,290 Jede Geste hat eine einzigartige ID zugeordnet. 201 00:10:44,290 --> 00:10:46,280 Sie haben Typen. 202 00:10:46,280 --> 00:10:50,220 Sie können an welchen Finger schauen wurden in den Gesten beteiligten 203 00:10:50,220 --> 00:10:52,770 indem Sie aus diesen anzielbaren Zeug. 204 00:10:52,770 --> 00:10:56,490 Also, wenn, wenn Sie durch die gehen Leap Motion JavaScript API Zeug, 205 00:10:56,490 --> 00:10:59,630 wenn sie erwähnen pointables, sie sind über diese Finger sprechen. 206 00:10:59,630 --> 00:11:04,480 Und dann die Hände sind natürlich die gesamte Hand-Objekt. 207 00:11:04,480 --> 00:11:05,210 >> Was sonst? 208 00:11:05,210 --> 00:11:08,630 Sie können überprüfen, wie lange die Bewegung fort 209 00:11:08,630 --> 00:11:11,640 für und, ja, all die nützlichen Sachen. 210 00:11:11,640 --> 00:11:16,490 Also, was ich jetzt tun Hier ist I angemeldet Sie den Rahmen, 211 00:11:16,490 --> 00:11:24,350 und dann habe ich mein HTML aktualisieren, um anzuzeigen alle diese Bits von Informationen 212 00:11:24,350 --> 00:11:25,820 von dem Rahmen. 213 00:11:25,820 --> 00:11:28,010 Also lassen Sie uns prüfen, ob aus. 214 00:11:28,010 --> 00:11:29,440 >> Also hier ist es. 215 00:11:29,440 --> 00:11:34,730 Hier ist der Index Punkt HTML-Datei. 216 00:11:34,730 --> 00:11:38,560 Und wie Sie gerade gesehen, als ich gerade umgezogen meine Hand Leap fing einen Kreisbewegung. 217 00:11:38,560 --> 00:11:44,960 So können Sie sehen mich dabei ein Kreis über hier, aktualisiert mit Kreis Informationen. 218 00:11:44,960 --> 00:11:48,332 Doing Hiebe, fängt Schläge. 219 00:11:48,332 --> 00:11:49,290 Versuchen wir eine Bildschirm Registerkarte. 220 00:11:49,290 --> 00:11:50,090 Dort gehen wir. 221 00:11:50,090 --> 00:11:52,370 Bildschirm tippen und ein Schlüsselhahn. 222 00:11:52,370 --> 00:11:55,040 So Schlüssel Hähne auch durch die So sind, wenn Sie sich treffen. 223 00:11:55,040 --> 00:11:57,260 So können Sie sich vorstellen vielleicht ein Klavier spielt. 224 00:11:57,260 --> 00:11:59,869 >> Und dann Bildschirmberührungen sind wenn Sie traf den Bildschirm. 225 00:11:59,869 --> 00:12:02,910 So können Sie vielleicht sogar vorstellen, können Sie über einen Touchscreen vor Ihnen 226 00:12:02,910 --> 00:12:05,190 und Sie schlagen die Touch sind Bildschirm vor Ihnen. 227 00:12:05,190 --> 00:12:08,470 Und dann können wir ein zu packen dieser Objekte in hier. 228 00:12:08,470 --> 00:12:12,960 So erinnere ich mich, dass ich Passieren der Rahmen in der Konsole ist. 229 00:12:12,960 --> 00:12:17,160 Und so können wir einen Blick auf die gesamte Stücke von Informationen 230 00:12:17,160 --> 00:12:22,500 die verfügbar sind in daß der Rahmen sowie zu bedienen. 231 00:12:22,500 --> 00:12:26,320 >> Wie ich bereits sagte, pointables die Finger. 232 00:12:26,320 --> 00:12:30,260 Zu diesem Zeitpunkt hatten wir nicht unsere Hände vor dem Leap Motion 233 00:12:30,260 --> 00:12:32,010 so registriert Null, aber das ist, wie Sie 234 00:12:32,010 --> 00:12:35,980 beginnen würde vielleicht herausfinden, wie viele Finger auf dem Bildschirm. 235 00:12:35,980 --> 00:12:37,810 Und diese Art von Informationen. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: Und das Erinnern dies ist nur ein Objekt. 237 00:12:40,060 --> 00:12:42,185 Also alles zugegriffen werden kann wie eine Art Struktur 238 00:12:42,185 --> 00:12:45,540 in C. Sie haben die Aufgabe, nennen Punkt dem Namen der Eigenschaft. 239 00:12:45,540 --> 00:12:48,830 Und dann in, dass Sie Arrays und andere Objekte haben, 240 00:12:48,830 --> 00:12:50,850 aber denken Sie daran, es ist nur ein Objekt. 241 00:12:50,850 --> 00:12:53,788 Es gibt nichts besonderes weil wir mit Sprung. 242 00:12:53,788 --> 00:12:54,704 Armaghan BEHLUM: Ja. 243 00:12:54,704 --> 00:12:56,544 Kühle. 244 00:12:56,544 --> 00:12:58,710 Sollten wir prüfen, ein paar JavaScript-Beispiele? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: So schnell vergessen, dass wir 247 00:13:07,810 --> 00:13:12,470 sagte, dass Leap kann tatsächlich laufen auf jeder Website. 248 00:13:12,470 --> 00:13:15,250 LeapJS wird nur an einen Kunden serviert. 249 00:13:15,250 --> 00:13:19,850 Und so zusammen, wie der Kunde Leap Motion angebracht wird es funktionieren. 250 00:13:19,850 --> 00:13:22,540 So Leap Motion hat ein Website, wo Menschen 251 00:13:22,540 --> 00:13:24,540 ihre Beispiele teilen Dinge, die sie gemacht habe. 252 00:13:24,540 --> 00:13:26,623 Also sind wir gerade dabei, zu gehen durch ein paar von ihnen 253 00:13:26,623 --> 00:13:29,980 um zu sehen, was möglich ist, bevor Tauchen in mehr Einzelheiten darüber, wie 254 00:13:29,980 --> 00:13:32,510 es ist möglich. 255 00:13:32,510 --> 00:13:33,346 So 256 00:13:33,346 --> 00:13:34,470 Armaghan BEHLUM: Mal sehen. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Jetzt sollte es funktionieren. 258 00:13:36,136 --> 00:13:38,520 Armaghan BEHLUM: So, jetzt bevor wir ein Beispiel gesehen 259 00:13:38,520 --> 00:13:45,280 mit Unity, die unsere Hände gemacht mit ziemlich beeindruckende Grafik-Skins, 260 00:13:45,280 --> 00:13:50,200 aber jetzt können Sie sehen, können Sie das tun, dasselbe in einem Web-Browser. 261 00:13:50,200 --> 00:13:54,640 Das ist alles im Inneren Chrome nur mit Hilfe von JavaScript. 262 00:13:54,640 --> 00:13:57,460 Und dann die andere nette Sache ist, wenn Sie wollen 263 00:13:57,460 --> 00:14:02,610 zu wissen, wie sie dies taten, Beispiele für JavaScript 264 00:14:02,610 --> 00:14:07,540 auch Code Optionen Sie können überprüfen, und dann sehen, 265 00:14:07,540 --> 00:14:12,570 wie diese Person wurde Grabbing Hände und Codes und so. 266 00:14:12,570 --> 00:14:16,730 >> Also das ist alles, was Sie finden können bei developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Sie können gehen und überprüfen Sie JavaScript Beispiele, die sie dort haben. 268 00:14:20,810 --> 00:14:23,280 Also ja. 269 00:14:23,280 --> 00:14:25,205 Hier sind sie, oops sorry. 270 00:14:25,205 --> 00:14:27,680 Lassen Sie uns versuchen, dass wieder. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Ich habe zwei rechten Händen. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Also ja. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Also wieder, erinnern manchmal Leap vermasselt. 276 00:14:37,440 --> 00:14:40,790 Probieren Sie es ein zweites. 277 00:14:40,790 --> 00:14:42,784 Es ist nicht perfekt, aber es ist ziemlich gut. 278 00:14:42,784 --> 00:14:44,700 Armaghan BEHLUM: One andere Empfehlung auch 279 00:14:44,700 --> 00:14:48,780 ist es nicht in direkter Sonneneinstrahlung. 280 00:14:48,780 --> 00:14:51,260 So übrigens Leap Motion Werke ist, tatsächlich 281 00:14:51,260 --> 00:14:54,500 wenn ich die Kamera diese zeigen als auch Infrarotlicht. 282 00:14:54,500 --> 00:14:57,375 So sendet er diejenigen aus und dann liest sie, wenn sie zurückkommen. 283 00:14:57,375 --> 00:14:59,250 Also, wenn Sie versuchen, tun sie direkter Sonneneinstrahlung, 284 00:14:59,250 --> 00:15:01,610 zum Beispiel, ist es wahrscheinlich nicht zur Arbeit gehen, 285 00:15:01,610 --> 00:15:05,850 oder es wird erforderlich einige Kalibrierung zu tun. 286 00:15:05,850 --> 00:15:10,450 >> Auch eine andere Empfehlung ist, klar den Raum hinter dem Sprung 287 00:15:10,450 --> 00:15:12,740 und vor Leap. 288 00:15:12,740 --> 00:15:15,520 Betrachten Sie es als Arbeits innerhalb einer Kuppel, die ist 289 00:15:15,520 --> 00:15:18,360 rund um dieses Leap Motion-Objekt. 290 00:15:18,360 --> 00:15:20,550 Wenn es Sachen Recht dahinter aber auch, 291 00:15:20,550 --> 00:15:24,740 das ist auch werde stören mit, wie die Leap Motion versuchen 292 00:15:24,740 --> 00:15:26,690 Ihre Hand erkennen und diese Art von Sachen. 293 00:15:26,690 --> 00:15:30,010 >> So, zum Beispiel, ich glaube, in diesem Fall ist es mein Laptop tatsächlich 294 00:15:30,010 --> 00:15:34,351 das ist eine Art, den Sprung Motion. 295 00:15:34,351 --> 00:15:35,100 Ja, da wir gehen. 296 00:15:35,100 --> 00:15:41,021 Also, wenn ich klar aus meinem Laptop aus dahinter die Hand zeigen sich ziemlich gut. 297 00:15:41,021 --> 00:15:41,520 Also ja. 298 00:15:41,520 --> 00:15:42,061 Es ist das. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Also, was sonst getan zeigen wir ihnen. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Ich denke, Jetzt wäre die Zeit 302 00:15:48,250 --> 00:15:52,039 bis der Sprung ins sortieren und lassen Sie uns einfach machen eine Demo ganz von vorne an. 303 00:15:52,039 --> 00:15:53,330 Es wird wirklich einfach. 304 00:15:53,330 --> 00:15:55,250 Im Grunde, was wir um zu versuchen zu tun, ist es 305 00:15:55,250 --> 00:15:58,570 so dass, wenn Sie Ihre Hand, die wischen Hintergrund geht um so rot beginnen, 306 00:15:58,570 --> 00:16:01,361 und wenn Sie Ihre Hand streichen, die Hintergrund geht auf grün. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Wirklich einfach. 309 00:16:03,709 --> 00:16:05,750 Und es ist im Grunde nur gehen durch eine Menge gehen 310 00:16:05,750 --> 00:16:08,360 der Konzepte Leap damit wir 311 00:16:08,360 --> 00:16:12,630 bekommen in dieser Ideologie, wie Leap funktioniert und wie wir Sachen mit, dass zu bauen. 312 00:16:12,630 --> 00:16:16,760 Und dann von dort wir werden wahrscheinlich nur zeigen, 313 00:16:16,760 --> 00:16:19,710 die API-Dokumentation und wo Sie Mehr zu diesem Thema lesen. 314 00:16:19,710 --> 00:16:21,030 Und dann werden wir es heute nennen. 315 00:16:21,030 --> 00:16:24,294 So wollen Sie codieren möchten oder willst du mich zum Code? 316 00:16:24,294 --> 00:16:25,210 Armaghan BEHLUM: Ja. 317 00:16:25,210 --> 00:16:28,350 Nun, ich denke wir arbeiten zusammen auf diese und versuchen 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Also wir werden tun einige Paar Codierung. 319 00:16:30,292 --> 00:16:31,500 Armaghan BEHLUM: Dort gehen wir. 320 00:16:31,500 --> 00:16:33,250 Das ist genau das, was ich wollte heraus zu überprüfen. 321 00:16:33,250 --> 00:16:34,700 Kühle. 322 00:16:34,700 --> 00:16:38,750 So zum Beispiel in hier, mal sehen. 323 00:16:38,750 --> 00:16:40,979 Während wir Iteration durch die Gesten schon, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Willst du machen nur eine völlig neue Datei? 325 00:16:43,270 --> 00:16:43,870 Armaghan BEHLUM: Völlig neue Datei? 326 00:16:43,870 --> 00:16:44,246 Ja, sicher. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Ja. 328 00:16:45,000 --> 00:16:45,920 >> Armaghan BEHLUM: Also lassen Sie uns tun. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Also werden wir um ein komplett einreichen. 330 00:16:48,253 --> 00:16:51,290 Wir nennen es die Hand dot HTML. 331 00:16:51,290 --> 00:16:52,670 Das ist cool mit mir. 332 00:16:52,670 --> 00:16:59,020 So erinnern Sie sich ein HTML-Tag zu tun, dann innerhalb, dass Sie einen Kopf. 333 00:16:59,020 --> 00:17:02,982 Das Kopf hat einen Titel in ihr. 334 00:17:02,982 --> 00:17:04,349 So Registerkarte umge. 335 00:17:04,349 --> 00:17:05,589 Dort gehen Sie. 336 00:17:05,589 --> 00:17:09,359 Titel, werden wir es nennen Leap Beispiel. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> Armaghan BEHLUM: Hoppla. 339 00:17:13,540 --> 00:17:14,040 Titel. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Yep. 341 00:17:14,474 --> 00:17:15,776 >> Armaghan BEHLUM: Da sind wir. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Und dann lassen Sie uns einen Körper. 343 00:17:18,180 --> 00:17:20,852 >> Armaghan BEHLUM: Warten Sie, lassen Sie uns Auch stellen Sie sicher, zu importieren. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, natürlich. 345 00:17:22,060 --> 00:17:22,560 Mein schlechtes. 346 00:17:22,560 --> 00:17:28,700 Also immer sicherstellen, dass Sie die Leap haben Skript, so dass ein Skript ein, die Sie 347 00:17:28,700 --> 00:17:31,810 von Leap Motion, die im Grunde ermöglicht es dem Web-Browser eine Verbindung 348 00:17:31,810 --> 00:17:35,580 zur Einrichtung auf dem Computer des Benutzers. 349 00:17:35,580 --> 00:17:38,510 Und dann in diesen wir brauchen einen Körper und lassen Sie uns einfach 350 00:17:38,510 --> 00:17:40,580 machen den Körper sagen hallo so dass wir Studenten zeigen 351 00:17:40,580 --> 00:17:42,704 wie man auf diese neue Verbindung Web-Seite, die sie gemacht. 352 00:17:42,704 --> 00:17:44,260 Armaghan BEHLUM: Sicher. 353 00:17:44,260 --> 00:17:45,724 Also lasst uns einfach another-- setzen 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Hallo, Hallo Welt. 355 00:17:48,730 --> 00:17:50,210 Also ein sehr einfaches Beispiel. 356 00:17:50,210 --> 00:17:53,400 Wirklich nur eine Demo. 357 00:17:53,400 --> 00:17:58,505 >> Armaghan BEHLUM: Und dann wir hier kann, nannten wir Hand dot HTML zu gehen, 358 00:17:58,505 --> 00:18:00,000 oder? 359 00:18:00,000 --> 00:18:00,810 Und oh! 360 00:18:00,810 --> 00:18:04,310 Ich frage mich, was los ist mit diesem Augenblick. 361 00:18:04,310 --> 00:18:07,639 Lassen Sie Leseberechtigungen hinzufügen zu Punkt HTML übergeben. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Möchten Sie um es in der großen Terminal tun 363 00:18:09,930 --> 00:18:11,080 so dass wir nur zeigen sie auf the-- 364 00:18:11,080 --> 00:18:12,501 >> Armaghan BEHLUM: Ja, das macht Sinn. 365 00:18:12,501 --> 00:18:13,001 In Ordnung. 366 00:18:13,001 --> 00:18:15,720 Also habe ich nur noch die Berechtigungen, aber wenn wir 367 00:18:15,720 --> 00:18:18,350 waren Sie bitte zuerst die Berechtigungen, bevor wir 368 00:18:18,350 --> 00:18:22,560 würde, dass tatsächlich die Hand gesehen haben dot HTML nicht über Leseberechtigungen 369 00:18:22,560 --> 00:18:25,570 und daher konnten wir nicht machen es. 370 00:18:25,570 --> 00:18:30,850 Aber jetzt, wenn wir das tun, sehen wir unsere wenig Hallo Welt recht. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Lassen Sie uns also tatsächlich, als er schrieb, Hallo Welt, 372 00:18:33,580 --> 00:18:35,371 Ich über eine Idee wir könnten das ändern. 373 00:18:35,371 --> 00:18:41,150 Machen wir es sagen, hallo Welt, dann, wenn Sie winken, heißt es Abschied nehmen. 374 00:18:41,150 --> 00:18:41,650 Richtig? 375 00:18:41,650 --> 00:18:42,210 So hallo, auf Wiedersehen. 376 00:18:42,210 --> 00:18:42,560 >> Armaghan BEHLUM: Sicher. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Das klingt ziemlich gut. 378 00:18:44,010 --> 00:18:45,120 >> Armaghan BEHLUM: Das klingt gut für mich. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Also, wenn wir tun, dass wir einfach 380 00:18:46,920 --> 00:18:48,980 denken über die Web-Seite ein wenig. 381 00:18:48,980 --> 00:18:51,800 Wir werden ein Skript benötigen was im Grunde registriert 382 00:18:51,800 --> 00:18:56,470 Sie winkte und auf einen Sprung, eine Welle und ein Schlag, dasselbe. 383 00:18:56,470 --> 00:18:59,584 So werden wir ein Skript benötigen, dass grundsätzlich Register für diesen Schlag. 384 00:18:59,584 --> 00:19:01,500 Und noch etwas, wir sind gehen zu müssen, ist, wir sind 385 00:19:01,500 --> 00:19:04,360 werde einige brauchen eigentlichen Inhalt zu ändern. 386 00:19:04,360 --> 00:19:07,850 >> So wie Sie sich erinnern, jQuery ermöglicht es Ihnen, Inhalte zu ändern. 387 00:19:07,850 --> 00:19:13,017 So eine Sache wir vielleicht schließen dabei ist die jQuery-Bibliothek. 388 00:19:13,017 --> 00:19:16,100 Und dann in der Lage sein, was auszuwählen wir eigentlich los, um Inhalte zu ändern, 389 00:19:16,100 --> 00:19:18,224 das wird eine ID benötigen oder eine Klasse oder etwas, 390 00:19:18,224 --> 00:19:20,100 dass wir verwenden können, um es auszuwählen. 391 00:19:20,100 --> 00:19:25,010 So dass wir nur geben ihm eine schnelle Identifikation von Text ändern. 392 00:19:25,010 --> 00:19:26,974 Und dann wollen Sie jQuery zu greifen? 393 00:19:26,974 --> 00:19:29,890 Armaghan BEHLUM: Also, was ist das erste was auf unserer Liste, um dann jetzt tun? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Lassen Sie greifen jQuery? 395 00:19:30,620 --> 00:19:32,494 Armaghan BEHLUM: Lassen Sie uns greifen jQuery, OK, cool. 396 00:19:32,494 --> 00:19:34,502 In diesem Fall werde ich um actually-- zu haben 397 00:19:34,502 --> 00:19:36,210 wo wäre die beste Ort, um das zu tun? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, wenn Sie also Google jQuery, jQuery getroffen, die erste 399 00:19:39,677 --> 00:19:41,010 Armaghan BEHLUM: Sehr erste. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Or herunterladen. 401 00:19:42,135 --> 00:19:42,650 Es ist in Ordnung. 402 00:19:42,650 --> 00:19:46,482 Hit Download v1 und v2 links. 403 00:19:46,482 --> 00:19:49,190 So dass wir die Beschreibung von jQuery Online wie haben Sie wahrscheinlich getan. 404 00:19:49,190 --> 00:19:50,440 Blättern Sie nach unten. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> Armaghan BEHLUM: Oh, hier gerade? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Oder dass. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 So jQuery hat eine gehostete Version was bedeutet, dass Sie nicht wirklich tun, 410 00:20:00,150 --> 00:20:01,890 müssen Sie es herunterladen, aber Sie sind mehr als 411 00:20:01,890 --> 00:20:07,734 willkommen, um es herunterzuladen und hosten Sie es selber. 412 00:20:07,734 --> 00:20:08,650 Armaghan BEHLUM: Kühl. 413 00:20:08,650 --> 00:20:09,566 So, jetzt haben wir jQuery. 414 00:20:09,566 --> 00:20:11,122 Nun, was als nächstes auf unserer Liste zu tun. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Also das nächste, was wir brauchen zu tun ist, die wir wirklich brauchen 417 00:20:13,910 --> 00:20:17,750 p Hallo Welt eine ID geben so können wir es ändern, oder? 418 00:20:17,750 --> 00:20:24,514 Lassen Sie uns so eine Vorstellung davon, Ich weiß nicht, ändern Sie Text? 419 00:20:24,514 --> 00:20:26,680 Armaghan BEHLUM: Sagen wir einfach machen es so, denke ich. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 Und nun die Seite zu aktualisieren gerade. 422 00:20:29,830 --> 00:20:31,142 Stellen Sie sicher, dass alles funktioniert. 423 00:20:31,142 --> 00:20:32,100 Also zurück in den Browser. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Kühle. 426 00:20:36,922 --> 00:20:39,380 Immer eine gute Erinnerung daran, dass wenn Sie den Aufbau einer Website, 427 00:20:39,380 --> 00:20:44,450 jedes Mal wenn Sie machen wahrscheinlich aktualisieren jeder etwas wesentliche Änderung nur 428 00:20:44,450 --> 00:20:47,993 weil man manchmal versehentlich fallen ein Tag, 429 00:20:47,993 --> 00:20:51,640 oder Sie versehentlich etwas zu löschen, und dann können Sie etwas Kleines zu brechen, 430 00:20:51,640 --> 00:20:55,880 aber dann, wenn Sie eine größere Änderung vornehmen du, warum hat diese große Veränderung sind 431 00:20:55,880 --> 00:20:57,910 scheinbar brechen die nicht verwandten Sache. 432 00:20:57,910 --> 00:21:02,840 So ist es immer gut, um von zu sortieren gehen und tun, Plausibilitätsprüfungen. 433 00:21:02,840 --> 00:21:05,610 >> Wie dem auch sei, so jetzt tun können eine letzte Plausibilitätsprüfung, 434 00:21:05,610 --> 00:21:09,800 das ist wollen wir versuchen, zu ändern Text ohne Leap Motion, 435 00:21:09,800 --> 00:21:11,820 ohne irgendetwas, nur auf der Seite zu laden, es wird 436 00:21:11,820 --> 00:21:17,140 ändern Hallo Welt zu Wiedersehen mit jQuery. 437 00:21:17,140 --> 00:21:21,400 Also, wenn Sie daran denken, jQuery entlarvt Diese Dollarzeichen-Funktion, 438 00:21:21,400 --> 00:21:28,640 die wir CSS-Selektor zu passieren, nämlich hashtag Änderungstext hinzu, die 439 00:21:28,640 --> 00:21:31,590 wählt das Element mit eine ID-Änderungstext. 440 00:21:31,590 --> 00:21:34,980 Und dann werden wir um die Methode HTML nennen 441 00:21:34,980 --> 00:21:40,390 auf das Objekt mit der zurück Argument eines Strings auf Wiedersehen, die 442 00:21:40,390 --> 00:21:45,600 die Einzelteile ändern HTML zu verabschieden. 443 00:21:45,600 --> 00:21:46,210 Ehrfürchtig. 444 00:21:46,210 --> 00:21:48,790 Das scheint ziemlich cool. 445 00:21:48,790 --> 00:21:52,365 Und jetzt, wenn wir aktualisieren die Seite, wir werden sehen, 446 00:21:52,365 --> 00:21:54,040 es sofort ändert sich zu verabschieden, nicht wahr? 447 00:21:54,040 --> 00:21:55,910 Weil sie nicht warten, für alles. 448 00:21:55,910 --> 00:21:59,200 Art, sobald das Skript läuft es Abschied nehmen ändert es. 449 00:21:59,200 --> 00:22:00,430 Kühle. 450 00:22:00,430 --> 00:22:03,790 >> So, jetzt wollen wir wickeln, daß in einer Funktion. 451 00:22:03,790 --> 00:22:04,290 Richtig. 452 00:22:04,290 --> 00:22:06,270 Also wir werden wollen um eine Funktion zu machen. 453 00:22:06,270 --> 00:22:08,160 Wir werden es auf Wiedersehen nennen. 454 00:22:08,160 --> 00:22:11,570 So Funktion Abschied ist werde keine Argumente haben 455 00:22:11,570 --> 00:22:14,170 und es ist nicht wirklich werde nichts zurück. 456 00:22:14,170 --> 00:22:18,850 Und es ist gerade dabei, tun, dass in JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Ausgezeichnet. 459 00:22:23,140 --> 00:22:27,000 So, jetzt unsere Funktion auf Wiedersehen ändert sich der Text zu verabschieden, nicht wahr? 460 00:22:27,000 --> 00:22:28,930 So gibt uns einen Weg im Grunde Wechsel 461 00:22:28,930 --> 00:22:32,871 dass der Text zu verabschieden, wenn wir nannten diese Funktion. 462 00:22:32,871 --> 00:22:33,370 Richtig? 463 00:22:33,370 --> 00:22:35,290 Also das ist ziemlich cool. 464 00:22:35,290 --> 00:22:37,430 >> Armaghan BEHLUM: Nun, wir kann auch nur sicherstellen, dass 465 00:22:37,430 --> 00:22:41,040 dass jetzt, da wir nicht den Aufruf der Funktion, wenn wir die Seite zu aktualisieren, 466 00:22:41,040 --> 00:22:44,460 bemerken es nicht geht um den Text zu ändern. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Ausgezeichnet. 468 00:22:45,509 --> 00:22:47,800 So, jetzt werden wir beginnen in diese Leap Zeug 469 00:22:47,800 --> 00:22:49,880 dass wir redeten. 470 00:22:49,880 --> 00:22:52,240 So Armi, wollen Sie möchten nehmen Sie es von hier aus oder? 471 00:22:52,240 --> 00:22:52,640 >> Armaghan BEHLUM: Ja. 472 00:22:52,640 --> 00:22:53,139 Sicher. 473 00:22:53,139 --> 00:22:56,260 Ich bin wahrscheinlich zu benötigen zu überprüfen Sie die Dinge, 474 00:22:56,260 --> 00:22:58,250 aber zum Beispiel daran erinnern, wir sagten, wir wollten 475 00:22:58,250 --> 00:23:02,627 , um in den Optionen sicher setzen wir ermöglichen Gesten 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Guter Fang. 477 00:23:03,710 --> 00:23:06,250 Armaghan BEHLUM: wahr zu sein. 478 00:23:06,250 --> 00:23:08,960 Und dann wurden wir empfehlen dass euch würde 479 00:23:08,960 --> 00:23:12,230 laufen Sprung Punkt Schleife, die wie bereits erwähnt, 480 00:23:12,230 --> 00:23:18,140 hat zwei Möglichkeiten, ein JSON-Objekt, sind die Möglichkeiten, wie Sie wollen 481 00:23:18,140 --> 00:23:22,030 um die Leap Motion konfigurieren Arbeit, und dann eine Funktion, die es 482 00:23:22,030 --> 00:23:27,640 gehen, um einen Rahmen als Callback zu fangen Funktion wie Tomas sagte. 483 00:23:27,640 --> 00:23:30,470 Und bearbeiten Sie, was Sie wollen mit dieser Funktion zu tun. 484 00:23:30,470 --> 00:23:33,890 >> So in die passieren wir Option und jetzt definieren wir 485 00:23:33,890 --> 00:23:36,117 eine Funktion, die in einem Rahmen stattfinden wird. 486 00:23:36,117 --> 00:23:38,200 Und jetzt haben wir zu definieren was die Funktion tut. 487 00:23:38,200 --> 00:23:42,569 Es ist auch im Interesse der Zukunft tun, um sicherzustellen, dass. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Ausgezeichnet. 489 00:23:43,610 --> 00:23:45,940 So, jetzt müssen wir diese Sprung Punkt Loop-Funktion 490 00:23:45,940 --> 00:23:52,420 nennen, die im Grunde sagt beobachten Leap mit diesen Optionen und jedes Mal, 491 00:23:52,420 --> 00:23:55,710 etwas ändert, rufen Sie diese Funktionsrahmen mit allen Daten 492 00:23:55,710 --> 00:23:59,510 Sie sind sich der im Rahmen. 493 00:23:59,510 --> 00:24:01,320 Klingt ziemlich gut. 494 00:24:01,320 --> 00:24:03,680 So, jetzt schnelle Plausibilitätsprüfung, die ich immer empfehlen, 495 00:24:03,680 --> 00:24:07,020 ist in dieser hat gerade Konsole Punkt Protokollrahmen. 496 00:24:07,020 --> 00:24:10,320 Und dann in Chrome öffnen und schauen Sie sich Ihre Konsole 497 00:24:10,320 --> 00:24:13,870 und spielen, um mit Sprung auf die zu sehen Frames werden, denn das wird protokolliert 498 00:24:13,870 --> 00:24:16,300 erhalten Sie eine Vorstellung davon, was Daten, die Sie Zugriff haben. 499 00:24:16,300 --> 00:24:20,680 Und wie immer, wenn Sie verwirrt, Nachschlagen der API-Referenz. 500 00:24:20,680 --> 00:24:23,430 Und wir erledigen den Link angeben für die am Ende von diesem. 501 00:24:23,430 --> 00:24:26,300 >> Armaghan BEHLUM: Also wir aktualisieren Sie die Seite, und dann 502 00:24:26,300 --> 00:24:28,880 wir gehen und öffnen Sie die Konsole wieder ein. 503 00:24:28,880 --> 00:24:33,590 Und jetzt stellen wir fest, dass wir mit Rahmen in übergeben, 504 00:24:33,590 --> 00:24:37,834 diese kleinen Objekte sahen wir früher. 505 00:24:37,834 --> 00:24:38,690 Also ja. 506 00:24:38,690 --> 00:24:42,870 Dies sind unsere Rahmen zeigt sich in der Konsole. 507 00:24:42,870 --> 00:24:43,370 Kühle. 508 00:24:43,370 --> 00:24:46,970 >> So, jetzt, da wir das packte Rahmen, wie Sie sich erinnern kann früher 509 00:24:46,970 --> 00:24:51,800 aus dem Beispiel, dass wir, wenn wir überprüfen Rahmen dot Gesten 510 00:24:51,800 --> 00:24:56,270 wir die Liste von Gesten zu bekommen, dass der Rahmen zuletzt gefangen. 511 00:24:56,270 --> 00:25:01,510 Wir können die Länge des Arrays überprüfen zu sehen, ob Leap gefangen keine Gesten. 512 00:25:01,510 --> 00:25:05,010 Also, wenn das Array größer als Null ist, dann haben wir 513 00:25:05,010 --> 00:25:07,570 wissen, dass wir ein paar Sachen zu tun. 514 00:25:07,570 --> 00:25:15,040 >> Lassen Sie uns also zu wickeln, dass in einem Zustand, wenn und jetzt hier, was wir wissen ist, dass wir 515 00:25:15,040 --> 00:25:20,390 haben eine Geste zu sehen, lassen Sie uns auf diese zu reagieren. 516 00:25:20,390 --> 00:25:25,721 So, jetzt, dass wir hier sind wir eine Geste heraus zu überprüfen. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Nun, die erste Sache ist, es ist nicht nur eine Geste, 518 00:25:28,470 --> 00:25:29,840 es könnte so viele Gesten. 519 00:25:29,840 --> 00:25:30,964 >> Armaghan BEHLUM: Sehr wahr. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Also pro klassische C-Stil hier 521 00:25:33,340 --> 00:25:36,334 Wir werden wahrscheinlich wollen eine for-Schleife verwenden. 522 00:25:36,334 --> 00:25:37,750 Armaghan BEHLUM: Hier sind wir dann. 523 00:25:37,750 --> 00:25:42,870 Wir entschieden uns, laufen durch die Gesten. 524 00:25:42,870 --> 00:25:46,412 Und lassen Sie uns sehen. 525 00:25:46,412 --> 00:25:49,380 i und, und. 526 00:25:49,380 --> 00:25:56,150 Und jetzt, wenn wir vielleicht gemacht nur var Geste entspricht 527 00:25:56,150 --> 00:26:01,210 Rahmen dot Gesten Halterung i, wir haben jetzt 528 00:26:01,210 --> 00:26:06,260 Geste selbst, die nur gehört einzelne Instanz einer Geste Objekt 529 00:26:06,260 --> 00:26:10,582 für uns zu arbeiten Innere dieser for-Schleife. 530 00:26:10,582 --> 00:26:12,869 In Ordnung. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Lassen Sie uns geistige Gesundheit Überprüfen hier immer nur trösten 532 00:26:15,410 --> 00:26:17,370 dot loggen Geste, um zu sehen, was wir bekommen. 533 00:26:17,370 --> 00:26:19,410 >> Armaghan BEHLUM: Console Punkt log Geste. 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 Und aktualisieren Sie noch einmal. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS REIMERS: Und lassen Sie uns versuchen, eine Geste. 538 00:26:30,030 --> 00:26:34,600 Sie werden, dass ein Haufen sehen der, als er klaut, 539 00:26:34,600 --> 00:26:39,780 Sie eine Reihe von Gesten in das bekommen Konsole und wenn er versucht, einen Kreis zu tun, 540 00:26:39,780 --> 00:26:40,470 es ist just-- 541 00:26:40,470 --> 00:26:41,750 >> Armaghan BEHLUM: Kreise sind einfach richtig nett. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Jetzt gibt es eine seltsame Sache, Hier, das wird er macht einen Kreis, 543 00:26:45,000 --> 00:26:48,730 aber dies ist die Anmeldung 80 Gesten, nicht wahr? 544 00:26:48,730 --> 00:26:50,070 Das ist eine Menge von Gesten. 545 00:26:50,070 --> 00:26:53,560 Also die erste Art der Sache zu zu realisieren, und dies kann verwirrend sein, 546 00:26:53,560 --> 00:26:57,050 ist, dass eine Geste wird nicht nur einmal protokolliert. 547 00:26:57,050 --> 00:27:01,107 >> Auf jedem Bild, rechts, so dass, wenn ich tue, einen Kreis 548 00:27:01,107 --> 00:27:02,940 Leap dies erkennen ist eine Änderung, davon 549 00:27:02,940 --> 00:27:04,398 ist eine Änderung, davon ist eine Änderung. 550 00:27:04,398 --> 00:27:05,970 Und es wird jeden von denen einloggen. 551 00:27:05,970 --> 00:27:08,200 Aber in jedem Fall haben, es geht zu sagen, oh, 552 00:27:08,200 --> 00:27:10,050 gibt es eine Geste in Arbeit. 553 00:27:10,050 --> 00:27:14,260 Also lassen Sie mich nur sagen, hey, es gibt eine Geste und es ist derzeit in Arbeit. 554 00:27:14,260 --> 00:27:17,000 Also, was wir nicht wollen, zu tun ist, zu sagen, oh, auf jeden 555 00:27:17,000 --> 00:27:19,370 jener Gesten Sie Text ändern möchten. 556 00:27:19,370 --> 00:27:23,660 Was wir wollen, ist, wenn diese Geste Haltestellen, und können wir für die Überprüfung 557 00:27:23,660 --> 00:27:24,974 dann in Text ändern möchten wir. 558 00:27:24,974 --> 00:27:25,890 Armaghan BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 So wie Tomas ist erklären diese Gesten 560 00:27:30,550 --> 00:27:33,580 könnte durch mehrere erscheinen Frames, zB 561 00:27:33,580 --> 00:27:36,200 als wir mit dass Kreis, können wir sehen, 562 00:27:36,200 --> 00:27:40,140 dass die ID für diesen einen Einzelkreis, dass wir 563 00:27:40,140 --> 00:27:43,950 vielleicht wurden versucht, abzuschließen war die gleiche ID überall. 564 00:27:43,950 --> 00:27:46,320 Und in der Tat, können Sie auch Besuche die Status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 aktualisiert. 567 00:27:50,270 --> 00:27:55,680 >> Und dann ist wahrscheinlich die diese letzten Kreis, die, oh, na ja, OK. 568 00:27:55,680 --> 00:28:00,480 Also manchmal zeigt es Ihnen eine Status Stoppen einer Geste 569 00:28:00,480 --> 00:28:04,180 und es zeigt Ihnen auch eine Status der Start einer neuen Geste, wenn 570 00:28:04,180 --> 00:28:09,140 sie erkennt genau, dass Sie eine neue Geste begonnen haben. 571 00:28:09,140 --> 00:28:10,637 Zum Beispiel in diesem Fall. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Kühl. 573 00:28:11,470 --> 00:28:12,511 Armaghan BEHLUM: Also ja. 574 00:28:12,511 --> 00:28:14,420 Und dann wollen wir mal sehen. 575 00:28:14,420 --> 00:28:16,490 Sie können auch feststellen, aber wir machten 576 00:28:16,490 --> 00:28:22,179 ein Kreis und Gestik ist ein Feld namens Typ 577 00:28:22,179 --> 00:28:23,970 dass uns sagt, welche Art der Geste ist. 578 00:28:23,970 --> 00:28:27,829 So dass möglicherweise nützlich für uns sein Sie versuchen und tun, was wir tun. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: So Übergang zurück zu JS, 580 00:28:29,620 --> 00:28:31,696 das erste, was mir einfällt, auch, nur das Lesen durch diesen Code 581 00:28:31,696 --> 00:28:34,340 ist es eine kleine Optimierung, was wir eigentlich 582 00:28:34,340 --> 00:28:35,980 brauchen das nicht, wenn die Bedingung, nicht wahr? 583 00:28:35,980 --> 00:28:39,330 Denn wenn Rahmen dot Gesten dot Länge Null ist, das für Schleife 584 00:28:39,330 --> 00:28:40,450 nicht dabei, dennoch laufen lassen möchten. 585 00:28:40,450 --> 00:28:43,100 So können wir auch einfach gehen voraus und davon zu befreien. 586 00:28:43,100 --> 00:28:46,620 Auch, während Sie Code es ist wichtig, sich zurück und Art gehen 587 00:28:46,620 --> 00:28:50,330 von Refactoring, wie Sie erkennen, dass Sie könnte etwas besser sein können, 588 00:28:50,330 --> 00:28:53,370 oder dass es einen anderen Weg, um das zu tun. 589 00:28:53,370 --> 00:28:57,170 So, jetzt sind wir gerade dabei, diese zu reinigen schnell und säubern Sie Ihren Code. 590 00:28:57,170 --> 00:28:58,310 Das ist eine große Sache. 591 00:28:58,310 --> 00:28:59,870 >> Armaghan BEHLUM: Gut Stil wird sehr geschätzt. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Sie können immer sagen, wenn jemand 593 00:29:01,828 --> 00:29:05,240 hat Code, wo es früher ein, wenn Zustand und sie entfernt sich, 594 00:29:05,240 --> 00:29:07,530 aber sie haben nicht kommentieren Sie es. 595 00:29:07,530 --> 00:29:10,147 Es ist sehr offensichtlich, und es sieht hässlich. 596 00:29:10,147 --> 00:29:12,230 Armaghan BEHLUM: Also, was ist nächstes auf unserer Liste zu tun? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: So, jetzt, wie wir sagten, Ich denke, das erste, was wir tun wollen 598 00:29:15,479 --> 00:29:17,970 wird dafür sorgen, dass diese Geste eigentlich ein Schlag, nicht wahr? 599 00:29:17,970 --> 00:29:18,270 >> Armaghan BEHLUM: Ja. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Also, wenn wir sagen, dass unser Abschied ist ein bisschen wie ein Schlag, 601 00:29:21,750 --> 00:29:25,280 wir gehen mit, es ist ein Schlag, der erste, was wir zu sagen, hey benötigen, 602 00:29:25,280 --> 00:29:27,410 wird die Geste geben Sie einen Seitenhieb, oder? 603 00:29:27,410 --> 00:29:30,860 Nicht ein Kreis oder eine Spitze, aber es ist ein Schlag? 604 00:29:30,860 --> 00:29:34,280 So, wie wir das tun können ist, können wir sagen, Geste 605 00:29:34,280 --> 00:29:38,530 Punkt-Typ gleich gleich Swipe als String zurück. 606 00:29:38,530 --> 00:29:44,030 >> Armaghan BEHLUM: [unverständlich] Geste Punkt-Typ entspricht entspricht Schlag. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Da sind wir. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Und dann ist die letzte Frage 610 00:29:49,438 --> 00:29:53,170 Wir wollen sehen, ist Geste dot Zustand gleich gleich Stop, oder? 611 00:29:53,170 --> 00:29:55,860 Also das ist, wenn die Geste ist gestoppt. 612 00:29:55,860 --> 00:29:58,490 Ich eigentlich für Swipe denke, ich weiß, das aus der Spitze von meinem Kopf, 613 00:29:58,490 --> 00:30:00,340 aber Sie sind herzlich eingeladen, schauen Sie, wenn Sie 614 00:30:00,340 --> 00:30:05,627 Swipe jedes Mal registriert er bis Sie zu stoppen ist ein Anfang Geste. 615 00:30:05,627 --> 00:30:07,460 Und dann der letzte, der nur ein Stop Geste. 616 00:30:07,460 --> 00:30:11,090 Es wird also nur eine Station sein, Geste, die für uns ist groß. 617 00:30:11,090 --> 00:30:17,180 Also, was wir tun können, ist zu sagen, wenn Geste dot Typ gleich gleich Swipe und Gestik dot 618 00:30:17,180 --> 00:30:19,950 Status gleich gleich stoppen, dann lassen Sie uns geistige Gesundheit 619 00:30:19,950 --> 00:30:21,725 Überprüfen Sie hier, trösten Punkt log Geste. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> So werden wir wieder hier. 622 00:30:30,790 --> 00:30:33,570 Wir werden die Seite zu aktualisieren. 623 00:30:33,570 --> 00:30:38,380 Und jetzt das einzige Mal etwas sollte sein Konsole dot angemeldet ist, wenn wir streichen. 624 00:30:38,380 --> 00:30:40,780 Und wir versuchen, Streichen und wir sehen nichts. 625 00:30:40,780 --> 00:30:41,280 Richtig? 626 00:30:41,280 --> 00:30:43,990 Also das ist wirklich ein großes Problem. 627 00:30:43,990 --> 00:30:47,560 Wir sind nicht zu sehen, was wir zu erwarten. 628 00:30:47,560 --> 00:30:49,356 Und Debugging kann ein großer Teil davon zu sein. 629 00:30:49,356 --> 00:30:51,980 Das erste, was wir gehen zu sagen ist, OK, lass uns zu trösten dot 630 00:30:51,980 --> 00:30:54,568 melden Sie sich, wenn Geste dot Typ gleich gleich swipe. 631 00:30:54,568 --> 00:30:56,109 Armaghan BEHLUM: Ja, lasst uns das tun. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: So sind wir werde darauf zurückgehen. 634 00:31:02,020 --> 00:31:03,140 Wir aktualisieren. 635 00:31:03,140 --> 00:31:04,020 Wir streichen. 636 00:31:04,020 --> 00:31:05,150 Und wir werden ein paar von ihnen zu sehen. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 So klar das Problem war, Mit unseren Geste dot Status. 639 00:31:08,710 --> 00:31:14,000 Wenn wir eröffnen eine davon wir werden Blick in den Objekten und wir werden sehen, 640 00:31:14,000 --> 00:31:18,700 gut, es ist ein Anschlag, aber, oh, es heißt Staat, nicht den Status. 641 00:31:18,700 --> 00:31:21,890 Also, wenn wir wieder in den Kopf unseren Code können wir sagen, 642 00:31:21,890 --> 00:31:27,780 wenn Geste Punkt-Typ gleich gleich Swipe und Gestik dot Zustand gleich gleich Altestelle, 643 00:31:27,780 --> 00:31:29,160 dann werden wir Punkt trösten protokollieren. 644 00:31:29,160 --> 00:31:30,940 Und so zu aktualisieren. 645 00:31:30,940 --> 00:31:31,856 Wir streichen. 646 00:31:31,856 --> 00:31:33,730 Und wir, denn bei jeder Schlag, wir sind nur 647 00:31:33,730 --> 00:31:36,247 immer eine, die das ist Ende, das ist toll, nicht wahr? 648 00:31:36,247 --> 00:31:37,080 Das ist, was wir wollen. 649 00:31:37,080 --> 00:31:37,955 >> Armaghan BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 Und wir können auch feststellen, dass die IDs für jede dieser Gesten sind getrennt. 651 00:31:42,640 --> 00:31:47,470 So wie Tomas sagte, weil wir Fang dieser One-Stop-Zustand, dass 652 00:31:47,470 --> 00:31:52,850 besteht am Ende eines Swipe, wir sind immer einzelne separate Gesten 653 00:31:52,850 --> 00:31:54,441 von Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Großartig. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Lassen Sie uns weitermachen und einfach nicht die letzte Sache, die ist, 657 00:32:03,040 --> 00:32:04,826 >> Armaghan BEHLUM: Auf Wiedersehen. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 Und nun besuchen Sie unsere Website lassen. 660 00:32:08,925 --> 00:32:09,425 Einer 661 00:32:09,425 --> 00:32:09,730 >> Armaghan BEHLUM: Zweite. 662 00:32:09,730 --> 00:32:11,271 Wir wussten ja, wir haben es nennen Wiedersehen. 663 00:32:11,271 --> 00:32:11,920 Großartig. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Nein, Auf Wiedersehen ist eine echte Funktion. 665 00:32:13,490 --> 00:32:14,406 >> Armaghan BEHLUM: Ja. 666 00:32:14,406 --> 00:32:15,670 Lassen Sie uns das tun. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Und wenn wir winken, heißt es Abschied nehmen. 668 00:32:20,566 --> 00:32:22,360 >> Armaghan BEHLUM: Wir haben den Sieg. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: So ziemlich aufregend Zeug. 670 00:32:25,632 --> 00:32:28,590 Hoffentlich können Sie etwas zu bauen sonst, aber Sie bekommen die Idee, nicht wahr? 671 00:32:28,590 --> 00:32:30,260 Sie können Gesten erkennen. 672 00:32:30,260 --> 00:32:31,469 Sie können Funktionen aufrufen. 673 00:32:31,469 --> 00:32:34,510 Und davon, dass wirklich gibt Ihnen einige sehr grundlegende Bausteine 674 00:32:34,510 --> 00:32:38,800 zu sagen, oh, vielleicht, wenn sie swipe up, da kann man auch Dinge erkennen 675 00:32:38,800 --> 00:32:39,674 wie Richtung. 676 00:32:39,674 --> 00:32:40,840 Ich will, dass sie etwas tun. 677 00:32:40,840 --> 00:32:43,470 Oder, wenn sie rechts streichen, I wollen, dass sie etwas tun. 678 00:32:43,470 --> 00:32:45,880 Und wir beginnen können, um zu kreativ mit, wie genau 679 00:32:45,880 --> 00:32:48,840 werden wir zur Verbesserung unserer Website Mit diesen Swipe-Gesten oder Kreis 680 00:32:48,840 --> 00:32:53,695 Gesten, oder tippen Sie auf Gesten, entweder Schlüsselhähne oder Berührung des Bildschirms. 681 00:32:53,695 --> 00:32:56,070 Und dann außer, dass Sie mehr als willkommen, um zu spielen 682 00:32:56,070 --> 00:32:59,640 mit den tatsächlichen Daten, aber wenn Sie wollen, 683 00:32:59,640 --> 00:33:03,870 dass wir empfehlen Ihnen, die Dokumentation zu gehen weil sie eigentlich wirklich gut. 684 00:33:03,870 --> 00:33:05,034 Also, um die Dokumentation jetzt geleitet. 685 00:33:05,034 --> 00:33:06,450 Oder wollen Sie darüber sprechen? 686 00:33:06,450 --> 00:33:06,940 >> Armaghan BEHLUM: Ja. 687 00:33:06,940 --> 00:33:07,920 Lassen Sie uns das tun. 688 00:33:07,920 --> 00:33:13,680 Auch eine andere Leckerbissen der Beratung, versuchen und denken Sie an diese in 3D. 689 00:33:13,680 --> 00:33:22,611 Also eigentlich ist nach oben ziehen, diese Gesten lassen ein weiteres Mal Konsole Punkt log Geste 690 00:33:22,611 --> 00:33:24,290 und wir das tun. 691 00:33:24,290 --> 00:33:29,460 Kommen Sie zurück in und nun wollen wir versuchen ein paar von ihnen, einige von denen. 692 00:33:29,460 --> 00:33:32,940 >> Wenn wir in gehen und Check-Out diese Gesten sowie 693 00:33:32,940 --> 00:33:36,830 Sie können sehen, dass sie sind Dimensionalität 694 00:33:36,830 --> 00:33:38,980 ist in drei Richtungen, eigentlich. 695 00:33:38,980 --> 00:33:42,500 Also nicht nur einschränken Sie sich ein 2D-Bildschirm 696 00:33:42,500 --> 00:33:45,200 Auch wenn Sie vielleicht werden auf einer 2D-Website. 697 00:33:45,200 --> 00:33:49,152 Sie können versuchen, und denken, wie ein Benutzer könnte mit der Website in 3D zu interagieren. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: In einem 3D-Raum. 699 00:33:50,360 --> 00:33:51,401 Armaghan BEHLUM: Genau. 700 00:33:51,401 --> 00:33:52,310 Und ja. 701 00:33:52,310 --> 00:33:55,350 So erhalten Sie Richtungen, Geschwindigkeiten, alle diese kühlen Bits an Informationen. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: Und wenn Sie nicht das kennen, es geht x, y, 703 00:33:58,890 --> 00:34:01,566 und z ist diese letzte Dimension. 704 00:34:01,566 --> 00:34:04,690 Nur etwas, das Sie wahrscheinlich mit, wenn Sie mit 3D beschäftigt haben vertraut 705 00:34:04,690 --> 00:34:05,731 Koordinatenebenen vor. 706 00:34:05,731 --> 00:34:09,565 Wenn Sie nicht haben, ist es das gleiche wie ein 2D- eine Ausnahme gibt es eine dritte Dimension. 707 00:34:09,565 --> 00:34:11,420 Wir nennen es z. 708 00:34:11,420 --> 00:34:16,449 Und alles, irgendwie mag Richtung, die ist, wohin es geht, 709 00:34:16,449 --> 00:34:19,810 Position-- Ich denke, es könnte sogar aussetzen Beschleunigung, ich bin nicht sicher. 710 00:34:19,810 --> 00:34:21,341 >> Armaghan BEHLUM: Ja, das glaube ich. 711 00:34:21,341 --> 00:34:22,340 Es hat definitiv Geschwindigkeit. 712 00:34:22,340 --> 00:34:25,699 Eigentlich bin ich nicht 100% sicher Beschleunigung. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Es kann eine Option sein Sie können auf etwas passieren. 714 00:34:28,810 --> 00:34:33,409 So Position und Geschwindigkeit ausgesetzt sind in dieser Art von drei Koordinaten. 715 00:34:33,409 --> 00:34:38,812 So x, y, z bzw. x delta, delta y, delta z. 716 00:34:38,812 --> 00:34:44,130 So, jetzt in der Dokumentation angeführt es ist developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 und dann können Sie auf Dokumentation. 718 00:34:46,460 --> 00:34:50,010 Auch hier hat Leap Motion alles wunderbare APIs, eine für JavaScript 719 00:34:50,010 --> 00:34:53,750 eine für C Sharp und Einheit, eine für C ++, eine für Java, eine für Python, 720 00:34:53,750 --> 00:34:59,020 und eine für Objective C Ich persönlich würden Sie in Richtung JavaScript schieben 721 00:34:59,020 --> 00:35:01,280 oder wenn Du lernen wollen neue Sprache, versuchen Python. 722 00:35:01,280 --> 00:35:05,910 Diese beiden Sprachen, die ich gearbeitet habe vor und sie sind wirklich einfach zu erlernen 723 00:35:05,910 --> 00:35:10,250 und Sie wissen bereits, unter anderem Java macht es zu einem wirklich guten Anwärter. 724 00:35:10,250 --> 00:35:12,930 >> Ein Wort der Vorsicht wenn Sie die Dokumentation geben. 725 00:35:12,930 --> 00:35:15,940 Achten Sie darauf, auf Docs v2.0 sind. 726 00:35:15,940 --> 00:35:20,250 Denn wenn Sie an Version ein, wird es nicht funktionieren. 727 00:35:20,250 --> 00:35:21,830 Auch für die Beispiel-Galerie. 728 00:35:21,830 --> 00:35:25,100 Wir haben eine gute 30 Minuten versuchen die Debug unsere Leap 729 00:35:25,100 --> 00:35:28,640 bevor wir merkten, dass V1 nicht mit V2 arbeiten. 730 00:35:28,640 --> 00:35:31,660 Also nur sicherstellen, dass Sie nach Ausführung zwei sind. 731 00:35:31,660 --> 00:35:33,904 Und dann werde ich ihn lassen zeigen Sie Ihre die Dokumentation. 732 00:35:33,904 --> 00:35:34,820 Armaghan BEHLUM: Ja. 733 00:35:34,820 --> 00:35:39,480 Also hier ist die API-Übersicht und dann Einige Stücke der Information 734 00:35:39,480 --> 00:35:41,420 dass wir schon gesagt. 735 00:35:41,420 --> 00:35:44,270 Nice little floating Hände über einem Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Und eine Erinnerung daran zu denken, über den Weltraum in 3D. 737 00:35:47,850 --> 00:35:53,140 Einer der ersten Gegenstände zu denken mit Leap Motion sind Hände, natürlich. 738 00:35:53,140 --> 00:35:57,060 Wir sahen die erkannt vom Visualizer. 739 00:35:57,060 --> 00:35:59,180 Und dann haben Sie vielleicht gesehen, dass es anerkannt 740 00:35:59,180 --> 00:36:03,202 Teil des Handgelenks und der Arm zugeordnet. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Wenn Sie möchten zu ziehen Sie den Visualizer. 742 00:36:05,410 --> 00:36:07,190 Armaghan BEHLUM: Ja, machen wir das noch mal. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Sie können sehen, immer nur eine gute Erinnerung an Art zu sehen, 744 00:36:10,148 --> 00:36:14,060 der Visualizer versucht zu zeigen, alle Daten, die Leap sieht. 745 00:36:14,060 --> 00:36:17,606 So werden Sie sehen, dass wir Diese Art von vier Punkten 746 00:36:17,606 --> 00:36:19,230 am Handgelenk und dann dem tatsächlichen Handgelenk. 747 00:36:19,230 --> 00:36:21,625 Und Sie haben auch diesen Ball auf der Handfläche. 748 00:36:21,625 --> 00:36:24,000 Alle diese Punkte sind erkennen durch den Sprung angesetzt. 749 00:36:24,000 --> 00:36:25,041 >> Armaghan BEHLUM: Genau. 750 00:36:25,041 --> 00:36:32,300 Und so mit dieser Hand Objekt jeder Rahmen eine Hand Array 751 00:36:32,300 --> 00:36:36,470 wie auch, wo Sie auch die linke und die rechte Hand. 752 00:36:36,470 --> 00:36:39,410 Sie können sich die Richtung die Zeiger 753 00:36:39,410 --> 00:36:42,410 mit Blick auf die normale Richtung der Handfläche, 754 00:36:42,410 --> 00:36:45,470 oder wie sie es nennen die Palme normal. 755 00:36:45,470 --> 00:36:46,510 Was haben wir? 756 00:36:46,510 --> 00:36:48,120 Wir auch, oops. 757 00:36:48,120 --> 00:36:50,640 Lassen Sie uns versuchen und scrollen Sie auf diese Weise. 758 00:36:50,640 --> 00:36:54,410 Die Arme sind die Finger durch den Finger dargestellt 759 00:36:54,410 --> 00:36:57,890 Klasse, die ein anzielbaren Objekt. 760 00:36:57,890 --> 00:37:01,420 So wie wir sagten, sahen wir, dass Reihe von pointables für jede Hand. 761 00:37:01,420 --> 00:37:04,240 Das sind die kleinen Finger zu denken. 762 00:37:04,240 --> 00:37:09,809 Das ist also eine gute Übersicht zu gehen durch, um zu versuchen und zu verstehen. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [unverständlich] Hand Anatomie oben. 764 00:37:11,850 --> 00:37:13,680 Armaghan BEHLUM: Ja, genau. 765 00:37:13,680 --> 00:37:14,220 Also ja. 766 00:37:14,220 --> 00:37:18,150 Es gibt eine Menge von Rohdaten, die das Leap Motion nimmt in interpretiert gut 767 00:37:18,150 --> 00:37:20,750 für Sie, so dass es ein großartiger Idee, hier durch zu gehen 768 00:37:20,750 --> 00:37:25,300 und versuchen, herauszufinden, wie Leap hat schon dachte, die Dinge, die für Sie 769 00:37:25,300 --> 00:37:28,830 und so weiter, welche Informationen Sie haben von dort. 770 00:37:28,830 --> 00:37:33,150 Und dann von dort würde ich empfehlen, gehen in diesem linken Bereich hier, 771 00:37:33,150 --> 00:37:39,210 die geht, auch wirklich nicht, das sind eigentlich nur mehr API Zeug about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: Die API-Referenz bei der Boden ist in der Regel ein guter Ort, um zu gehen. 773 00:37:42,670 --> 00:37:45,720 Ihr habt wahrscheinlich sah dies als wir haben die Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Aber der Hinweis wirklich nur geht durch alle 775 00:37:48,590 --> 00:37:54,540 der Funktionen und Parameter Im Objekt für Sie. 776 00:37:54,540 --> 00:37:55,500 >> Armaghan BEHLUM: Ja. 777 00:37:55,500 --> 00:37:57,740 Beispielsweise ist das, was Ich war auf der Suche vor. 778 00:37:57,740 --> 00:38:01,030 Wenn wir einen Hand wir kann gehen und herausfinden, 779 00:38:01,030 --> 00:38:03,750 wie Leap empfiehlt mit uns, um eine Hand zu finden. 780 00:38:03,750 --> 00:38:06,080 Wie ich bereits sagte, wir haben ein Hände-Array. 781 00:38:06,080 --> 00:38:10,340 Finden Sie heraus, wenn wir die Hände und dann versuchen Sie und sichern Sie sich eine einzige Hand 782 00:38:10,340 --> 00:38:12,410 mit auf diese Weise zu interagieren. 783 00:38:12,410 --> 00:38:16,540 Also das ist, was wir empfehlen für euch. 784 00:38:16,540 --> 00:38:18,400 Die Gesten und Dinge als gut. 785 00:38:18,400 --> 00:38:23,857 Diese API-Dokumentation zu gehen ist ein fantastisches Werkzeug für euch. 786 00:38:23,857 --> 00:38:25,440 Haben Sie andere Empfehlungen? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: Ich weiß nicht. 788 00:38:26,398 --> 00:38:27,590 Ich denke, das ist gut für den Moment. 789 00:38:27,590 --> 00:38:29,340 >> Armaghan BEHLUM: Ja, Ich glaube, so gut. 790 00:38:29,340 --> 00:38:33,330 Fühlen Sie sich frei, uns zu mailen und zu erhalten in Kontakt zu Leap Motion 791 00:38:33,330 --> 00:38:36,210 wenn Sie mit vielleicht irgendwelche Probleme sind oder müssen alle Empfehlungen. 792 00:38:36,210 --> 00:38:40,310 Und wir können versuchen und Dinge mit euch auch. 793 00:38:40,310 --> 00:38:40,810 Danke. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Great. 795 00:38:42,360 --> 00:38:42,880