Saltar navegación

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

Utiliza la extensión grid para mover tu personaje por un tablero de ajedrez programando con MakeCode Arcade - 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 30 de mayo de 2025 por Felicisimo G.

8 visualizaciones

Programa con MakeCode Arcade usando la extensión grid para mover tu personaje por cuadrículas. Diseña las baldosas o us la galería. Muévete por casillas.

Más información Transcripción

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 vamos a hacer un pequeñito videotutorial. Estamos trabajando con MakeCode Arcade 00:00:10
y lo que estamos viendo es que tenemos muchos videotutoriales para trabajar. 00:00:15
Yo me he cogido este y este justo va de que tienes una cuadrícula, un grid, donde el topo va saliendo aquí, aquí o aquí. 00:00:20
Y digo, bueno, y entonces te podrás crear tú la cuadrícula, ¿no? 00:00:29
En estos tutoriales ya te viene creada y luego tenemos más videotutoriales. 00:00:33
Desde luego tenemos code.rg que va muy bien, pero también tenemos otros que van muy bien 00:00:38
y los tenemos que dar una vuelta si lo queremos enseñar. 00:00:44
Entonces, diciendo, oye, ¿esto se puede hacer? Pues vamos a ver si se puede hacer. 00:00:47
y aquí lo tenemos, nos hemos hecho unas cuadrículas donde nuestros personajes, 00:00:51
si nos fijamos, solo se mueven en las cuadrículas, no pueden ir verticales, 00:00:59
no pueden ir de cualquier manera, sino va de cuadrícula en cuadrícula. 00:01:03
Y nuestro caballero lo que tiene que hacer es perseguir al fantasma 00:01:06
y cuando toca al fantasma, pues le quita una vida y ya se trataría de contra. 00:01:09
Antes mates al fantasma o antes toques al fantasma, las tres veces ya ganas, ¿no? 00:01:18
Pasa que se me está haciendo fatal. 00:01:24
Y lo que pasa es que luego, para cada vez que le quitas una vida al fantasma, 00:01:27
lo que hacemos es que nos vamos a esta posición y el fantasma se viene a esta posición 00:01:32
para que no puedas cogerle. 00:01:36
Y luego, pues, vamos a ver cómo podemos hacer que sea más fácil o más difícil el juego. 00:01:38
Pero bueno, si nos fijábamos que en este teníamos 1, 2, 3, 4, 1, 2, 3, 4 por 3, 12, aquí lo que nos hemos hecho nosotros es hacernos un tablero de ajedrez, aunque lo hemos tenido que ampliar un poquito, 1, 2, 3, 4, 5, 6, 7, 8, 9, de 10, 10 por 8. 00:01:43
Y bueno, pues ahí para mover con las flechas a nuestro personaje y para entender lo que es una cuadrícula, lo que son filas y columnas, que la verdad que Arcade funciona muy bien en ese sentido, sobre todo porque trabajamos con píxeles. 00:02:01
Pues vamos a ver el código. Bueno, del código lo primero que tenemos que ver es que hay que ir a por una extensión que se llama Grid. 00:02:16
Si estamos aquí, nos hacemos un nuevo proyecto, no nos lo vamos a encontrar, nos tenemos que ir a extensiones, ponemos grid y aquí en marroncito pues ya nos sale arcade grid y ya lo tenemos. 00:02:22
Y nos vienen todos estos bloques de dónde lo vas a colocar, de cómo se va a mover, de dónde lo localizamos y luego esto de numeración que no he trasteado yo mucho, 00:02:41
pero debe ser la organización dentro de las filas y las columnas bueno pues nos vamos al 00:02:51
nuestro y lo primero que tenemos que hacer es al iniciar pues asentar nuestro juego asentar 00:02:58
el mundo donde nos vamos a mover yo siempre le pongo un splash le podríamos poner más splash 00:03:04
explicando el juego porque claro tú abres aquí y que no saben no 00:03:10
1 2 y bueno pues lo vamos 00:03:17
ahí tenemos los tres en el menor tiempo posible y no va por tiempo de segundo 00:03:26
sino va por veces que se mueve el fantasma cada vez que se mueve el 00:03:31
fantasma pues sumamos una hora lo veremos pero aquí viene lo importante 00:03:34
Fijar mapa de teselas a mapa de teselas y aquí es donde lo vamos a tener. 00:03:38
Nosotros normalmente trabajamos con nuestra galería, tenemos aquí este, vamos cogiendo las baldosas que vamos queriendo poner, 00:03:43
pero también podemos dentro de nuestras baldosas crearlas nosotros y entonces creamos una nueva 00:03:53
y yo en este caso pues me he hecho tres, he hecho una blanca, una negra y una de ajedrez, 00:04:00
Pero si quisiéramos hacernos, y esto es lo bueno que tiene Maze Cause Arcade, que es que tiene mucha creatividad, si yo me quiero hacer ahora baldosas que sean de este estilo, o bueno, o que son como si fuera una columna, o como si fuera una carretera, o como si fuera lo que quisiera yo hacer, que es que eso es lo bueno que tenemos. 00:04:06
Y sobre todo que se crea facilísimamente y que nuestros chicos y nuestras chicas pues tienen un planteamiento y una estética respecto a los píxeles que la verdad que hacen cosas maravillosas. 00:04:27
Bueno, pues aquí tendríamos y las vamos haciendo y las vamos colocando. 00:04:43
Ya la tenemos lista y esta baldosa es la que podríamos poner donde quisiéramos y haríamos nuestra baldosa. 00:04:48
Yo la he querido hacer de 8x8, pero sí, yo creo que la pantalla es de 10x8. 00:04:55
Y entonces la he puesto de 10x8. 00:04:59
Hemos hecho este tablero de ajedrez, simplemente haciendo clic y lo podríamos ir modificando. 00:05:02
Le voy a modificar esto un poquito, que yo creo que va a quedar. 00:05:09
Bueno, pues ya una vez que lo tenemos, un mapa de teselas, que esto lo hemos usado muchísimas veces. 00:05:14
A ver cómo nos queda. 00:05:18
Mira, pues nos lo ha cambiado, nos lo creamos. 00:05:21
Luego, fijaros nuestros jugadores, que esto ya lo hemos hecho muchas veces en objetos 00:05:23
Cogemos aquí este bloque, ya lo tenemos 00:05:28
Y lo único que vamos a tener es un jugador y un enemigo 00:05:30
Como hay dos personajes, pues dos personajes, uno jugador y otro enemigo 00:05:34
Y luego aquí ya nos vamos a nuestro bloque que hemos puesto a nuestra extensión de grid 00:05:39
Lo primero lo vamos a colocar, vamos a colocar el grid en su lugar 00:05:45
grid place my sprite on top of y aquí es donde lo vamos a llevar el personaje al que llamamos 00:05:50
jugador lo ponemos en el 5 5 que sería en el medio por aquí y a nuestro fantasma en el 0 0 00:05:59
empezamos de ahí y luego le tenemos que nos vamos aquí a grid snap nuestro jugador o nuestro enemigo 00:06:05
al grid 00:06:15
y aquí hemos puesto estos dos bloques 00:06:16
snap jugador to grid 00:06:19
y al enemigo también 00:06:20
porque aquí al enemigo también le he puesto 00:06:22
porque mi idea principal era 00:06:24
decir que nuestro personaje 00:06:26
el enemigo siguiera 00:06:29
siguiera 00:06:31
nuestro jugador 00:06:33
y entonces no le había puesto 00:06:34
este bloque 00:06:37
y tenía a mi enemigo 00:06:37
moviéndose pues libremente 00:06:41
por el tablero sin respetar las casillas. Vamos a ver cómo lo hacíamos, ese enemigo, 00:06:43
ahí lo tengo, y a ver cómo lo hace. ¿Ves? Y lo hacía así, directamente, sin respetar 00:06:51
lo que sería la cuadrícula. Luego ya le poníamos este bloque, no nos lo estaba y 00:06:59
nos iba, este nos iba directamente. Entonces, no es lo que queríamos, porque moviéndose 00:07:07
uno y tal, entonces este lo quitábamos 00:07:13
le he puesto este 00:07:15
que yo creo que funciona, no sé 00:07:17
luego lo que hacemos es que nuestro 00:07:20
ahora veremos como se mueve 00:07:23
nuestro fantasma, y luego nuestro 00:07:25
jugador se mueve con los botones 00:07:27
esto es muy sencillo, aquí nuestro jugador 00:07:28
se mueve con los botones 00:07:31
no sé si lo estoy haciendo 00:07:32
bien, pero ahí vamos 00:07:36
luego lo que hacemos es 00:07:38
como tenemos aquí este 00:07:41
poquito, no sé yo por qué 00:07:42
Bueno, pues que permanezcan en la pantalla y que rebote en la pared. 00:07:44
Esto, sobre todo por este, porque le estábamos dando que se mueva a tres, pues oye, pues si hace así y rebota, pues mejor. 00:07:49
Y si no se queda ahí, tampoco es un problema. 00:07:55
Le hemos puesto puntuaje a cero, porque cada vez que se mueve nuestro fantasma le damos un punto y tenemos tres vidas. 00:07:58
Y, claro, de esto se trata de llegar tres veces a nuestro fantasma en el menor tiempo posible. 00:08:06
Normalmente lo tenemos como la máxima puntuación el mayor tiempo posible, pero aquí lo podemos tener como el más bajo, contra menos tardes, mejor puntuación. 00:08:12
Y aquí viene ya nuestro personaje. 00:08:24
Y para mover a nuestro personaje, este sí que es importante, que no lo queríamos que hiciera ahí a través del tablero, pues nos íbamos a esta grid y aquí lo tenemos, mover. 00:08:27
y le decíamos que movíamos aquí al enemigo y hombre pues lo podíamos poner de uno en uno 00:08:39
pues aquí es también como vamos a hacer para que sea el juego más fácil o más difícil 00:08:45
le podemos poner de uno en uno y entonces siempre va a ser la diagonal 00:08:51
pero claro haciendo la diagonal pues te vas a encontrar pronto 00:08:55
entonces tenemos que meter el bloque del azar que tenemos en matemáticas 00:08:59
Se escogerá al azar y ya ahí no nos va a hacer una diagonal, sino que nos puede hacer tres para la derecha y uno para abajo o tres para la derecha y uno para arriba. 00:09:04
Si está aquí yo creo que no va a hacer nada, pero ahí es donde se va a mover de distinta manera. 00:09:15
Y aquí pues también podemos ponerle, oye, que solo se mueva entre menos uno y uno y va a ser más fácil de cazar nuestro fantasma. 00:09:21
Vamos, le hemos puesto uno, el otro lo hemos dejado como estaba, yo imagino que hará movimientos más fáciles. 00:09:31
Ya le hemos cogido uno, le hemos cogido dos, porque siempre va de uno en uno en el eje X. 00:09:40
Bueno, pues ahí tenemos, pues dependiendo de qué edad estemos trabajando, porque también este, programar esto con los de sexto, 00:09:47
para que los de primeros cursos empiecen a trabajar con el cursor, pues es una buena idea. 00:09:55
esto que está ahí fuera, la verdad que 00:10:00
este bloque, el de situar 00:10:03
nuestro escenario 00:10:05
ya lo tenemos, claro 00:10:07
si no quedan vidas, que decimos que perdemos 00:10:09
no, normalmente perdemos, pero en este 00:10:11
caso ganaste, hemos cogido 00:10:13
el bloque de actualizar 00:10:15
este es muy importante, el de actualizar 00:10:17
y aquí lo mismo, si le ponemos 00:10:19
cada 200 milisegundos 00:10:21
nuestro personaje, nuestro fantasma 00:10:24
se va a mover muy rápidamente 00:10:26
y nos lo va a poner muy difícil 00:10:28
ahí está moviéndose muy difícil y nos cuesta si lo ponemos hombre yo lo he puesto a un segundo y es 00:10:30
que es muy fácil pues tiene que ser algo intermedio dependiendo de la dificultad que queramos y por 00:10:39
eso cambiamos el puntuaje cada vez que mueve cada vez que ocurren 20 milisegundos o sea cada segundo 00:10:44
son 5 puntos contra antes llegues menos puntos sumas y aquí ya tenemos el último que yo me estaba 00:10:51
acostumbrando a utilizar los de los de lógica sí pero luego también muchas veces para cuando un 00:10:59
personaje toca a otro usamos el de objetos cuando cuando el spray de tipo players de players eso 00:11:07
superpone pues ahí lo tenemos y que le decimos que cuando el enemigo se superpone sobre el jugador le 00:11:15
quitamos la vida a uno ahí vamos haciendo mandábamos a nuestro enemigo al 0 0 que estaba aquí 00:11:22
y al nuestro nos lo ponemos aquí 00:11:28
porque si no 00:11:30
tú le dabas aquí, se te volvió aquí 00:11:32
le volvías a dar y bueno, pues ahora que haya 00:11:34
esa distancia y que le demos ese tiempo 00:11:36
para que el fantasma se mueve 00:11:39
y no sea tan fácil 00:11:40
tenemos una musiquita y le hemos 00:11:42
pausado este bloque, la verdad 00:11:44
que me está funcionando, como le cambies 00:11:46
los lugares 00:11:48
te da error, pero con este está funcionando 00:11:50
no sé si me está haciendo esta pausa 00:11:53
pero bueno, hace que el juego 00:11:54
Vamos a ponerle a 200 a medio segundo, aquí entre 3 y menos 3 y bueno, más o menos para mí, ya tengo un puntico ahí, una vida que le he quitado, otra y otra. 00:11:56
Y luego pues vamos a ver cómo son las situaciones en la cuadrícula. 00:12:15
El 0, 0 es este, vamos a coger a nuestro jugador, al jugador, le vamos a poner en el X 0 y 1, 00:12:23
a ver, en la columna 0 y fila 1, y vamos a ver dónde nos lo lleva, ahí nos lo ha llevado. 00:12:35
Si le ponemos en la fila 2, pues va a bajar, en la 3 pues baja 1, ahí la tenemos en los 3, y luego pues las columnas, pues eso, 1, 2, 3, pues vamos a irnos al 5, hacemos 1, 2, 3, bueno igual este es el 0, 1, 2, 3, 4, 5, 6, 7, 8 y 9. 00:12:46
Vamos a ver si nos podemos ir a la columna 9. 00:13:08
Y nosotros, si nos acordábamos, teníamos 10. 00:13:14
0, 1, 2, 3, 4, 5 y 6. 00:13:18
Pues mira, aquí 6. 00:13:21
A ver si nos lo lleva ahí. 00:13:23
Ahí nos lo lleva. 00:13:25
Y lo que veíamos, pues mira, teníamos hasta 9. 00:13:26
Sin embargo, nuestro mapa de teselas contábamos 1, 2, 3, 4, 5, 6, 7, 8, 9 y 10. 00:13:30
Esta no la estamos teniendo. 00:13:36
y 1, 2, 3, 4, 5, 6, 7, 8 00:13:37
este 8 ahí nos la estaba cogiendo un poquito por abajo 00:13:42
vamos a ver si lo podíamos llevar a este personaje 00:13:47
al 9, 8 00:13:51
ese es el 6, el 7 y el 8 00:13:53
yo creo que el 8 nos lo estaba cogiendo 00:13:57
9, 8 no nos lo lleva 00:13:59
9, 7 00:14:02
el 9, 7, 100 00:14:03
que para crearme uno de 9, 7, 9 columnas y 7 filas puedo. 00:14:07
Y que nuestro personaje se va moviendo así, va yendo a las cuadrículas 00:14:13
y que voy a trabajar las flechas y que, bueno, pues he cogido una extensión nueva 00:14:19
y la verdad que me he movido solamente por estos parámetros. 00:14:24
Aquí no me he metido, pero oye, hay que ser un poquito animado para estas cosas. 00:14:28
Y sobre todo, tener la mente abierta para que cuando tenemos aquí muchos videotutoriales, pues utilizarlos y seguramente que le encontremos muchos juegos. 00:14:34
Porque a mí este es el que se me ha ocurrido. 00:14:44
Pero desde luego, aquí el tablero de ajedrez y este que parece un mexicano. 00:14:47
Pero si coges un conejo, estos en vez de usar un tablero de ajedrez, te vas y utilizas el césped y les haces unas cuadrículas ahí. 00:14:52
porque bueno, aquí en la galería tenemos 00:15:02
muchas, o sea que tenemos 00:15:04
mucho y luego lo de poder editar nuestras 00:15:06
baldosas, pues fíjate 00:15:08
la de cosas que podemos hacer, si las 00:15:10
ponemos ahí todos con un diseño 00:15:12
se quedaría muy bien, bueno pues 00:15:14
espero que le veáis utilidad, muchísimas 00:15:16
gracias, un saludo 00:15:18
Idioma/s:
es
Materias:
Tecnología, Tecnologías de la Información, Programación
Etiquetas:
EducaMadrid, Linux, Robótica, Tecnología, Scratch, Competencia Digital, CompDigEdu, Código Escuela 4.0_M
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:
Felicísimo González Canle
Subido por:
Felicisimo G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
8
Fecha:
30 de mayo de 2025 - 21:49
Visibilidad:
Público
Centro:
CP INF-PRI JOVELLANOS
Duración:
15′ 20″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
159.52 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid