Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Programa con los tutoriales de MakeCode Arcade un juego de coches que saltan obstáculos - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 31 de marzo de 2026 por Felicisimo G.

3 visualizaciones

Usa el mapa de teselas para crear tus propias baldosas para un juego de coches. Utiliza las herramientas de dibujo para crear personajes, fondos y baldosas

Descargar la transcripción

Cuatro minutos con Félix. Programación, tecnología, robótica, aulas virtuales, actividades y recursos para trabajar en primaria. 00:00:00
Hola, buenos días. Pues estamos preparando lo que serían las clases, estamos trabajando con estos tutoriales. 00:00:10
Los hemos hecho ya todos durante un curso y nos quedaba el último, es este, el Side Scroller. 00:00:17
Bueno, va de un coche que tiene que evitar obstáculos. 00:00:26
Bueno, pues vamos a ver cómo lo hemos preparado. No vamos a usar el tutorial porque es muy sencillo. 00:00:28
Lo vamos a llamar el coche que evita obstáculos. 00:00:37
Y bueno, vamos a ver. Lo primero que nos dicen es que nos vayamos a escena y le demos un color al fondo. 00:00:40
Damos el color al fondo y hacemos el mapa de teselas. 00:00:49
Vamos a ponerlo en verde y de nuevo en escena nos vamos a mapa de teselas. 00:00:55
Fijar, mapa de teselas o mapa de teselas. 00:01:01
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í. 00:01:04
Y ya lo tenemos. 00:01:15
Y bueno, ahora tenemos que hacer nuestra carretera y aquí con unos obstáculos. 00:01:16
Lo interesante o lo que hemos aprendido de este video tutorial, pues que tenemos que crearnos nuestra propia baldosa. 00:01:23
Aquí tenemos las baldosas que podemos usar, tenemos de carretera, pero vamos a ser ahora nosotros los que lo vamos a crear. 00:01:32
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. 00:01:40
bueno pues como es un coche que se va moviendo por una carretera le vamos a poner obstáculos 00:01:48
pues le vamos a poner unos pinchos 00:01:54
bueno pues ahí le hemos puesto unos pinchos 00:01:57
pero podríamos hacer personajes o podríamos hacer lo que quisiéramos 00:02:02
ahí ya lo tenemos y vemos que ya lo tenemos aquí 00:02:06
es simplemente clic y lo mismo borrar, quitar, poner 00:02:10
mira ahí lo tenemos le vamos a poner 00:02:14
pues esta parte con pinchos 00:02:17
Ahora, ¿queremos hacernos nuestra carretera? 00:02:21
¿No queremos usar la de la galería? 00:02:24
Pues lo mismo 00:02:26
Nos vamos al más 00:02:26
Y vamos a hacer un poquito una carretera 00:02:28
No sé si esto será la mejor manera 00:02:31
Ahí lo tenemos 00:02:34
Venga, le ponemos una raya 00:02:36
Ahí 00:02:38
Y luego ya lo vamos a terminar 00:02:41
Ahí la tendríamos 00:02:43
Pues lo mismo, seleccionarla y ponerla 00:02:46
y de esta manera pues podemos personalizar nuestros fondos 00:02:49
la galería tiene bastantes pero nosotros vamos a personalizarla 00:02:54
aquí lo que vamos a hacer es que la vamos a poner 00:02:59
va a ir el coche yo creo, va a ir el coche como por encima 00:03:03
como no hemos usado toda la carretera vamos a verlo 00:03:09
se podrá modificar, ahí lo tenemos para editar 00:03:13
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. 00:03:17
Pues mira, también la vamos a crear nosotros y vamos a hacer el tablero de ajedrez. 00:03:42
Ahí lo tenemos. Tan sencillo como llevarlo. Ahí lo tenemos. 00:03:56
Bueno, pues esto es lo que hemos aprendido de este videotutorial. 00:04:01
Luego nos animaban a que nosotros hiciéramos el coche que va por esa carretera. 00:04:04
Y ahora vamos a ver cómo es el código. 00:04:11
Bueno, pues aquí estamos en el código de ese coche. 00:04:13
Lo hemos cambiado, lo tenemos ahí, con el space saltamos y chocamos contra los bordes 00:04:18
Nos hace esa vibración y vamos a ver el código que le hemos puesto 00:04:24
Le hemos puesto también aceleración para que el coche caiga dentro de los saltos 00:04:29
Nos habíamos quedado aquí y aquí en el video tutorial ya nos animan a poner el coche 00:04:34
Pues tan sencillo como irse a objetos y coger el objeto que vamos a hacer 00:04:39
el coche lo hemos cogido de la galería y lo colocamos en un punto de salida. 00:04:45
Aquí lo hemos puesto que salga desde aquí y caiga. 00:04:50
¿Qué podríamos utilizar? Normalmente hay un bloque. 00:04:54
Este bloque nos permite colocar a nuestro personaje dentro de una baldosa determinada. 00:05:00
aquí podríamos ponerlo pues en cualquiera de estas 00:05:12
pero no lo hemos usado sino que nos hemos ido a la posición 00:05:15
y lo hemos puesto en esta posición de arriba 00:05:19
vamos a refrescar 00:05:23
y lo que hace es caer 00:05:26
y luego le hemos puesto aceleración 00:05:29
necesitamos aceleración 300, 500 00:05:32
y movemos con los botones 00:05:34
en el eje Y no le ponemos movimiento 00:05:37
porque vamos a hacer que salte 00:05:39
Y ahí ya tenemos a nuestro coche moviéndose hacia adelante y hacia atrás. 00:05:41
Le hemos puesto poca velocidad. 00:05:46
Y lógicamente necesitamos que la cámara siga al objeto. 00:05:48
Ya por los colores encontramos dónde está todo. 00:05:53
Pues nos vamos a escena y vemos la cámara siga al objeto. 00:05:56
Y si no, también tenemos este buscado, por ejemplo, cámara. 00:06:01
Ahí, cámara siga al objeto. 00:06:07
Vamos, muy sencillo es programar con MakeCode. 00:06:09
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, 00:06:12
y dentro de los de lógica encontramos este si verdadero entonces. Pero dentro del si verdadero entonces, aquí no tenemos un verdadero. 00:06:26
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 00:06:35
saltar. Y por eso le ponemos la velocidad 00:07:03
en el eje Y a 00:07:05
150. ¿Dónde la tenemos? Aquí. 00:07:06
Fijar. 00:07:09
Claro, te sale fijar X, pero tú tienes 00:07:11
que ir a fijar velocidad 00:07:13
en el Y. Y ya le damos 00:07:15
este valor de 150, 00:07:16
dependiendo de cómo queramos que sea nuestro salto. 00:07:18
De esta manera, nuestro coche 00:07:20
puede saltar. Se desplaza 00:07:22
hacia adelante, se desplaza hacia atrás, 00:07:25
pero hace el salto. 00:07:27
¿Qué más le hemos puesto? 00:07:29
Bueno, pues ya que este 00:07:31
que es típico de lograr o de ganar un juego. 00:07:33
Tenemos que irnos a esto de tipo sándwich y lo cogemos. 00:07:36
Y esta baldosa, ¿qué baldosa es la que hemos puesto? 00:07:40
La de la meta. 00:07:42
Lo sacamos, descolocarlo y le damos a juego. 00:07:44
Y le damos a juego, nos vamos a game over. 00:07:50
Y game over o ganaste, ¿no? 00:07:54
En este caso ganaste. 00:07:56
Cuando llegamos al final del camino, 00:07:57
pues lo que hacemos es ganar, luego podríamos haber ido quitando vidas a la vez que te va golpeando contra los objetos 00:08:00
ahí lo tenemos y cuando llegamos a esta baldosa que la hemos hecho específicamente para una meta 00:08:09
pues nos da el ganamos y luego lo que sí que es importante, bueno no es importante 00:08:18
pero sí que metemos dentro de un para siempre, en los bucles, en el para siempre 00:08:23
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? 00:08:28
y entonces nos hace ese efecto de que nos chocamos. 00:08:44
Vamos moviéndonos, vamos moviéndonos y si nos saltamos, nos chocamos. 00:08:49
El sonido, bueno, pues aquí tenemos la opción de que cuando choca 00:08:55
nos hace ese sonido de golpe y de que se mueve la cámara. 00:08:59
Bueno, pues con estos cuatro grupos, eso que hemos empezado haciendo como un fondo 00:09:05
y luego nos han solicitado que hagamos el coche, pues ya tenemos este tipo de coche. 00:09:12
Bueno, pues espero que le veáis utilidad. 00:09:17
Idioma/s:
es
Materias:
Diseño, Matemáticas, Tecnología, Tecnologías de la Información, Programación
Etiquetas:
Juegos, Operaciones matemáticas, Tablet, Tecnología, Scratch, Competencia Digital, CompDigEdu, Competencia Digital Docente, Código Escuela 4.0_M, Animación
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Especial
    • Educación Basica Obligatoria
      • Infantil
      • Básica 1
      • Básica 2
    • Programas de formación para la transición a la vida adulta
      • Tránsito a la vida adulta
      • Programas de iniciacion profesional especial
  • Educación Infantil
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
    • Segundo Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
    • Tercer Ciclo
      • Quinto Curso
      • Sexto Curso
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
Autor/es:
Felicisimo González Canle
Subido por:
Felicisimo G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
3
Fecha:
31 de marzo de 2026 - 19:26
Visibilidad:
Público
Centro:
CP INF-PRI JOVELLANOS
Duración:
09′ 20″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
129.47 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid