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,529 --> 00:00:17,329 Hola, buenos días. Pues estamos preparando lo que serían las clases, estamos trabajando con estos tutoriales. 3 00:00:17,469 --> 00:00:25,829 Los hemos hecho ya todos durante un curso y nos quedaba el último, es este, el Side Scroller. 4 00:00:26,250 --> 00:00:28,730 Bueno, va de un coche que tiene que evitar obstáculos. 5 00:00:28,730 --> 00:00:35,130 Bueno, pues vamos a ver cómo lo hemos preparado. No vamos a usar el tutorial porque es muy sencillo. 6 00:00:37,159 --> 00:00:40,460 Lo vamos a llamar el coche que evita obstáculos. 7 00:00:40,939 --> 00:00:49,140 Y bueno, vamos a ver. Lo primero que nos dicen es que nos vayamos a escena y le demos un color al fondo. 8 00:00:49,659 --> 00:00:55,219 Damos el color al fondo y hacemos el mapa de teselas. 9 00:00:55,219 --> 00:01:01,420 Vamos a ponerlo en verde y de nuevo en escena nos vamos a mapa de teselas. 10 00:01:01,939 --> 00:01:04,120 Fijar, mapa de teselas o mapa de teselas. 11 00:01:04,560 --> 00:01:13,920 Y aquí, bueno, pues como se trata de una carrera, nos piden que lo hagamos de 50 por 8 para que sea alargado, como lo tenemos ahí. 12 00:01:15,319 --> 00:01:16,480 Y ya lo tenemos. 13 00:01:16,920 --> 00:01:23,140 Y bueno, ahora tenemos que hacer nuestra carretera y aquí con unos obstáculos. 14 00:01:23,140 --> 00:01:32,599 Lo interesante o lo que hemos aprendido de este video tutorial, pues que tenemos que crearnos nuestra propia baldosa. 15 00:01:32,819 --> 00:01:40,379 Aquí tenemos las baldosas que podemos usar, tenemos de carretera, pero vamos a ser ahora nosotros los que lo vamos a crear. 16 00:01:40,500 --> 00:01:48,879 Y es tan sencillo como pasarse de galería a MyTiles, a nuestras baldosas, le damos al más y aquí nos lo podemos crear. 17 00:01:48,879 --> 00:01:54,599 bueno pues como es un coche que se va moviendo por una carretera le vamos a poner obstáculos 18 00:01:54,599 --> 00:01:57,340 pues le vamos a poner unos pinchos 19 00:01:57,340 --> 00:02:02,329 bueno pues ahí le hemos puesto unos pinchos 20 00:02:02,329 --> 00:02:06,370 pero podríamos hacer personajes o podríamos hacer lo que quisiéramos 21 00:02:06,370 --> 00:02:10,729 ahí ya lo tenemos y vemos que ya lo tenemos aquí 22 00:02:10,729 --> 00:02:14,569 es simplemente clic y lo mismo borrar, quitar, poner 23 00:02:14,569 --> 00:02:17,189 mira ahí lo tenemos le vamos a poner 24 00:02:17,189 --> 00:02:21,009 pues esta parte con pinchos 25 00:02:21,009 --> 00:02:23,949 Ahora, ¿queremos hacernos nuestra carretera? 26 00:02:24,210 --> 00:02:26,069 ¿No queremos usar la de la galería? 27 00:02:26,189 --> 00:02:26,810 Pues lo mismo 28 00:02:26,810 --> 00:02:28,449 Nos vamos al más 29 00:02:28,449 --> 00:02:31,949 Y vamos a hacer un poquito una carretera 30 00:02:31,949 --> 00:02:34,909 No sé si esto será la mejor manera 31 00:02:34,909 --> 00:02:36,330 Ahí lo tenemos 32 00:02:36,330 --> 00:02:38,990 Venga, le ponemos una raya 33 00:02:38,990 --> 00:02:41,710 Ahí 34 00:02:41,710 --> 00:02:43,990 Y luego ya lo vamos a terminar 35 00:02:43,990 --> 00:02:46,610 Ahí la tendríamos 36 00:02:46,610 --> 00:02:49,789 Pues lo mismo, seleccionarla y ponerla 37 00:02:49,789 --> 00:02:54,650 y de esta manera pues podemos personalizar nuestros fondos 38 00:02:54,650 --> 00:02:59,650 la galería tiene bastantes pero nosotros vamos a personalizarla 39 00:02:59,650 --> 00:03:03,050 aquí lo que vamos a hacer es que la vamos a poner 40 00:03:03,050 --> 00:03:09,030 va a ir el coche yo creo, va a ir el coche como por encima 41 00:03:09,030 --> 00:03:13,270 como no hemos usado toda la carretera vamos a verlo 42 00:03:13,270 --> 00:03:17,770 se podrá modificar, ahí lo tenemos para editar 43 00:03:17,770 --> 00:03:42,270 Pues mira que bien. Le vamos a poner dos carriles. A ver si usamos la herramienta cubo con este color. Ahí la tenemos. Mucho más sencillo. Y ahora, pues sí, ahora ya la tenemos. Y estos los dejamos tal cual. Bueno, pues seguimos. Le damos a listo. Se nos ha olvidado poner la llegada. 44 00:03:42,270 --> 00:03:48,990 Pues mira, también la vamos a crear nosotros y vamos a hacer el tablero de ajedrez. 45 00:03:56,379 --> 00:04:00,639 Ahí lo tenemos. Tan sencillo como llevarlo. Ahí lo tenemos. 46 00:04:01,240 --> 00:04:04,539 Bueno, pues esto es lo que hemos aprendido de este videotutorial. 47 00:04:04,719 --> 00:04:11,719 Luego nos animaban a que nosotros hiciéramos el coche que va por esa carretera. 48 00:04:11,900 --> 00:04:13,620 Y ahora vamos a ver cómo es el código. 49 00:04:13,620 --> 00:04:18,379 Bueno, pues aquí estamos en el código de ese coche. 50 00:04:18,379 --> 00:04:24,699 Lo hemos cambiado, lo tenemos ahí, con el space saltamos y chocamos contra los bordes 51 00:04:24,699 --> 00:04:29,600 Nos hace esa vibración y vamos a ver el código que le hemos puesto 52 00:04:29,600 --> 00:04:34,939 Le hemos puesto también aceleración para que el coche caiga dentro de los saltos 53 00:04:34,939 --> 00:04:39,120 Nos habíamos quedado aquí y aquí en el video tutorial ya nos animan a poner el coche 54 00:04:39,120 --> 00:04:45,279 Pues tan sencillo como irse a objetos y coger el objeto que vamos a hacer 55 00:04:45,279 --> 00:04:50,220 el coche lo hemos cogido de la galería y lo colocamos en un punto de salida. 56 00:04:50,620 --> 00:04:54,199 Aquí lo hemos puesto que salga desde aquí y caiga. 57 00:04:54,959 --> 00:05:00,139 ¿Qué podríamos utilizar? Normalmente hay un bloque. 58 00:05:00,759 --> 00:05:12,259 Este bloque nos permite colocar a nuestro personaje dentro de una baldosa determinada. 59 00:05:12,259 --> 00:05:15,980 aquí podríamos ponerlo pues en cualquiera de estas 60 00:05:15,980 --> 00:05:19,980 pero no lo hemos usado sino que nos hemos ido a la posición 61 00:05:19,980 --> 00:05:23,620 y lo hemos puesto en esta posición de arriba 62 00:05:23,620 --> 00:05:26,560 vamos a refrescar 63 00:05:26,560 --> 00:05:29,220 y lo que hace es caer 64 00:05:29,220 --> 00:05:32,139 y luego le hemos puesto aceleración 65 00:05:32,139 --> 00:05:34,660 necesitamos aceleración 300, 500 66 00:05:34,660 --> 00:05:37,459 y movemos con los botones 67 00:05:37,459 --> 00:05:39,720 en el eje Y no le ponemos movimiento 68 00:05:39,720 --> 00:05:41,540 porque vamos a hacer que salte 69 00:05:41,540 --> 00:05:46,139 Y ahí ya tenemos a nuestro coche moviéndose hacia adelante y hacia atrás. 70 00:05:46,699 --> 00:05:47,959 Le hemos puesto poca velocidad. 71 00:05:48,540 --> 00:05:51,579 Y lógicamente necesitamos que la cámara siga al objeto. 72 00:05:53,560 --> 00:05:55,879 Ya por los colores encontramos dónde está todo. 73 00:05:56,100 --> 00:06:00,579 Pues nos vamos a escena y vemos la cámara siga al objeto. 74 00:06:01,959 --> 00:06:05,639 Y si no, también tenemos este buscado, por ejemplo, cámara. 75 00:06:07,079 --> 00:06:08,819 Ahí, cámara siga al objeto. 76 00:06:09,600 --> 00:06:12,259 Vamos, muy sencillo es programar con MakeCode. 77 00:06:12,259 --> 00:06:26,360 Bueno, ahora ya vamos a ese salto. Cuando nosotros apretamos el botón A, lo que hace es, y nos tenemos que ir a uno de lógica, 78 00:06:26,860 --> 00:06:35,000 y dentro de los de lógica encontramos este si verdadero entonces. Pero dentro del si verdadero entonces, aquí no tenemos un verdadero. 79 00:06:35,000 --> 00:07:03,000 Lo que estamos haciendo es que nos tenemos que volver otra vez a escena y buscar ese hexágono, nos vamos a escena, buscamos ese hexágono y nos quedamos con sí aquí, pero le vamos a decir que si está tocando desde luego no el muro de la izquierda sino el de abajo como lo tenemos aquí y si está tocando el de abajo, solo si está tocando el de abajo nos va a permitir saltar 80 00:07:03,000 --> 00:07:05,199 saltar. Y por eso le ponemos la velocidad 81 00:07:05,199 --> 00:07:06,819 en el eje Y a 82 00:07:06,819 --> 00:07:08,759 150. ¿Dónde la tenemos? Aquí. 83 00:07:09,079 --> 00:07:09,560 Fijar. 84 00:07:11,019 --> 00:07:13,040 Claro, te sale fijar X, pero tú tienes 85 00:07:13,040 --> 00:07:15,000 que ir a fijar velocidad 86 00:07:15,000 --> 00:07:16,920 en el Y. Y ya le damos 87 00:07:16,920 --> 00:07:18,500 este valor de 150, 88 00:07:18,839 --> 00:07:20,879 dependiendo de cómo queramos que sea nuestro salto. 89 00:07:20,879 --> 00:07:22,959 De esta manera, nuestro coche 90 00:07:22,959 --> 00:07:25,160 puede saltar. Se desplaza 91 00:07:25,160 --> 00:07:27,000 hacia adelante, se desplaza hacia atrás, 92 00:07:27,100 --> 00:07:28,600 pero hace el salto. 93 00:07:29,800 --> 00:07:30,800 ¿Qué más le hemos puesto? 94 00:07:31,079 --> 00:07:32,980 Bueno, pues ya que este 95 00:07:33,000 --> 00:07:36,339 que es típico de lograr o de ganar un juego. 96 00:07:36,500 --> 00:07:40,040 Tenemos que irnos a esto de tipo sándwich y lo cogemos. 97 00:07:40,259 --> 00:07:42,680 Y esta baldosa, ¿qué baldosa es la que hemos puesto? 98 00:07:42,779 --> 00:07:43,600 La de la meta. 99 00:07:44,740 --> 00:07:49,240 Lo sacamos, descolocarlo y le damos a juego. 100 00:07:50,519 --> 00:07:54,120 Y le damos a juego, nos vamos a game over. 101 00:07:54,360 --> 00:07:56,180 Y game over o ganaste, ¿no? 102 00:07:56,180 --> 00:07:57,259 En este caso ganaste. 103 00:07:57,819 --> 00:08:00,980 Cuando llegamos al final del camino, 104 00:08:00,980 --> 00:08:09,860 pues lo que hacemos es ganar, luego podríamos haber ido quitando vidas a la vez que te va golpeando contra los objetos 105 00:08:09,860 --> 00:08:18,779 ahí lo tenemos y cuando llegamos a esta baldosa que la hemos hecho específicamente para una meta 106 00:08:18,779 --> 00:08:23,680 pues nos da el ganamos y luego lo que sí que es importante, bueno no es importante 107 00:08:23,680 --> 00:08:28,480 pero sí que metemos dentro de un para siempre, en los bucles, en el para siempre 108 00:08:28,480 --> 00:08:44,039 Este caso de que, igual que hemos usado, si toca el muro por abajo, aquí cuando toca el muro por la derecha, ¿qué es lo que hace? Sacude la cámara, lo tenemos aquí, sacude la cámara a 4 píxeles, aquí ya le podemos ir cambiando, ¿no? 109 00:08:44,039 --> 00:08:49,159 y entonces nos hace ese efecto de que nos chocamos. 110 00:08:49,480 --> 00:08:54,860 Vamos moviéndonos, vamos moviéndonos y si nos saltamos, nos chocamos. 111 00:08:55,500 --> 00:08:59,139 El sonido, bueno, pues aquí tenemos la opción de que cuando choca 112 00:08:59,139 --> 00:09:05,559 nos hace ese sonido de golpe y de que se mueve la cámara. 113 00:09:05,559 --> 00:09:12,620 Bueno, pues con estos cuatro grupos, eso que hemos empezado haciendo como un fondo 114 00:09:12,620 --> 00:09:16,919 y luego nos han solicitado que hagamos el coche, pues ya tenemos este tipo de coche. 115 00:09:17,740 --> 00:09:19,519 Bueno, pues espero que le veáis utilidad.