1 00:00:00,370 --> 00:00:09,890 Cuatro minutos con Félix. Programación, tecnología, robótica, aulas virtuales, actividades y recursos para trabajar en primaria. 2 00:00:10,390 --> 00:00:16,850 Hola, buenos días. Estamos haciendo un juego, principalmente lo que nos estamos basando es en el scroll. 3 00:00:17,070 --> 00:00:21,910 Hemos hecho aquí un scroll horizontal, pero el otro día vimos un scroll vertical. 4 00:00:22,429 --> 00:00:26,269 Vamos a ver cómo se hace. Y luego pues veremos cómo es el juego. 5 00:00:26,269 --> 00:00:31,089 Este es el scroll vertical que hicimos el otro día 6 00:00:31,089 --> 00:00:35,670 Entonces, bueno, dependiendo de que sea vertical o que sea horizontal 7 00:00:35,670 --> 00:00:40,390 Pues tendremos que tener distintos valores que pongamos para nuestras variables 8 00:00:40,390 --> 00:00:45,929 Le haremos un fondo, pero lo que vamos a hacer es luego crear dos variables 9 00:00:45,929 --> 00:00:48,689 Una clonada y otra que es el normal 10 00:00:48,689 --> 00:00:51,189 Vamos aquí al horizontal, pues lo vemos 11 00:00:51,189 --> 00:00:54,189 ¿Por qué hemos puesto la cuadrícula? 12 00:00:54,789 --> 00:00:55,729 Porque es muy importante 13 00:00:55,729 --> 00:01:05,549 Vamos a verlo ahora. Tenemos nuestro fondo. Nuestro fondo es un objeto. No nos vamos a fondo, sino que es un objeto que lo vamos a llamar escenario. 14 00:01:06,230 --> 00:01:13,530 Y aquí, si nos fijamos, nosotros vamos desde el 180 positivo hasta al menos 180 en vertical. 15 00:01:13,930 --> 00:01:19,810 Y vamos del 240 al 240 negativo al 240 positivo en horizontal. 16 00:01:19,810 --> 00:01:38,349 Esos 480 son prácticamente los que ponemos aquí. Aquí ponemos 475. Aquí cuando vamos ya llegando la variable, hemos creado dos variables, la variable clon y la variable escenario. 17 00:01:38,349 --> 00:01:51,590 Cuando llegan al valor menos 479, que sería muy cercano al 480, lo que hacemos es que le damos al clon otra vez los valores 470. 18 00:01:51,590 --> 00:02:10,150 Y bueno, aquí tenemos el 475. Es como si cuando llegamos, porque lo que hacemos es ir sumando 3, menos 3, y esto hace que vaya más rápido o más despacio, vamos sumando, vamos restando y entonces lo que hacemos es que si yo parto de 0 voy restando 3, 3 hasta llegar a 479. 19 00:02:10,150 --> 00:02:14,150 y luego me voy a 470 y empiezo otra vez a restar 20 00:02:14,150 --> 00:02:17,909 y aquí lo mismo, lo que pasa es que empezamos de valores distintos 21 00:02:17,909 --> 00:02:21,810 y eso es lo que nos hace este movimiento de scroll 22 00:02:21,810 --> 00:02:24,949 que parece que se está moviendo el fijo 23 00:02:24,949 --> 00:02:29,669 y luego, claro, si nos vamos al vertical 24 00:02:29,669 --> 00:02:33,870 pues hemos visto que del menos 180 al 180, o sea que son 25 00:02:33,870 --> 00:02:37,810 360 prácticamente, aquí quitamos menos 26 00:02:37,810 --> 00:02:41,969 359, aquí ponemos 355 27 00:02:41,969 --> 00:02:45,629 muy cercano a 360 y le damos este 350 28 00:02:45,629 --> 00:02:49,849 nos llegamos al 360, pero es importante tener 29 00:02:49,849 --> 00:02:53,849 claro que valores vamos a poner para que haga nuestro scroll 30 00:02:53,849 --> 00:02:57,389 y que es lo que hacemos, bueno, simplemente al hacer clic en la bandera 31 00:02:57,389 --> 00:03:02,210 esas dos variables que hemos creado, clone y escenario 32 00:03:02,210 --> 00:03:05,830 las tenemos que poner, el clone le ponemos en valor 0 33 00:03:05,830 --> 00:03:13,030 Empezamos de 0, al hacer clic, creamos un clon de mi mismo, damos ahí el valor 0, estaríamos en esta línea, 34 00:03:13,490 --> 00:03:19,729 y por siempre vamos a dar a X, porque nos vamos a mover el X, el valor escenario. 35 00:03:20,430 --> 00:03:30,150 Y luego en el otro, en el clon, por siempre le vamos a dar al clon el valor X, o sea, nuestra X va a valer estas variables que le hemos puesto. 36 00:03:30,150 --> 00:03:44,610 Y le vamos a ir quitando 3. Empezamos en 475 y luego iremos a 472, 469 y aquí empezaremos, como empezamos en 0, menos 3, menos 6. 37 00:03:45,210 --> 00:03:54,789 Luego lo que hacemos es que vamos a ir restando, pero no infinitamente, sino hasta que lleguemos a este valor de menos 479, que volvemos a empezar en 470. 38 00:03:55,270 --> 00:04:02,789 Lógicamente el clon llega antes a este menos 479 y empieza en 470. 39 00:04:03,530 --> 00:04:10,270 Este le va a llevar casi prácticamente el doble, la bandera verde y un bloque para comenzar como clon. 40 00:04:10,270 --> 00:04:12,669 Lógicamente cada uno con sus variables 41 00:04:12,669 --> 00:04:15,569 Y sus variables que tienen numeraciones distintas 42 00:04:15,569 --> 00:04:22,230 Y siempre buscando la longitud de nuestro escenario 43 00:04:22,230 --> 00:04:25,910 Que en este caso son 480, 479, 400 44 00:04:25,910 --> 00:04:27,410 Aquí podríamos modificar 45 00:04:27,410 --> 00:04:30,449 Y el que nos da la velocidad es este, menos 3 46 00:04:30,449 --> 00:04:34,290 Con esto ya tenemos nuestro scroll 47 00:04:34,290 --> 00:04:36,350 Que se va moviendo el escenario 48 00:04:36,350 --> 00:04:42,410 y que también al ser un objeto pues nos está permitiendo interaccionar 49 00:04:42,410 --> 00:04:45,990 cuando nuestro objeto toca el pincho pues le penaliza 50 00:04:45,990 --> 00:04:49,490 bueno pues espero que veáis su utilidad hacer estos scroll 51 00:04:49,490 --> 00:04:53,930 pues mira para un gatito en este caso que se mueve horizontalmente 52 00:04:53,930 --> 00:05:01,230 o también para hacerlo con un gato que se está moviendo verticalmente volando por el espacio 53 00:05:01,230 --> 00:05:02,930 bueno pues espero que le veáis su utilidad