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 pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
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
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:
- 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 Basica Obligatoria
- Educación Infantil
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Tercer Curso
- Segundo Ciclo
- Primer Curso
- Segundo Curso
- Tercer Curso
- Primer Ciclo
- Educación Primaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Tercer Ciclo
- Quinto Curso
- Sexto Curso
- Primer Ciclo
- Educación Secundaria Obligatoria
- Ordinaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Diversificacion Curricular 1
- Diversificacion Curricular 2
- Primer Ciclo
- Compensatoria
- Ordinaria
- Educación Especial
- 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