1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS REIMERS: Cool. 3 00:00:11,965 --> 00:00:13,230 Así hola, todo el mundo. 4 00:00:13,230 --> 00:00:14,300 Tomas de mi nombre. 5 00:00:14,300 --> 00:00:15,744 Soy un TF y esto es 6 00:00:15,744 --> 00:00:16,660 Armaghan BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Es bueno ver que los chicos. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Así que vamos a estar hablando acerca de Leap Motion hoy. 10 00:00:20,740 --> 00:00:22,800 Así Leap Motion es un producto genial que 11 00:00:22,800 --> 00:00:25,900 le permite interactuar con un ordenador de una manera diferente. 12 00:00:25,900 --> 00:00:28,560 Así que la idea detrás de Leap Motion es que usted 13 00:00:28,560 --> 00:00:31,430 puede usar las manos para interactuar con el ordenador. 14 00:00:31,430 --> 00:00:33,610 Así que aquí tengo algo establecido. 15 00:00:33,610 --> 00:00:34,790 Voy a hablar de ello en un poco. 16 00:00:34,790 --> 00:00:37,540 Pero la versión básica que es puede ver que tengo mis manos delante 17 00:00:37,540 --> 00:00:42,840 de mi equipo y cuando los muevo, se obtiene el análogo en el equipo 18 00:00:42,840 --> 00:00:44,170 y usted puede analizar esto. 19 00:00:44,170 --> 00:00:46,230 Usted puede hacer gestos. 20 00:00:46,230 --> 00:00:49,176 Usted puede utilizar sus manos para interactuar con el ordenador 21 00:00:49,176 --> 00:00:50,300 en forma nueva e interesante. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Bueno, en realidad primero quieren hacer pasar a Armi 24 00:00:57,520 --> 00:01:00,400 para mostrarle algunos demos frías de lo algunas personas han hecho con este. 25 00:01:00,400 --> 00:01:02,816 Y luego hablaremos de cómo que realmente código con esto. 26 00:01:02,816 --> 00:01:04,800 Armaghan BEHLUM: Sí. 27 00:01:04,800 --> 00:01:05,300 Hola. 28 00:01:05,300 --> 00:01:08,870 Así como hemos visto, poco datos aquí, pero vamos a ver 29 00:01:08,870 --> 00:01:11,680 lo que algunas personas han hecho con este. 30 00:01:11,680 --> 00:01:15,130 Así que permítanme simplemente abro este ejemplo. 31 00:01:15,130 --> 00:01:20,770 Y entonces, por lo que, por ejemplo, se puede ver mi analógica mano allí, pero ahora este tiempo 32 00:01:20,770 --> 00:01:26,680 algunas personas que utilizan la Unidad tienen decidido a poner un poco más de piel 33 00:01:26,680 --> 00:01:28,670 y esas cosas alrededor de la mano. 34 00:01:28,670 --> 00:01:35,900 Así que puedo, vamos a ir con éste, Seguro, tienen mis manos interactuar. 35 00:01:35,900 --> 00:01:41,050 Y es probable que pueda imaginar un par de otras cosas útiles fresco 36 00:01:41,050 --> 00:01:42,840 que se puede hacer con esto. 37 00:01:42,840 --> 00:01:45,530 Así que este es al menos un ejemplo. 38 00:01:45,530 --> 00:01:48,910 Y luego vamos a saltar fuera de esto. 39 00:01:48,910 --> 00:01:56,590 >> Y luego otro fresco Es decir, vamos a ir con éste. 40 00:01:56,590 --> 00:01:58,390 Bola plasmo. 41 00:01:58,390 --> 00:02:03,510 Una vez más, no lo haríamos necesariamente esperar este nivel de complejidad 42 00:02:03,510 --> 00:02:06,450 de un proyecto final para CS50. 43 00:02:06,450 --> 00:02:10,029 Esto es sólo para mostrar algunos de los, daros 44 00:02:10,029 --> 00:02:14,570 un poco de inspiración para lo ustedes pueden ver con Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Así, por ejemplo, aquí hay un fresco ejemplo la física, que allá vamos. 46 00:02:20,500 --> 00:02:24,305 Tiene las dos manos por lo que ahora tener esta pequeña bola de plasma. 47 00:02:24,305 --> 00:02:31,030 Y la pelota está reaccionando a la física de mí moviendo mi mano alrededor de la pelota. 48 00:02:31,030 --> 00:02:36,920 Ahora bien, esto es todo, aunque en Unity, utilizando tipo de herramientas y marcos 49 00:02:36,920 --> 00:02:39,510 que no hemos enseñado chicos en clase, 50 00:02:39,510 --> 00:02:46,590 pero como usted puede ver algunos bastante de funcionamiento en frío throughs con eso. 51 00:02:46,590 --> 00:02:51,750 >> Pero una cosa que ustedes pueden hacer comenzando en este momento con Leap Motion 52 00:02:51,750 --> 00:02:53,260 es un trabajo en JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion tiene una API de JavaScript que que ustedes pueden utilizar y muy, muy 54 00:02:58,960 --> 00:03:02,040 Recomiendo que ustedes construir sus proyectos usando eso. 55 00:03:02,040 --> 00:03:04,350 Así que con eso, me dejó pasar de nuevo fuera de Tomas 56 00:03:04,350 --> 00:03:06,582 hablar de Salto Movimiento y JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Cool. 58 00:03:07,415 --> 00:03:09,230 ¿O quieres mostrar ellos el Visualizador primero? 59 00:03:09,230 --> 00:03:09,670 >> Armaghan BEHLUM: Oh, sí. 60 00:03:09,670 --> 00:03:10,170 Sí. 61 00:03:10,170 --> 00:03:11,900 Vamos a hablar más sobre eso Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Así que en una más básica nivel, cuando usted llega a Leap Motion 63 00:03:14,983 --> 00:03:16,940 usted va a tener esta caja. 64 00:03:16,940 --> 00:03:18,330 Aquí, quiero que tome el control? 65 00:03:18,330 --> 00:03:19,180 >> Armaghan BEHLUM: Sí, ir a por ello. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Hasta Cuando primero llegar a Leap Motion 67 00:03:20,530 --> 00:03:21,780 usted va a tener esta caja. 68 00:03:21,780 --> 00:03:24,460 Tiene un dispositivo que se ve algo como esto. 69 00:03:24,460 --> 00:03:28,990 Se conecta a su ordenador, instalar los controladores necesarios, 70 00:03:28,990 --> 00:03:30,950 y entonces básicamente se creará. 71 00:03:30,950 --> 00:03:34,160 Así que la manera más fácil para ordenar de acuerdo con Leap Motion 72 00:03:34,160 --> 00:03:39,240 se abrirá este programa se instala llamado Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Y el Visualizer es literalmente lo que estoy mostrando aquí. 74 00:03:41,490 --> 00:03:45,340 Se le permite ver el contorno del esqueleto de las manos. 75 00:03:45,340 --> 00:03:49,940 Y lo que el Leap Motion ellos se interpretar como. 76 00:03:49,940 --> 00:03:53,750 Así que la Leap Motion utiliza la cámara a una especie de mirada a sus manos 77 00:03:53,750 --> 00:03:59,176 y luego trata de adivinar lo que el composición del esqueleto básico que 78 00:03:59,176 --> 00:04:00,460 ver en la pantalla es. 79 00:04:00,460 --> 00:04:01,669 Y eso es lo que se muestra. 80 00:04:01,669 --> 00:04:03,418 Armaghan BEHLUM: Cada mucho sentido único 81 00:04:03,418 --> 00:04:06,580 y lo que se ve no existe datos que está disponible para ustedes 82 00:04:06,580 --> 00:04:07,270 así como de usar. 83 00:04:07,270 --> 00:04:09,670 Así que ya ves que es captura que Tomas 84 00:04:09,670 --> 00:04:12,160 tiene cinco dedos, cada uno de los diferentes dedos 85 00:04:12,160 --> 00:04:17,110 También están disponibles para usted como datos puntos para usar en cualquier aplicación 86 00:04:17,110 --> 00:04:18,256 que es posible que desee. 87 00:04:18,256 --> 00:04:20,339 Si usted quiere ver si alguien está haciendo un pulgar hacia arriba 88 00:04:20,339 --> 00:04:23,860 se puede ver si sus dedos se encrespan y si son 89 00:04:23,860 --> 00:04:25,850 dedo pulgar está apuntando hacia arriba, o cuando 90 00:04:25,850 --> 00:04:30,037 su muñeca o palma es y ese tipo de cosas. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Cool. 92 00:04:30,870 --> 00:04:35,186 Así que usted puede ver algunos gestos que entiende mejor que otros. 93 00:04:35,186 --> 00:04:38,310 Recuerde, que está buscando a su la mano de a una cámara desde la parte inferior, 94 00:04:38,310 --> 00:04:41,630 así que cuando usted tiene sus manos como esto se las entiende completamente, 95 00:04:41,630 --> 00:04:44,509 pero una vez que empiezas a tratar de hacer un pulgares para arriba, a veces lo lee, 96 00:04:44,509 --> 00:04:47,550 a veces puede adivinar, pero la verdad la cámara no puede ver el pulgar. 97 00:04:47,550 --> 00:04:49,810 Así que no es realmente seguro de lo que está pasando. 98 00:04:49,810 --> 00:04:54,910 Sólo algunas limitaciones a tener en cuenta cuando estás desarrollando con esto. 99 00:04:54,910 --> 00:04:56,540 >> De todos modos, por lo que volver a este. 100 00:04:56,540 --> 00:04:59,040 El visualizador de realidad tiene un montón de herramientas útiles. 101 00:04:59,040 --> 00:05:01,780 Así que el Leap Motion es programada de tal manera 102 00:05:01,780 --> 00:05:04,280 que no te esperan interactuar con que los datos de imagen. 103 00:05:04,280 --> 00:05:06,230 Ellos realmente no espero que lo entiendas 104 00:05:06,230 --> 00:05:08,060 lo que está sucediendo detrás de las escenas. 105 00:05:08,060 --> 00:05:11,620 Lo que hacen es exponer un manojo de API para usted 106 00:05:11,620 --> 00:05:13,420 tal que pueda interactuar con estos datos 107 00:05:13,420 --> 00:05:18,400 directamente, sin la comprensión lo que está pasando bajo el capó. 108 00:05:18,400 --> 00:05:27,790 >> Así que si golpeamos H aquí en el visualizador verás un montón de opciones. 109 00:05:27,790 --> 00:05:35,450 El único importante aquí, sin embargo es si se golpea O y luego pulsa H, 110 00:05:35,450 --> 00:05:38,080 verás que permite dibujar gestos. 111 00:05:38,080 --> 00:05:43,380 Así que un gesto, verás dibuja una flecha a través. 112 00:05:43,380 --> 00:05:47,010 Un gesto es una de las maneras que Salto Movimiento especie de deja que te dan en los datos 113 00:05:47,010 --> 00:05:48,462 sin tener que procesarlo. 114 00:05:48,462 --> 00:05:51,170 Así que más que me pueda imaginar fuera, oh, la mano se movía, 115 00:05:51,170 --> 00:05:54,970 aunque tenga el punto de acceso, el API especie de sólo dime, 116 00:05:54,970 --> 00:05:56,380 bueno, hicieron este gesto. 117 00:05:56,380 --> 00:05:58,920 Así que usted puede hacer gestos de flecha básicas. 118 00:05:58,920 --> 00:06:00,590 Usted puede hacer gestos círculo. 119 00:06:00,590 --> 00:06:03,530 Usted puede hacer tocando gestos. 120 00:06:03,530 --> 00:06:07,630 Y usted puede hacer gestos de pulsación de teclas. 121 00:06:07,630 --> 00:06:09,394 Sí. 122 00:06:09,394 --> 00:06:10,800 Y ese tipo de cosas. 123 00:06:10,800 --> 00:06:14,370 Así que ahora que hemos especie de visto lo que puede hacer Leap Motion, 124 00:06:14,370 --> 00:06:17,792 se puede ver que se puede leer un manojo entero de los gestos. 125 00:06:17,792 --> 00:06:19,500 Creo que me voy a pasar de nuevo a Armi 126 00:06:19,500 --> 00:06:22,300 y él va a hablar acerca de cómo que podemos encontrar en estos con JavaScript 127 00:06:22,300 --> 00:06:24,520 incluso la forma de empezar un proyecto con esto. 128 00:06:24,520 --> 00:06:27,724 Y luego vamos a hablar de algunos lugares interesantes que pueden ir con eso. 129 00:06:27,724 --> 00:06:28,640 Armaghan BEHLUM: Sí. 130 00:06:28,640 --> 00:06:29,300 Suena bien. 131 00:06:29,300 --> 00:06:31,950 Así que sí, la primera cosa que va a querer que usted haga, por supuesto, 132 00:06:31,950 --> 00:06:37,170 es después de obtener el Leap Motion es ir a leapmotion.com, configurar, instalar 133 00:06:37,170 --> 00:06:38,420 los conductores y esas cosas. 134 00:06:38,420 --> 00:06:42,520 Después de hacer eso se puede ir asegúrese de que esté conectada. 135 00:06:42,520 --> 00:06:46,910 Si usted ve en su bandejita la Leap Motion icono y es verde, 136 00:06:46,910 --> 00:06:48,640 entonces usted sabe que está todo listo. 137 00:06:48,640 --> 00:06:53,710 Y, por supuesto, echa un vistazo a exactamente lo Tomas sólo le mostró con los gestos 138 00:06:53,710 --> 00:06:59,320 y haciendo los toques de pantalla, y grifos clave, y ese tipo de cosas. 139 00:06:59,320 --> 00:07:02,180 >> Después de que a pesar de que, una vez más, como he dicho, 140 00:07:02,180 --> 00:07:06,530 tenemos acceso a todos ellos cosas en JavaScript también. 141 00:07:06,530 --> 00:07:09,020 El ideal estableció que le recomendamos 142 00:07:09,020 --> 00:07:16,440 chicos es ir en su directorio vhost, anfitrión local, 143 00:07:16,440 --> 00:07:19,340 público en su aparato CS50. 144 00:07:19,340 --> 00:07:24,790 Y cuando vas allí lo que va a ver es un archivo HTML punto índice. 145 00:07:24,790 --> 00:07:28,180 Ahora que dot índice Archivo HTML o el punto índice 146 00:07:28,180 --> 00:07:32,740 Archivo PHP, lo que sea bien, lo que luego se puede hacer 147 00:07:32,740 --> 00:07:35,150 es ir a su sistema operativo principal. 148 00:07:35,150 --> 00:07:38,650 Y si vas a la dirección IP de que aparecen en la parte inferior derecha 149 00:07:38,650 --> 00:07:45,180 esquina de su aparato aquí, como se puede ver, entonces lo que ocurre 150 00:07:45,180 --> 00:07:51,240 es que usted vaya a la página que es referenciado por ese archivo HTML dot índice. 151 00:07:51,240 --> 00:07:56,610 Así que todo el código que usted puede poner en no se envía y es utilizable aquí. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Así que es también sólo importante para referencia 153 00:07:58,960 --> 00:08:06,554 que si ustedes realmente saben cómo configurar un servidor de usted mismo, 154 00:08:06,554 --> 00:08:09,720 o si desea poner esto en el todo el mundo web, le invitamos a hacer lo que sea. 155 00:08:09,720 --> 00:08:11,594 Recuerde que estos son sólo archivos JavaScript 156 00:08:11,594 --> 00:08:14,250 y todo el procesamiento de Salto se hace en el cliente. 157 00:08:14,250 --> 00:08:16,510 Así que no importa realmente donde vive su servidor 158 00:08:16,510 --> 00:08:19,660 siempre y cuando el ordenador que está viendo la página web en 159 00:08:19,660 --> 00:08:22,024 ha instalado Leap Motion. 160 00:08:22,024 --> 00:08:23,190 Armaghan BEHLUM: Por supuesto. 161 00:08:23,190 --> 00:08:25,680 Al igual que Tomás dijo, sí, lo que funcione para ustedes. 162 00:08:25,680 --> 00:08:28,570 Esta es sólo una de nuestras recomendaciones. 163 00:08:28,570 --> 00:08:31,660 Ahora para empezar a utilizar Salto Motion lo que harías 164 00:08:31,660 --> 00:08:36,640 está usted le importa el JavaScript archivo de Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Y a continuación, a partir de ahí lo que que puede hacer es, en estos momentos 166 00:08:39,610 --> 00:08:44,250 Sólo tengo este párrafo etiqueta creada con un ID de texto. 167 00:08:44,250 --> 00:08:48,690 Las cosas que nos gustaría recomendar ajuste de las opciones del controlador 168 00:08:48,690 --> 00:08:52,012 para Leap Motion con el permitir gestos para ser verdad. 169 00:08:52,012 --> 00:08:53,970 Así que por defecto los gestos que te mostramos 170 00:08:53,970 --> 00:08:57,010 chicos, el círculo y la grifo clave, y los golpes, 171 00:08:57,010 --> 00:09:00,330 los que no se muestran a ustedes por defecto. 172 00:09:00,330 --> 00:09:04,450 Pero es muy recomendable el uso de los lo que no estamos reinventando la rueda. 173 00:09:04,450 --> 00:09:09,489 Habilitar los true, pasando los opciones de controlador para saltar lazo dot 174 00:09:09,489 --> 00:09:10,530 y ya está todo listo para ir. 175 00:09:10,530 --> 00:09:13,270 Porque entonces sólo tienes definido una función anónima 176 00:09:13,270 --> 00:09:16,910 que tendrá en un marco de Leap Motion 177 00:09:16,910 --> 00:09:21,150 y que cuenta con todo el marco información que vas a necesitar. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Así que para resumen, usted tiene un objeto. 179 00:09:25,310 --> 00:09:28,250 Usted tiene esta función llamado bucle de puntos salto. 180 00:09:28,250 --> 00:09:30,460 Y usted lo llama con dos argumentos. 181 00:09:30,460 --> 00:09:33,134 Usted lo llama con uno, las opciones de controlador. 182 00:09:33,134 --> 00:09:35,300 Y hay una gran cantidad de opciones que pueden poner allí en. 183 00:09:35,300 --> 00:09:38,170 El que vamos a destacar es permitir a los gestos. 184 00:09:38,170 --> 00:09:41,230 Y si se establece igual a cierto entonces usted puede tener acceso a esta gestos 185 00:09:41,230 --> 00:09:42,940 que os mostramos en el visualizador. 186 00:09:42,940 --> 00:09:47,500 >> Y entonces el segundo argumento es un función, que es como una especie de llamada de vuelta 187 00:09:47,500 --> 00:09:53,010 que se llamará cada tiempo cada fotograma de Salto, 188 00:09:53,010 --> 00:09:57,340 Así que cada vez que los registros bisiestos su movimiento parte, tiene un nuevo marco. 189 00:09:57,340 --> 00:10:02,130 Y llama a esta función con un argumento, que es el objeto marco. 190 00:10:02,130 --> 00:10:05,909 Y aquel objeto marco describe el marco como Salto ve. 191 00:10:05,909 --> 00:10:06,950 Armaghan BEHLUM: Exactamente. 192 00:10:06,950 --> 00:10:10,450 Así que este contiene toda la utilidad partes y piezas de información 193 00:10:10,450 --> 00:10:12,550 que hablábamos antes. 194 00:10:12,550 --> 00:10:18,010 Comprobación gestos de puntos de trama es una serie de gestos 195 00:10:18,010 --> 00:10:23,680 que el movimiento de salto llamado la manos que hacen en el último fotograma. 196 00:10:23,680 --> 00:10:26,470 Así, por ejemplo, de lo que somos haciendo aquí es que estamos comprobando, 197 00:10:26,470 --> 00:10:31,820 bueno, Salto, en ese último cuadro hizo usted coge cualquier gesto que hice? 198 00:10:31,820 --> 00:10:36,350 Y si es así lo que decidamos hacer es recorrer esos gestos 199 00:10:36,350 --> 00:10:39,760 y tratar de conseguir algo útil información de ellos. 200 00:10:39,760 --> 00:10:44,290 Cada gesto tiene un único ID asociado con él. 201 00:10:44,290 --> 00:10:46,280 Tienen tipos. 202 00:10:46,280 --> 00:10:50,220 Usted puede mirar en el que los dedos estuvieron involucrados en los gestos 203 00:10:50,220 --> 00:10:52,770 por el control de este material orientable. 204 00:10:52,770 --> 00:10:56,490 Así que si cuando vas a través de la Leap Motion JavaScript cosas API, 205 00:10:56,490 --> 00:10:59,630 cuando mencionan pointables, que están hablando de estos dedos. 206 00:10:59,630 --> 00:11:04,480 Y entonces las manos son, por supuesto, el objeto de toda la mano. 207 00:11:04,480 --> 00:11:05,210 >> Qué otra cosa? 208 00:11:05,210 --> 00:11:08,630 Puede comprobar cuánto tiempo el movimiento continuó 209 00:11:08,630 --> 00:11:11,640 para y, sí, todas esas cosas útiles. 210 00:11:11,640 --> 00:11:16,490 Así que lo que estoy haciendo en este momento aquí es Registré el marco, 211 00:11:16,490 --> 00:11:24,350 y luego puedo actualizar mi HTML para mostrar todos estos bits de información 212 00:11:24,350 --> 00:11:25,820 del bastidor. 213 00:11:25,820 --> 00:11:28,010 Así que vamos a ver eso. 214 00:11:28,010 --> 00:11:29,440 >> Así que aquí está. 215 00:11:29,440 --> 00:11:34,730 Aquí está el archivo HTML punto índice. 216 00:11:34,730 --> 00:11:38,560 Y a medida que acaba de ver cuando me acabo de mudar mi mano Salto captó un movimiento circular. 217 00:11:38,560 --> 00:11:44,960 Así que usted puede verme haciendo un círculo sobre aquí, se actualiza con la información círculo. 218 00:11:44,960 --> 00:11:48,332 Haciendo golpes, las capturas golpes. 219 00:11:48,332 --> 00:11:49,290 Vamos a tratar de una ficha de la pantalla. 220 00:11:49,290 --> 00:11:50,090 Hay que ir. 221 00:11:50,090 --> 00:11:52,370 Toque de pantalla y un grifo clave. 222 00:11:52,370 --> 00:11:55,040 Grifos Así clave también, por la Así, son cuando usted golpea hacia abajo. 223 00:11:55,040 --> 00:11:57,260 Así que usted puede imaginar tal vez tocando un piano. 224 00:11:57,260 --> 00:11:59,869 >> Y entonces la pantalla se toque son cuando se pulse la pantalla. 225 00:11:59,869 --> 00:12:02,910 Así que usted puede imaginar tal vez usted realmente tendrá una pantalla táctil en frente de usted 226 00:12:02,910 --> 00:12:05,190 y que está golpeando el toque pantalla delante de usted. 227 00:12:05,190 --> 00:12:08,470 Y luego podemos tomar uno de estos objetos en aquí. 228 00:12:08,470 --> 00:12:12,960 Entonces recuerdo que dije que yo era pasando por el marco en registro de la consola. 229 00:12:12,960 --> 00:12:17,160 Y así podemos revisar todo el partes y piezas de información 230 00:12:17,160 --> 00:12:22,500 que están disponibles en ese marco así a utilizar. 231 00:12:22,500 --> 00:12:26,320 >> Como he dicho antes, pointables son los dedos. 232 00:12:26,320 --> 00:12:30,260 En ese momento no teníamos nuestra las manos delante de la Leap Motion 233 00:12:30,260 --> 00:12:32,010 por lo que ha registrado cero, pero esta es la forma de 234 00:12:32,010 --> 00:12:35,980 comenzaría a descubrir lo mejor cuántos dedos son la pantalla. 235 00:12:35,980 --> 00:12:37,810 Y ese tipo de información. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: Y recuerdo esto es sólo un objeto. 237 00:12:40,060 --> 00:12:42,185 Así que todo lo que se puede acceder algo así como una estructura 238 00:12:42,185 --> 00:12:45,540 en C. Usted tiene el objeto punto de nombres el nombre de propiedad. 239 00:12:45,540 --> 00:12:48,830 Y luego dentro de que tienes matrices y tiene otros objetos, 240 00:12:48,830 --> 00:12:50,850 pero recuerda que es sólo un objeto. 241 00:12:50,850 --> 00:12:53,788 No hay nada especial porque estamos usando Salto. 242 00:12:53,788 --> 00:12:54,704 Armaghan BEHLUM: Sí. 243 00:12:54,704 --> 00:12:56,544 Fresco. 244 00:12:56,544 --> 00:12:58,710 ¿Hay que revisar un par de ejemplos de JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: Así recordar rápidamente que nos 247 00:13:07,810 --> 00:13:12,470 dijo que Salto en realidad puede ejecutar en cualquier sitio web. 248 00:13:12,470 --> 00:13:15,250 LeapJS es sólo sirve a un cliente. 249 00:13:15,250 --> 00:13:19,850 Y así, a lo largo como el cliente tiene Leap Motion adjunta que funcionará. 250 00:13:19,850 --> 00:13:22,540 Así Leap Motion tiene una sitio web donde la gente 251 00:13:22,540 --> 00:13:24,540 pueden compartir sus ejemplos de las cosas que han hecho. 252 00:13:24,540 --> 00:13:26,623 Así que sólo vamos a ir a través de un par de ellos 253 00:13:26,623 --> 00:13:29,980 para ver lo que es posible antes zambullirse en más detalles acerca de cómo 254 00:13:29,980 --> 00:13:32,510 que es posible. 255 00:13:32,510 --> 00:13:33,346 Así 256 00:13:33,346 --> 00:13:34,470 Armaghan BEHLUM: Vamos a ver. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Ahora debería estar trabajando. 258 00:13:36,136 --> 00:13:38,520 Armaghan BEHLUM: Así que ahora antes de ver un ejemplo 259 00:13:38,520 --> 00:13:45,280 Unity que rindió nuestras manos con bastante impresionantes pieles gráficas, 260 00:13:45,280 --> 00:13:50,200 pero ahora se puede ver que puede hacer el lo mismo dentro de un navegador web. 261 00:13:50,200 --> 00:13:54,640 Todo esto es Chrome interior simplemente utilizando JavaScript. 262 00:13:54,640 --> 00:13:57,460 Y luego la otra agradable cosa es que si quieres 263 00:13:57,460 --> 00:14:02,610 saber cómo lo hicieron, los ejemplos en JavaScript 264 00:14:02,610 --> 00:14:07,540 También incluir opciones de código que puedes echar un vistazo y luego ver 265 00:14:07,540 --> 00:14:12,570 cómo esta persona estaba agarrando manos y los códigos y tal. 266 00:14:12,570 --> 00:14:16,730 >> Así que eso es todo lo que puedes encontrar en developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Usted puede ir y comprobar JavaScript ejemplos que tienen allí. 268 00:14:20,810 --> 00:14:23,280 Así que sí. 269 00:14:23,280 --> 00:14:25,205 Aquí están estos, vaya lo siento. 270 00:14:25,205 --> 00:14:27,680 Vamos a intentarlo de nuevo. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Tengo dos manos derechas. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Así que sí. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Así una y otra vez, recuerda a veces salto meta la pata. 276 00:14:37,440 --> 00:14:40,790 Sólo tienes que darle un segundo. 277 00:14:40,790 --> 00:14:42,784 No es perfecto, pero es bastante bueno. 278 00:14:42,784 --> 00:14:44,700 Armaghan BEHLUM: Una otra recomendación también 279 00:14:44,700 --> 00:14:48,780 es no hacerlo a la luz solar directa. 280 00:14:48,780 --> 00:14:51,260 Así que la forma Leap Motion obras es, en realidad 281 00:14:51,260 --> 00:14:54,500 si muestro la cámara esta así, la luz infrarroja. 282 00:14:54,500 --> 00:14:57,375 Por lo tanto, envía los fuera y luego las lee cuando regresan. 283 00:14:57,375 --> 00:14:59,250 Así que si usted está tratando de haga la luz solar directa, 284 00:14:59,250 --> 00:15:01,610 por ejemplo, es probable que no ir a trabajar, 285 00:15:01,610 --> 00:15:05,850 o que va a requerir algunos de calibración para hacerlo. 286 00:15:05,850 --> 00:15:10,450 >> También otra recomendación es despejar el espacio detrás del Salto 287 00:15:10,450 --> 00:15:12,740 y frente a Salto. 288 00:15:12,740 --> 00:15:15,520 Piense en ello como trabajo en el interior de una cúpula que es 289 00:15:15,520 --> 00:15:18,360 en torno a este objeto Leap Motion. 290 00:15:18,360 --> 00:15:20,550 Si hay materia derecha detrás de él, así, 291 00:15:20,550 --> 00:15:24,740 Eso también va a interferir con la forma de probar el Leap Motion de 292 00:15:24,740 --> 00:15:26,690 reconocer la mano y ese tipo de cosas. 293 00:15:26,690 --> 00:15:30,010 >> Así, por ejemplo, creo que en este caso se trata de mi portátil realidad 294 00:15:30,010 --> 00:15:34,351 eso es algo de lo que el Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Sí, ahí vamos. 296 00:15:35,100 --> 00:15:41,021 Así que si puedo borrar mi portátil desde detrás de él la mano aparece bastante bien. 297 00:15:41,021 --> 00:15:41,520 Así que sí. 298 00:15:41,520 --> 00:15:42,061 Hay que. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Entonces, ¿qué más lo hizo les mostramos. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Creo Ahora sería el momento 302 00:15:48,250 --> 00:15:52,039 para ordenar de sumergirse en y sólo vamos a hacer una demo totalmente desde cero. 303 00:15:52,039 --> 00:15:53,330 Va a ser muy simple. 304 00:15:53,330 --> 00:15:55,250 Básicamente lo que vamos para tratar de hacer es que sea 305 00:15:55,250 --> 00:15:58,570 para que cuando pase su parte, el fondo va a comenzar como rojo, 306 00:15:58,570 --> 00:16:01,361 y cuando pase su parte, el fondo va a ponerse verde. 307 00:16:01,361 --> 00:16:01,970 DE ACUERDO? 308 00:16:01,970 --> 00:16:03,709 Realmente simple. 309 00:16:03,709 --> 00:16:05,750 Y es básicamente sólo va a pasar por un montón 310 00:16:05,750 --> 00:16:08,360 de los conceptos detrás Salto para que podamos 311 00:16:08,360 --> 00:16:12,630 entrar en esta ideología de cómo funciona Salto y cómo podemos construir cosas con eso. 312 00:16:12,630 --> 00:16:16,760 Y a continuación, a partir de ahí vamos a probablemente sólo le mostrará 313 00:16:16,760 --> 00:16:19,710 las API Docs y dónde Puedes leer más sobre esto. 314 00:16:19,710 --> 00:16:21,030 Y entonces lo llamaremos día. 315 00:16:21,030 --> 00:16:24,294 Entonces, ¿quieres que codificar o ¿me quieres código? 316 00:16:24,294 --> 00:16:25,210 Armaghan BEHLUM: Sí. 317 00:16:25,210 --> 00:16:28,350 Bueno, creo que podemos trabajar juntos en esto y tratar 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Así que vamos a hacer algo de código par. 319 00:16:30,292 --> 00:16:31,500 Armaghan BEHLUM: Allá vamos. 320 00:16:31,500 --> 00:16:33,250 Eso es exactamente lo que yo queríamos hacer la salida. 321 00:16:33,250 --> 00:16:34,700 Fresco. 322 00:16:34,700 --> 00:16:38,750 Así, por ejemplo aquí, vamos a ver. 323 00:16:38,750 --> 00:16:40,979 Si bien estamos iterando a través de los gestos ya, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: ¿Quieres hacer sólo un archivo completamente nuevo? 325 00:16:43,270 --> 00:16:43,870 Armaghan BEHLUM: Completamente nuevo archivo? 326 00:16:43,870 --> 00:16:44,246 Sí, seguro. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Sí. 328 00:16:45,000 --> 00:16:45,920 >> Armaghan BEHLUM: Así que vamos a hacer eso. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Así que vamos Para crear un archivo completo. 330 00:16:48,253 --> 00:16:51,290 Lo llamaremos mano HTML punto. 331 00:16:51,290 --> 00:16:52,670 Eso está bien conmigo. 332 00:16:52,670 --> 00:16:59,020 Así que recuerde que usted hace una etiqueta HTML, entonces dentro de que tiene una cabeza. 333 00:16:59,020 --> 00:17:02,982 Esa cabeza tiene un título dentro de ella. 334 00:17:02,982 --> 00:17:04,349 Así pestaña hacia otro lado. 335 00:17:04,349 --> 00:17:05,589 Hay que ir. 336 00:17:05,589 --> 00:17:09,359 Título, lo llamaremos Salto Ejemplo. 337 00:17:09,359 --> 00:17:12,163 Sí. 338 00:17:12,163 --> 00:17:13,540 >> Armaghan BEHLUM: Vaya. 339 00:17:13,540 --> 00:17:14,040 Título. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Sí. 341 00:17:14,474 --> 00:17:15,776 >> Armaghan BEHLUM: No somos. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: Y entonces vamos a hacer un cuerpo. 343 00:17:18,180 --> 00:17:20,852 >> Armaghan BEHLUM: Espera, vamos También asegúrese de importar. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, por supuesto. 345 00:17:22,060 --> 00:17:22,560 Mi mal. 346 00:17:22,560 --> 00:17:28,700 Así que siempre asegúrese de que tiene el Salto script para que un guión que le ha asignado 347 00:17:28,700 --> 00:17:31,810 por Leap Motion que básicamente permite que el navegador web para conectar 348 00:17:31,810 --> 00:17:35,580 al dispositivo en el ordenador del usuario. 349 00:17:35,580 --> 00:17:38,510 Y luego, en este también necesitará un cuerpo y sólo vamos a 350 00:17:38,510 --> 00:17:40,580 hacen que el cuerpo dice hola por lo que podemos mostrar a los estudiantes 351 00:17:40,580 --> 00:17:42,704 cómo conectarse a este nuevo La página web que ellos hicieron. 352 00:17:42,704 --> 00:17:44,260 Armaghan BEHLUM: Seguro. 353 00:17:44,260 --> 00:17:45,724 Así que vamos a ponerlo de another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Hola, hola mundo. 355 00:17:48,730 --> 00:17:50,210 Así que un ejemplo muy básico. 356 00:17:50,210 --> 00:17:53,400 En realidad sólo una demo. 357 00:17:53,400 --> 00:17:58,505 >> Armaghan BEHLUM: Y entonces aquí estamos puede ir a, lo llamamos HTML dot parte, 358 00:17:58,505 --> 00:18:00,000 ¿verdad? 359 00:18:00,000 --> 00:18:00,810 Y, ¡oh! 360 00:18:00,810 --> 00:18:04,310 Así que me pregunto qué está mal con esto ahora mismo. 361 00:18:04,310 --> 00:18:07,639 Vamos a agregar permisos de lectura a mano HTML punto. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: ¿Usted desea hacerlo en el gran terminal de 363 00:18:09,930 --> 00:18:11,080 por lo que sólo podemos mostrarlo en el-- 364 00:18:11,080 --> 00:18:12,501 >> Armaghan BEHLUM: Sí, eso tiene sentido. 365 00:18:12,501 --> 00:18:13,001 Bien. 366 00:18:13,001 --> 00:18:15,720 Así que me acaba de agregar el permisos, pero si 367 00:18:15,720 --> 00:18:18,350 eran de revisar la permisos antes de que 368 00:18:18,350 --> 00:18:22,560 habría visto que en realidad la mano dot HTML no tenía permisos de lectura 369 00:18:22,560 --> 00:18:25,570 y por lo tanto no pudimos hacerla. 370 00:18:25,570 --> 00:18:30,850 Pero ahora, si lo hacemos, vemos nuestra pequeño mundo hola allí mismo. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Así que vamos a realidad, mientras escribía, hola mundo, 372 00:18:33,580 --> 00:18:35,371 Pensé en una manera podríamos cambiar esto. 373 00:18:35,371 --> 00:18:41,150 Vamos a hacer lo que dice hola mundo, y luego, cuando le hace señas, que dice adiós. 374 00:18:41,150 --> 00:18:41,650 Derecho? 375 00:18:41,650 --> 00:18:42,210 Así hola, adiós. 376 00:18:42,210 --> 00:18:42,560 >> Armaghan BEHLUM: Seguro. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Eso suena bastante bien. 378 00:18:44,010 --> 00:18:45,120 >> Armaghan BEHLUM: Eso suena bien para mí, también. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Así que si somos va a hacer eso a dejar solo 380 00:18:46,920 --> 00:18:48,980 pensar a través de la página web un poco. 381 00:18:48,980 --> 00:18:51,800 Vamos a necesitar algo de guión que registra básicamente 382 00:18:51,800 --> 00:18:56,470 que usted agitó y un salto, una ola y un golpe, lo mismo. 383 00:18:56,470 --> 00:18:59,584 Así que vamos a necesitar un script que básicamente registra para ese golpe. 384 00:18:59,584 --> 00:19:01,500 Y otra cosa que estamos va a necesitar es que estamos 385 00:19:01,500 --> 00:19:04,360 va a necesitar algo contenido real al cambio. 386 00:19:04,360 --> 00:19:07,850 >> Así como usted recuerda, jQuery le permite cambiar el contenido. 387 00:19:07,850 --> 00:19:13,017 Así que una cosa que podríamos querer incluir en esto es la biblioteca jQuery. 388 00:19:13,017 --> 00:19:16,100 Y a continuación, ser capaz de seleccionar lo de hecho vamos a cambiar el contenido, 389 00:19:16,100 --> 00:19:18,224 eso va a necesitar un ID o una clase, o algo 390 00:19:18,224 --> 00:19:20,100 que podemos usar para seleccionarla. 391 00:19:20,100 --> 00:19:25,010 Así que sólo tendremos que darle una Identificación rápida de cambiar el texto. 392 00:19:25,010 --> 00:19:26,974 Y entonces qué quiere agarrar jQuery? 393 00:19:26,974 --> 00:19:29,890 Armaghan BEHLUM: Entonces, ¿qué es lo primero cosa en nuestra lista de tareas pendientes, entonces ahora? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Vamos a agarrar jQuery? 395 00:19:30,620 --> 00:19:32,494 Armaghan BEHLUM: Vamos a agarrar jQuery, OK, fresco. 396 00:19:32,494 --> 00:19:34,502 En ese caso, me voy a tener que actually-- 397 00:19:34,502 --> 00:19:36,210 ¿dónde estaría el mejor lugar para hacer eso? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, así que si usted Google jQuery, jQuery golpeó, la primera 399 00:19:39,677 --> 00:19:41,010 Armaghan BEHLUM: Muy primera. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: O descarga. 401 00:19:42,135 --> 00:19:42,650 Está bien. 402 00:19:42,650 --> 00:19:46,482 Hit descarga v1 y v2 de la izquierda. 403 00:19:46,482 --> 00:19:49,190 Así que estamos describiendo jQuery desde en línea como usted probablemente ha hecho. 404 00:19:49,190 --> 00:19:50,440 Desplácese hacia abajo. 405 00:19:50,440 --> 00:19:51,260 Arriba, arriba. 406 00:19:51,260 --> 00:19:53,502 >> Armaghan BEHLUM: Oh, aquí ahora? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: O eso. 408 00:19:54,460 --> 00:19:54,960 Sí. 409 00:19:54,960 --> 00:20:00,150 Así que jQuery tiene una versión hospedada lo que significa que usted no lo hace realidad 410 00:20:00,150 --> 00:20:01,890 que descargarlo, pero usted es más que 411 00:20:01,890 --> 00:20:07,734 bienvenida para descargarlo y el anfitrión de usted mismo. 412 00:20:07,734 --> 00:20:08,650 Armaghan BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Así que ahora tenemos jQuery. 414 00:20:09,566 --> 00:20:11,122 Ahora lo que se viene en nuestra lista de tareas. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Así que la próxima lo que necesitamos hacer es que realmente necesitamos 417 00:20:13,910 --> 00:20:17,750 para dar mundo p hola un ID para que podamos cambiarlo, ¿verdad? 418 00:20:17,750 --> 00:20:24,514 Así que vamos a darle una idea de, No sé, cambiar el texto? 419 00:20:24,514 --> 00:20:26,680 Armaghan BEHLUM: Vamos a simplemente hacerlo de esta manera, supongo. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, fresco. 421 00:20:28,013 --> 00:20:29,830 Y ahora vamos a actualizar la página. 422 00:20:29,830 --> 00:20:31,142 Hacer todo funciona seguro. 423 00:20:31,142 --> 00:20:32,100 Así que de vuelta en el navegador. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Fresco. 426 00:20:36,922 --> 00:20:39,380 Siempre es un buen recordatorio de que cuando usted está construyendo un sitio web, 427 00:20:39,380 --> 00:20:44,450 probablemente actualizar cada vez que realice cualquier cambio poco significativo sólo 428 00:20:44,450 --> 00:20:47,993 porque a veces accidentalmente caer una etiqueta, 429 00:20:47,993 --> 00:20:51,640 o elimina accidentalmente algo, y luego se rompe algo pequeño, 430 00:20:51,640 --> 00:20:55,880 pero luego, cuando se realiza un cambio grande usted es como, ¿por qué este gran cambio 431 00:20:55,880 --> 00:20:57,910 aparentemente romper la cosa no relacionada. 432 00:20:57,910 --> 00:21:02,840 Así que siempre es bueno para ordenar de ir y hacer esas comprobaciones de sanidad. 433 00:21:02,840 --> 00:21:05,610 >> De todos modos así que ahora vamos a hacer una última comprobación de validez, 434 00:21:05,610 --> 00:21:09,800 que vamos a tratar de cambiar texto sin Leap Motion, 435 00:21:09,800 --> 00:21:11,820 sin nada, sólo sobre la carga de la página que va a 436 00:21:11,820 --> 00:21:17,140 cambiar hola mundo a adiós usando jQuery. 437 00:21:17,140 --> 00:21:21,400 Así que si usted recuerda expone jQuery esta función muestra de dólar, 438 00:21:21,400 --> 00:21:28,640 que podemos pasar selector CSS para, a saber, el texto del cambio hashtag, que 439 00:21:28,640 --> 00:21:31,590 selecciona el elemento con una identificación de los cambios de texto. 440 00:21:31,590 --> 00:21:34,980 Y luego vamos para llamar al método HTML 441 00:21:34,980 --> 00:21:40,390 en el objeto vuelve con el argumento de una despedida de cuerdas, que 442 00:21:40,390 --> 00:21:45,600 cambiará los artículos HTML para decir adiós. 443 00:21:45,600 --> 00:21:46,210 Impresionante. 444 00:21:46,210 --> 00:21:48,790 Eso parece muy bien. 445 00:21:48,790 --> 00:21:52,365 Y ahora, cuando refrescamos la página que vamos a ver 446 00:21:52,365 --> 00:21:54,040 que cambia instantáneamente al adiós, ¿verdad? 447 00:21:54,040 --> 00:21:55,910 Debido a que no espera nada. 448 00:21:55,910 --> 00:21:59,200 Algo tan pronto como ese guión corre cambia a adiós. 449 00:21:59,200 --> 00:22:00,430 Fresco. 450 00:22:00,430 --> 00:22:03,790 >> Así que ahora vamos a terminar con que en una función. 451 00:22:03,790 --> 00:22:04,290 Derecha. 452 00:22:04,290 --> 00:22:06,270 Así que vamos a querer para hacer una función. 453 00:22:06,270 --> 00:22:08,160 Lo llamaremos adiós. 454 00:22:08,160 --> 00:22:11,570 Así que adiós función es va a tomar sin argumentos 455 00:22:11,570 --> 00:22:14,170 y en realidad no es va a devolver nada. 456 00:22:14,170 --> 00:22:18,850 Y sólo va a hacer eso en JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Excelente. 459 00:22:23,140 --> 00:22:27,000 Así que nuestra función adiós ahora cambia el texto de despedida, ¿no? 460 00:22:27,000 --> 00:22:28,930 Así que esto nos da una manera básicamente el cambio 461 00:22:28,930 --> 00:22:32,871 que el texto de despedida siempre llamamos a esa función. 462 00:22:32,871 --> 00:22:33,370 Derecho? 463 00:22:33,370 --> 00:22:35,290 Así que esto está muy bien. 464 00:22:35,290 --> 00:22:37,430 >> Armaghan BEHLUM: Bueno, También puede simplemente asegúrese 465 00:22:37,430 --> 00:22:41,040 que ahora ya no estamos llamando a la función, si refrescamos la página, 466 00:22:41,040 --> 00:22:44,460 cuenta que no va para cambiar el texto. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Excelente. 468 00:22:45,509 --> 00:22:47,800 Así que ahora vamos a empezar entrar en ese salto cosas 469 00:22:47,800 --> 00:22:49,880 que estábamos hablando. 470 00:22:49,880 --> 00:22:52,240 Así Armi, ¿quieres tomar desde aquí o? 471 00:22:52,240 --> 00:22:52,640 >> Armaghan BEHLUM: Sí. 472 00:22:52,640 --> 00:22:53,139 Claro. 473 00:22:53,139 --> 00:22:56,260 Probablemente voy a necesitar comprobar las cosas, 474 00:22:56,260 --> 00:22:58,250 pero por ejemplo recordar nos dijo que quería 475 00:22:58,250 --> 00:23:02,627 para asegurarse de que en las Opciones establecimos permitir gestos 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Buena captura. 477 00:23:03,710 --> 00:23:06,250 Armaghan BEHLUM: Para ser cierto. 478 00:23:06,250 --> 00:23:08,960 Y luego nos recomendábamos que ustedes harían 479 00:23:08,960 --> 00:23:12,230 ejecutar bucle punto salto, que como hemos dicho antes, 480 00:23:12,230 --> 00:23:18,140 tiene dos opciones, un objeto JSON que es las opciones para la forma en que desea 481 00:23:18,140 --> 00:23:22,030 para configurar el Leap Motion para trabajo, y luego una función que es 482 00:23:22,030 --> 00:23:27,640 va a coger un marco como una devolución de llamada funcionan como Tomas estaba diciendo. 483 00:23:27,640 --> 00:23:30,470 Y luego editar lo que quieras que ver con esa función. 484 00:23:30,470 --> 00:23:33,890 >> Así que pasamos en el opción y ahora definimos 485 00:23:33,890 --> 00:23:36,117 una función que tendrá en un marco. 486 00:23:36,117 --> 00:23:38,200 Y ahora tenemos que definir lo que hace esa función. 487 00:23:38,200 --> 00:23:42,569 Es también por el bien de la futuro, hacer eso para asegurarse. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Excelente. 489 00:23:43,610 --> 00:23:45,940 Así que ahora tenemos este función de bucle de puntos salto 490 00:23:45,940 --> 00:23:52,420 llamar que básicamente dice reloj Salto con estas opciones y cada vez 491 00:23:52,420 --> 00:23:55,710 algo cambia, llaman a esto marco de función con todos los datos 492 00:23:55,710 --> 00:23:59,510 que son conscientes de en el marco. 493 00:23:59,510 --> 00:24:01,320 Suena bastante bien. 494 00:24:01,320 --> 00:24:03,680 Así que ahora prueba de cordura rápida, que yo siempre recomiendo, 495 00:24:03,680 --> 00:24:07,020 está en que sólo hay que poner consola marco lógico punto. 496 00:24:07,020 --> 00:24:10,320 Y luego, en Chrome abrirlo y mira a tu consola 497 00:24:10,320 --> 00:24:13,870 y jugar con salto para ver el marcos están registrando porque esa voluntad 498 00:24:13,870 --> 00:24:16,300 que tener una idea de lo que datos que tiene acceso. 499 00:24:16,300 --> 00:24:20,680 Y como siempre, si usted se confunde, buscar la referencia de la API. 500 00:24:20,680 --> 00:24:23,430 Y vamos a incluir el enlace para que al final de este. 501 00:24:23,430 --> 00:24:26,300 >> Armaghan BEHLUM: Así que Actualiza la página y luego 502 00:24:26,300 --> 00:24:28,880 vamos y abrimos la consola de nuevo. 503 00:24:28,880 --> 00:24:33,590 Y ahora nos damos cuenta de que estamos tener marcos aprobadas en, 504 00:24:33,590 --> 00:24:37,834 estos pequeños objetos que vimos antes. 505 00:24:37,834 --> 00:24:38,690 Así que sí. 506 00:24:38,690 --> 00:24:42,870 Estos son nuestros marcos aparecer en la consola. 507 00:24:42,870 --> 00:24:43,370 Fresco. 508 00:24:43,370 --> 00:24:46,970 >> Así que ahora que nos hemos agarrado el marcos, como te pueden recordar anterior 509 00:24:46,970 --> 00:24:51,800 del ejemplo que teníamos, si comprobamos gestos de punto de trama 510 00:24:51,800 --> 00:24:56,270 tenemos la lista de los gestos que el marco más recientemente se encontró. 511 00:24:56,270 --> 00:25:01,510 Podemos comprobar la longitud de esa matriz para ver si salto atrapó ningún gesto. 512 00:25:01,510 --> 00:25:05,010 Así que si ese arreglo es mayor que cero entonces 513 00:25:05,010 --> 00:25:07,570 Sabemos que tenemos algunas cosas que hacer. 514 00:25:07,570 --> 00:25:15,040 >> Así que vamos a terminar con eso en una condición if y ahora aquí lo que sabemos es que 515 00:25:15,040 --> 00:25:20,390 han visto un gesto, vamos a actuar en él. 516 00:25:20,390 --> 00:25:25,721 Así que ahora que estamos aquí somos tener un gesto a la salida. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Bueno, lo primero cosa es que no es sólo un gesto, 518 00:25:28,470 --> 00:25:29,840 podría ser tan muchos gestos. 519 00:25:29,840 --> 00:25:30,964 >> Armaghan BEHLUM: Muy cierto. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Así por estilo clásico C aquí 521 00:25:33,340 --> 00:25:36,334 probablemente querremos usar un bucle for. 522 00:25:36,334 --> 00:25:37,750 Armaghan BEHLUM: Aquí estamos entonces. 523 00:25:37,750 --> 00:25:42,870 Decidimos recorrer a través de los gestos. 524 00:25:42,870 --> 00:25:46,412 Y vamos a ver. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 Y ahora si tal vez hicimos sólo un gesto var es igual 527 00:25:56,150 --> 00:26:01,210 gestos de puntos marco soporte i, ahora tenemos 528 00:26:01,210 --> 00:26:06,260 gesto en sí, que es sólo uno única instancia de un objeto gesto 529 00:26:06,260 --> 00:26:10,582 para nosotros trabajar con dentro de este bucle. 530 00:26:10,582 --> 00:26:12,869 Bien. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: la cordura de Let comprobar de nuevo aquí y sólo consolar 532 00:26:15,410 --> 00:26:17,370 dot ingrese gesto para ver lo que tenemos. 533 00:26:17,370 --> 00:26:19,410 >> Armaghan BEHLUM: Consola gesto de registro de puntos. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Dokie Okie. 536 00:26:23,780 --> 00:26:26,250 Y actualizar una vez más. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: Y vamos a trate de hacer un gesto. 538 00:26:30,030 --> 00:26:34,600 Vas a ver que un montón de, cuando se desliza, 539 00:26:34,600 --> 00:26:39,780 usted consigue un montón de gestos en el consola y si trata de hacer un círculo, 540 00:26:39,780 --> 00:26:40,470 es sólo-- 541 00:26:40,470 --> 00:26:41,750 >> Armaghan BEHLUM: Círculos son realmente agradable. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Ahora hay una cosa extraña aquí, lo que se está haciendo un círculo, 543 00:26:45,000 --> 00:26:48,730 pero esto está registrando 80 gestos, ¿verdad? 544 00:26:48,730 --> 00:26:50,070 Eso es un montón de gestos. 545 00:26:50,070 --> 00:26:53,560 Así que el primer tipo de cosas a se da cuenta, y esto puede ser confuso, 546 00:26:53,560 --> 00:26:57,050 es que un gesto No se acaba de conectarse una vez. 547 00:26:57,050 --> 00:27:01,107 >> En cada cuadro, derecha, por lo que si estoy haciendo un círculo 548 00:27:01,107 --> 00:27:02,940 Salto detectará esta es un cambio, de esta 549 00:27:02,940 --> 00:27:04,398 es un cambio, a partir de esto es un cambio. 550 00:27:04,398 --> 00:27:05,970 Y va a registrar cada uno de ellos. 551 00:27:05,970 --> 00:27:08,200 Pero en cada uno de ellos, que va a decir, oh, 552 00:27:08,200 --> 00:27:10,050 hay un gesto actualmente en curso. 553 00:27:10,050 --> 00:27:14,260 Así que permítanme decir, hey, hay una gesto y es actualmente en curso. 554 00:27:14,260 --> 00:27:17,000 Así que lo que no queremos hacer es decir, oh, en cada uno 555 00:27:17,000 --> 00:27:19,370 de esos gestos que quiere cambiar el texto. 556 00:27:19,370 --> 00:27:23,660 Lo que queremos hacer es cuando ese gesto se detiene, y podemos comprobar que, 557 00:27:23,660 --> 00:27:24,974 entonces queremos cambiar el texto. 558 00:27:24,974 --> 00:27:25,890 Armaghan BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Así que, como Tomás es explicando estos gestos 560 00:27:30,550 --> 00:27:33,580 podría parecer a través de múltiples marcos, pero por ejemplo, 561 00:27:33,580 --> 00:27:36,200 cuando estábamos teniendo ese círculo, podemos ver 562 00:27:36,200 --> 00:27:40,140 que el ID para que uno solo círculo que 563 00:27:40,140 --> 00:27:43,950 podría haber estado tratando de completar era el mismo ID de largo. 564 00:27:43,950 --> 00:27:46,320 Y, de hecho, también puede revisar el estado. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 actualizado. 567 00:27:50,270 --> 00:27:55,680 >> Y entonces este es probablemente el último círculo que, oh, bueno, OK. 568 00:27:55,680 --> 00:28:00,480 Así que a veces muestra una estado de la detención de un gesto 569 00:28:00,480 --> 00:28:04,180 y también le muestra el estado de iniciar un nuevo gesto cuando 570 00:28:04,180 --> 00:28:09,140 reconoce con certeza que que ha comenzado un nuevo gesto. 571 00:28:09,140 --> 00:28:10,637 Por ejemplo en este caso. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Cool. 573 00:28:11,470 --> 00:28:12,511 Armaghan BEHLUM: Así que sí. 574 00:28:12,511 --> 00:28:14,420 Y luego, vamos a ver. 575 00:28:14,420 --> 00:28:16,490 También puede notar aunque estábamos haciendo 576 00:28:16,490 --> 00:28:22,179 un círculo y el gesto tiene un tipo de campo llamado 577 00:28:22,179 --> 00:28:23,970 que nos dice qué tipo del gesto que es. 578 00:28:23,970 --> 00:28:27,829 Así que podría ser útil para nosotros tratas de hacer lo que estamos haciendo. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: Así la transición de vuelta a la JS, 580 00:28:29,620 --> 00:28:31,696 lo primero que se me ocurre También, sólo la lectura a través de este código 581 00:28:31,696 --> 00:28:34,340 es que hay una pequeña optimización, que es que en realidad 582 00:28:34,340 --> 00:28:35,980 no necesitan esta condición si, ¿no? 583 00:28:35,980 --> 00:28:39,330 Porque si los gestos de puntos marco puntean longitud es cero, que para el lazo de 584 00:28:39,330 --> 00:28:40,450 no va a correr de todos modos. 585 00:28:40,450 --> 00:28:43,100 Así que bien podemos ir adelante y deshacerse de eso. 586 00:28:43,100 --> 00:28:46,620 Una vez más, mientras estás escribiendo código es importante regresar y ordenar 587 00:28:46,620 --> 00:28:50,330 de refactorizar como te das cuenta de que usted podría haber hecho algo mejor, 588 00:28:50,330 --> 00:28:53,370 o que hay otra manera de hacerlo. 589 00:28:53,370 --> 00:28:57,170 Así que ahora sólo vamos a limpiar este rápidamente y también limpiar su código. 590 00:28:57,170 --> 00:28:58,310 Eso es una gran cosa. 591 00:28:58,310 --> 00:28:59,870 >> Armaghan BEHLUM: Good estilo es muy apreciado. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Puede siempre decir cuando alguien 593 00:29:01,828 --> 00:29:05,240 tiene código donde solía haber un if estado y luego se lo quitó, 594 00:29:05,240 --> 00:29:07,530 pero no descomentarla. 595 00:29:07,530 --> 00:29:10,147 Es muy obvio y es como que se ve feo. 596 00:29:10,147 --> 00:29:12,230 Armaghan BEHLUM: ¿Cuál es el siguiente en nuestra lista de tareas pendientes? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Así que ahora como decíamos, Supongo que lo primero que queremos hacer 598 00:29:15,479 --> 00:29:17,970 es asegurarse de que ese gesto de en realidad un golpe, ¿no? 599 00:29:17,970 --> 00:29:18,270 >> Armaghan BEHLUM: Sí. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Así que si estamos diciendo que nuestro adiós es algo así como un golpe, 601 00:29:21,750 --> 00:29:25,280 vamos a ir con él es un golpe, el Lo primero que tenemos que decir es, hey, 602 00:29:25,280 --> 00:29:27,410 se escriba el gesto un golpe, ¿no? 603 00:29:27,410 --> 00:29:30,860 No es un círculo o una tapa, pero ¿es un golpe? 604 00:29:30,860 --> 00:29:34,280 Así que la forma en que podemos hacer eso Somos nosotros podemos decir gesto 605 00:29:34,280 --> 00:29:38,530 Tipo de punto igual golpe igual como una cadena. 606 00:29:38,530 --> 00:29:44,030 >> Armaghan BEHLUM: [inaudible] gesto tipo de puntos es igual a igual a golpe. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Ahí estamos. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: Y a continuación, la última pregunta 610 00:29:49,438 --> 00:29:53,170 queremos ver es el gesto de punto parada igual igual estado, ¿no? 611 00:29:53,170 --> 00:29:55,860 Así que eso es cuando el Ha estado detenido gesto. 612 00:29:55,860 --> 00:29:58,490 En realidad, yo creo que para deslizar el dedo, me saber esto de la parte superior de mi cabeza, 613 00:29:58,490 --> 00:30:00,340 pero le invitamos a búsquelo, cuando 614 00:30:00,340 --> 00:30:05,627 deslizar cada vez que se registra hasta que lo pare es un gesto de inicio. 615 00:30:05,627 --> 00:30:07,460 Y a continuación, el último de sólo un gesto de la parada. 616 00:30:07,460 --> 00:30:11,090 Así que sólo habrá una parada gesto, que es muy bueno para nosotros. 617 00:30:11,090 --> 00:30:17,180 Entonces, ¿qué podemos hacer es decir si gesto dot escriba golpe igual igual y gesto de puntos 618 00:30:17,180 --> 00:30:19,950 igualdad de condición igual parar, entonces vamos a la cordura 619 00:30:19,950 --> 00:30:21,725 marque aquí consolar gesto de registro de puntos. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Así que vamos a volver aquí. 622 00:30:30,790 --> 00:30:33,570 Vamos a actualizar la página. 623 00:30:33,570 --> 00:30:38,380 Y ahora la única vez que algo debe ser punto de consola conectado es cuando pasada. 624 00:30:38,380 --> 00:30:40,780 Y tratamos de pasar el dedo y no vemos nada. 625 00:30:40,780 --> 00:30:41,280 Derecho? 626 00:30:41,280 --> 00:30:43,990 Así que esto es realmente un gran problema. 627 00:30:43,990 --> 00:30:47,560 No estamos viendo lo que esperábamos. 628 00:30:47,560 --> 00:30:49,356 Y la depuración puede ser una gran parte de esto. 629 00:30:49,356 --> 00:30:51,980 Así que lo primero que vamos a decir es, OK, vamos a consolar a punto 630 00:30:51,980 --> 00:30:54,568 sesión si gesto dot escriba igual golpe igual. 631 00:30:54,568 --> 00:30:56,109 Armaghan BEHLUM: Sí, vamos a hacer eso. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Así que estamos va a volver a este. 634 00:31:02,020 --> 00:31:03,140 Vamos a refrescar. 635 00:31:03,140 --> 00:31:04,020 Vamos pasada. 636 00:31:04,020 --> 00:31:05,150 Y vamos a ver un montón de ellos. 637 00:31:05,150 --> 00:31:05,650 DE ACUERDO. 638 00:31:05,650 --> 00:31:08,710 Así que está claro que el problema era con nuestro estatus gesto de puntos. 639 00:31:08,710 --> 00:31:14,000 Así que si nos abrimos uno de estos vamos a Esperamos en los objetos y veremos, 640 00:31:14,000 --> 00:31:18,700 bueno, es una parada, pero, oh, se llama Estado, no de estado. 641 00:31:18,700 --> 00:31:21,890 Así que si nos dirigimos de nuevo a nuestro código podemos decir 642 00:31:21,890 --> 00:31:27,780 si el tipo de gesto dot igual golpe igual y la parada de igual estado gesto de puntos iguales, 643 00:31:27,780 --> 00:31:29,160 entonces vamos a consolarnos punto registrarlo. 644 00:31:29,160 --> 00:31:30,940 Y así refrescar. 645 00:31:30,940 --> 00:31:31,856 Acercamos. 646 00:31:31,856 --> 00:31:33,730 Y veremos que en cada golpe, sólo estamos 647 00:31:33,730 --> 00:31:36,247 conseguir uno, que es el final, que es grande, ¿no? 648 00:31:36,247 --> 00:31:37,080 Eso es lo que queremos. 649 00:31:37,080 --> 00:31:37,955 >> Armaghan BEHLUM: Sí. 650 00:31:37,955 --> 00:31:42,640 Y también podemos notar que las identificaciones de cada uno de estos gestos son aparte. 651 00:31:42,640 --> 00:31:47,470 Así como Tomás estaba diciendo porque somos la captura de este estado una parada que 652 00:31:47,470 --> 00:31:52,850 existe al final de un golpe, estamos conseguir gestos individuales separadas 653 00:31:52,850 --> 00:31:54,441 de Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Grande. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Vamos a seguir adelante y acaba de hacer la última cosa, que es, 657 00:32:03,040 --> 00:32:04,826 >> Armaghan BEHLUM: Adiós. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 Y ahora vamos a ver nuestro sitio web. 660 00:32:08,925 --> 00:32:09,425 Uno 661 00:32:09,425 --> 00:32:09,730 >> Armaghan BEHLUM: Segundo. 662 00:32:09,730 --> 00:32:11,271 Lo hicimos, sí, nosotros lo llamábamos Adiós. 663 00:32:11,271 --> 00:32:11,920 Grande. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: No, Goodbye es una función real. 665 00:32:13,490 --> 00:32:14,406 >> Armaghan BEHLUM: Sí. 666 00:32:14,406 --> 00:32:15,670 Vamos a hacer eso. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: Y cuando onda adiós, que dice adiós. 668 00:32:20,566 --> 00:32:22,360 >> Armaghan BEHLUM: Tenemos la victoria. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: las cosas Tan bastante emocionante. 670 00:32:25,632 --> 00:32:28,590 Esperemos que se puede construir algo los demás, pero se entiende la idea de, ¿verdad? 671 00:32:28,590 --> 00:32:30,260 Puede detectar gestos. 672 00:32:30,260 --> 00:32:31,469 Usted puede llamar a funciones. 673 00:32:31,469 --> 00:32:34,510 Y desde aquella que realmente te da algunos bloques de construcción fundamentales muy 674 00:32:34,510 --> 00:32:38,800 a decir, oh, tal vez con sólo pasar hacia arriba, porque también se puede detectar cosas 675 00:32:38,800 --> 00:32:39,674 dirección similar. 676 00:32:39,674 --> 00:32:40,840 Yo quiero que hagan algo. 677 00:32:40,840 --> 00:32:43,470 O con sólo pasar bien, quieren que hagan algo. 678 00:32:43,470 --> 00:32:45,880 Y podemos empezar a conseguir creativo con cómo exactamente 679 00:32:45,880 --> 00:32:48,840 vamos a mejorar nuestro sitio web el uso de estos gestos banda magnética o círculo 680 00:32:48,840 --> 00:32:53,695 gestos o tap gestos, ya sea grifos o toques de pantalla clave. 681 00:32:53,695 --> 00:32:56,070 Y a continuación, que no sea que eres más que bienvenido a jugar 682 00:32:56,070 --> 00:32:59,640 con los datos reales, pero si quieres hacer 683 00:32:59,640 --> 00:33:03,870 que le sugerimos que vaya a la documentación porque son realmente buena. 684 00:33:03,870 --> 00:33:05,034 Así que se dirigió a los docs ahora. 685 00:33:05,034 --> 00:33:06,450 ¿O quieres hablar de eso? 686 00:33:06,450 --> 00:33:06,940 >> Armaghan BEHLUM: Sí. 687 00:33:06,940 --> 00:33:07,920 Vamos a hacer eso. 688 00:33:07,920 --> 00:33:13,680 También otro chisme de asesoramiento, no tratar de pensar en esto en 3D. 689 00:33:13,680 --> 00:33:22,611 Así que en realidad vamos a tirar para arriba esos gestos una vez más el gesto de registro de puntos consola 690 00:33:22,611 --> 00:33:24,290 y lo hacemos. 691 00:33:24,290 --> 00:33:29,460 Vamos de nuevo y ahora vamos a tratar de una par de ellos, un par de ellos. 692 00:33:29,460 --> 00:33:32,940 >> Si vamos y salida del hotel estos gestos, así 693 00:33:32,940 --> 00:33:36,830 como se puede ver que son dimensionalidad 694 00:33:36,830 --> 00:33:38,980 es en tres direcciones, en realidad. 695 00:33:38,980 --> 00:33:42,500 Así que no sólo limitar Disfrute de una pantalla 2D 696 00:33:42,500 --> 00:33:45,200 a pesar de que te pueden estar en un sitio web 2D. 697 00:33:45,200 --> 00:33:49,152 Usted puede tratar de pensar cómo un usuario podría interactuar con el sitio web en 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: En un espacio 3D. 699 00:33:50,360 --> 00:33:51,401 Armaghan BEHLUM: Exactamente. 700 00:33:51,401 --> 00:33:52,310 Y sí. 701 00:33:52,310 --> 00:33:55,350 Para que pueda obtener las direcciones, las velocidades, todos estos bits de información fresco. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: ¿Y si no estás familiarizado con eso, va x, y, 703 00:33:58,890 --> 00:34:01,566 y entonces z es esta última dimensión. 704 00:34:01,566 --> 00:34:04,690 Sólo es algo que probablemente son familiarizados con si usted ha tratado con 3D 705 00:34:04,690 --> 00:34:05,731 planos de coordenadas antes. 706 00:34:05,731 --> 00:34:09,565 Si usted no tiene, es lo mismo que un 2D uno, excepto que hay una tercera dimensión. 707 00:34:09,565 --> 00:34:11,420 Lo llamamos z. 708 00:34:11,420 --> 00:34:16,449 Y todo, algo así como dirección, que es donde va, 709 00:34:16,449 --> 00:34:19,810 Position-- creo que incluso podría exponer la aceleración, no estoy seguro. 710 00:34:19,810 --> 00:34:21,341 >> Armaghan BEHLUM: Sí, yo creo. 711 00:34:21,341 --> 00:34:22,340 Definitivamente tiene velocidad. 712 00:34:22,340 --> 00:34:25,699 En realidad no estoy al 100% seguro acerca de la aceleración. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Puede ser una opción se puede pasar a algo. 714 00:34:28,810 --> 00:34:33,409 Así que la posición y la velocidad están expuestos en este tipo de tres coordenadas. 715 00:34:33,409 --> 00:34:38,812 Así que x, y, z o delta x, delta y, delta z. 716 00:34:38,812 --> 00:34:44,130 Así que ahora nos dirigimos a la documentación es developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 y entonces usted puede hacer clic en Documentación. 718 00:34:46,460 --> 00:34:50,010 Una vez más, Leap Motion tiene todos estos API maravillosos, uno para JavaScript, 719 00:34:50,010 --> 00:34:53,750 una para C Sharp y Unidad, uno para C ++, uno para Java, uno para Python, 720 00:34:53,750 --> 00:34:59,020 y uno para Objective C. Personalmente que empujarte hacia JavaScript 721 00:34:59,020 --> 00:35:01,280 o si quieres aprender nuevo idioma, intente Python. 722 00:35:01,280 --> 00:35:05,910 Ambos de estos idiomas los que he trabajado antes y son muy fácil de aprender 723 00:35:05,910 --> 00:35:10,250 y usted ya sabe JavaScript, lo que hace que sea un buen candidato. 724 00:35:10,250 --> 00:35:12,930 >> Una palabra de advertencia cuando entras en la documentación. 725 00:35:12,930 --> 00:35:15,940 Asegúrese de que está en Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Porque si usted está en versión uno, no va a funcionar. 727 00:35:20,250 --> 00:35:21,830 También para la galería ejemplo. 728 00:35:21,830 --> 00:35:25,100 Pasamos unos buenos 30 minutos tratando la depuración nuestra Salto 729 00:35:25,100 --> 00:35:28,640 antes de que nos dimos cuenta de que V1 no funciona con V2. 730 00:35:28,640 --> 00:35:31,660 Así que asegúrate de que estás en la versión dos. 731 00:35:31,660 --> 00:35:33,904 Y entonces yo le dejé mostrar sus los docs. 732 00:35:33,904 --> 00:35:34,820 Armaghan BEHLUM: Sí. 733 00:35:34,820 --> 00:35:39,480 Así que aquí está el resumen de API y después algunos fragmentos de la información 734 00:35:39,480 --> 00:35:41,420 que ya te hemos contado. 735 00:35:41,420 --> 00:35:44,270 Poco flotante Niza las manos por encima de un Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Y un recordatorio para pensar sobre el espacio en 3D. 737 00:35:47,850 --> 00:35:53,140 Uno de los primeros objetos que pensar con Leap Motion son las manos, por supuesto. 738 00:35:53,140 --> 00:35:57,060 Vimos los reconocidos por el visualizador. 739 00:35:57,060 --> 00:35:59,180 Y entonces usted podría tener visto que reconocía 740 00:35:59,180 --> 00:36:03,202 parte de la muñeca y de la brazo asociado con él. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Si desea para levantar el visualizador. 742 00:36:05,410 --> 00:36:07,190 Armaghan BEHLUM: Sí, vamos a hacer eso otra vez. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Usted puede ver, siempre sólo un buen recordatorio para ver más o menos, 744 00:36:10,148 --> 00:36:14,060 Visualizador intenta mostrar todos los datos que Salto ve. 745 00:36:14,060 --> 00:36:17,606 Así podrás ver que tenemos este tipo de cuatro puntos 746 00:36:17,606 --> 00:36:19,230 por la muñeca y luego la muñeca real. 747 00:36:19,230 --> 00:36:21,625 Y usted también tiene esta bola en la palma de la mano. 748 00:36:21,625 --> 00:36:24,000 Todos estos son puntos Reconocer reconocido por el salto. 749 00:36:24,000 --> 00:36:25,041 >> Armaghan BEHLUM: Exactamente. 750 00:36:25,041 --> 00:36:32,300 Y así, con ese objeto mano cada cuadro tiene un arsenal mano 751 00:36:32,300 --> 00:36:36,470 así, donde también se puede obtener la manos izquierda y derecha. 752 00:36:36,470 --> 00:36:39,410 Usted puede conseguir que dirección las manos son 753 00:36:39,410 --> 00:36:42,410 enfrenta con la normal dirección de la palma de la mano, 754 00:36:42,410 --> 00:36:45,470 o como lo llaman la palma normal. 755 00:36:45,470 --> 00:36:46,510 ¿Qué más tenemos? 756 00:36:46,510 --> 00:36:48,120 También, oops. 757 00:36:48,120 --> 00:36:50,640 Vamos a tratar de desplazarse por este camino. 758 00:36:50,640 --> 00:36:54,410 Los brazos, los dedos son representado por el dedo 759 00:36:54,410 --> 00:36:57,890 clase, que es un objeto orientable. 760 00:36:57,890 --> 00:37:01,420 Así que, como decíamos, vimos que variedad de pointables para cada mano. 761 00:37:01,420 --> 00:37:04,240 Esos son el pequeño dedos para pensar. 762 00:37:04,240 --> 00:37:09,809 Así que este es un buen panorama para ir a través de tratar de entender. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [inaudible] anatomía hasta la mano allí. 764 00:37:11,850 --> 00:37:13,680 Armaghan BEHLUM: Sí, exactamente. 765 00:37:13,680 --> 00:37:14,220 Así que sí. 766 00:37:14,220 --> 00:37:18,150 Hay una gran cantidad de datos en bruto que el Leap Motion toma en interpreta bien 767 00:37:18,150 --> 00:37:20,750 para usted, así que es un gran idea de pasar por aquí 768 00:37:20,750 --> 00:37:25,300 y tratar de encontrar la manera Salto tiene ya constan las cosas para usted 769 00:37:25,300 --> 00:37:28,830 y por lo que información tener disponible desde allí. 770 00:37:28,830 --> 00:37:33,150 Y luego desde allí Recomendaría de cara a esta sección de la izquierda aquí, 771 00:37:33,150 --> 00:37:39,210 que va, bueno, en realidad no, esos son en realidad sólo más cosas API sobre-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: La referencia de la API en el inferior suele ser un buen lugar para ir. 773 00:37:42,670 --> 00:37:45,720 Ustedes probablemente vio esto cuando hicimos el Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Pero la referencia realmente sólo pasa por todas 775 00:37:48,590 --> 00:37:54,540 de las funciones y parámetros disponible en el objeto a usted. 776 00:37:54,540 --> 00:37:55,500 >> Armaghan BEHLUM: Sí. 777 00:37:55,500 --> 00:37:57,740 Por ejemplo, esto es lo que Yo estaba buscando antes. 778 00:37:57,740 --> 00:38:01,030 Cuando tenemos una mano que puede ir y averiguar 779 00:38:01,030 --> 00:38:03,750 cómo Salto recomienda a nosotros para encontrar una mano. 780 00:38:03,750 --> 00:38:06,080 Como he dicho antes, tenemos una gran variedad manos. 781 00:38:06,080 --> 00:38:10,340 Averigüe si tenemos las manos y a continuación, tratar de agarrar una sola mano 782 00:38:10,340 --> 00:38:12,410 para interactuar con esa manera. 783 00:38:12,410 --> 00:38:16,540 Así que eso es lo que recomendar para ustedes. 784 00:38:16,540 --> 00:38:18,400 Los gestos y cosas así. 785 00:38:18,400 --> 00:38:23,857 Esta documentación de la API se va a ser una herramienta fantástica para ustedes. 786 00:38:23,857 --> 00:38:25,440 ¿Tiene alguna otra recomendación? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: no lo hago. 788 00:38:26,398 --> 00:38:27,590 Creo que eso es bueno por ahora. 789 00:38:27,590 --> 00:38:29,340 >> Armaghan BEHLUM: Sí, Pienso lo mismo. 790 00:38:29,340 --> 00:38:33,330 No dude en enviarnos un correo electrónico y obtener en contacto acerca de Leap Motion 791 00:38:33,330 --> 00:38:36,210 si usted está teniendo tal vez cualquier problema o necesita alguna recomendación. 792 00:38:36,210 --> 00:38:40,310 Y podemos tratar de averiguar cosas con ustedes también. 793 00:38:40,310 --> 00:38:40,810 Gracias. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Grande. 795 00:38:42,360 --> 00:38:42,880