Saltar navegación

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

Programa con MakeCode Arcade un juego de disparos, sumas y diseña personajes y escenarios - 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 1 de junio de 2025 por Felicisimo G.

38 visualizaciones

Utiliza los totoriales de MakeCode Arcade para inspirarte en juegos. Mueve el fondo, crea personajes animados, disparos con puntuaciones y pierde vidas.

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 y la verdad que es divertidísimo. 00:00:10
Y luego que tenemos muchísima ayuda, muchos videotutoriales. Yo me echo la mayoría de estos que la verdad que están muy bien. 00:00:19
y luego cuando te vas a estos pues mejor 00:00:27
el caso es que he trabajado con este Save the Galaxy 00:00:29
y la verdad que te aporta unas ideas pues un poquito diferentes 00:00:32
vamos a ver el código 00:00:37
a mí lo que me ha gustado ha sido esta parte 00:00:39
cuando tú tienes que, bueno, pues los satélites le das y te dice Uploading 00:00:43
y se va, el satélite le das con el código y se va 00:00:49
Entonces, eso lo vamos a aprovechar, vamos a cambiar el jueguito y lo vamos a... el código lo tenemos igual, hay que fijarse mucho. 00:00:53
Cuando tú vas siguiendo todos los pasos, la verdad que es muy sencillo, pero bueno, lo hemos adaptado, nos vamos a nuestros proyectos, crearíamos un nuevo proyecto y yo ya lo tengo. 00:01:03
Y bueno, tenemos varios personajes y tenemos que darnos cuenta de quién es quién a la hora de programar. 00:01:15
Entonces nosotros lo hemos adaptado, hemos cambiado el fondo, le hemos puesto ese fondo también que se mueva. 00:01:25
Cuando chocamos con esas estrellas se agita y vas perdiendo vidas. 00:01:31
Y aquí le hemos puesto una suma, 1 más 1, 9, 10 más 9, 19, que ahí no le he dado. 00:01:39
De hecho el juego pues para que nos sirva para calcular, que desde luego podríamos haber puesto también una corrección, 00:01:47
pues seguramente que sí, si hacemos variables, pues podríamos 0 más 2, pues que nos diga cuál es el resultado en vez de decir calculado. 00:01:53
Pero bueno, que tampoco, además tenemos en nuestra aula virtual muchísimas animaciones para sumar y para restar. 00:02:00
Pero bueno, que le hemos dado una vuelta. Nuestro fondo se mueve, tenemos un enemigo, tenemos que disparar, tenemos unas sumas 00:02:08
y cuando lo calculamos pues se va y nos dice que lo hemos calculado. 00:02:16
Y luego pues también tenemos que van cambiando nuestro personaje, pues estamos utilizando estos bloques de animación. 00:02:21
Bueno, pues vamos a ver un poquito cómo lo hemos hecho. 00:02:30
Siempre al iniciar vamos a definir nuestro mundo, en este caso le hemos puesto el splash, suma y dispara, nos vamos a una imagen de fondo y muy sencilla de crear, lo único que tenemos en este caso yo he puesto círculos, la herramienta círculo, le hacemos el círculo, luego lo hemos coloreado en el interior 00:02:34
y lo que vamos haciendo es que va pasando nuestro, en nuestro fondo pues se va moviendo. 00:02:57
Ahí hemos tenido que irnos a una extensión nueva, nos hemos ido a scroller, 00:03:07
que nos vamos a extensiones, ponemos scroller, vale, scroll. 00:03:14
Esta es la extensión que nos tenemos que poner una vez que tenemos nuestra extensión, 00:03:19
pues ya vemos que es para ayudarnos a que se mueva el fondo. 00:03:24
cogemos la de scroll background with la velocidad 00:03:28
la movemos con diferentes velocidades 00:03:32
desde luego que este nos puede dar mucho juego 00:03:35
y aquí lo único que hemos hecho es 00:03:38
que nuestro fondo pues se va moviendo a una velocidad de 10 00:03:41
que le ponemos más velocidad pues sería lógicamente más rápido 00:03:44
o negativa pues yo incluso creo que igual va hacia 00:03:48
mira ahí la tenemos más rápido 00:03:52
o si le ponemos una velocidad negativa 00:03:54
negativa pues igual en vez de ir hacia abajo pues iría hacia arriba pues la verdad que tanto uno 00:03:56
como otro queda bien luego nos vamos a nuestro personaje eso ya lo tenemos muy claro que es en 00:04:04
objeto fijar objeto del tipo player y le ponemos una posición yo le pongo para que salga aquí abajo 00:04:11
si no nos saldría en el medio y movemos a nuestro personaje eso ya lo tenemos clarísimo que es aquí 00:04:18
Y le vamos a decir que permanezca en pantalla, sobre todo para evitar estas situaciones donde se nos va fuera. 00:04:26
Entonces, eso también lo tenemos en objeto, permanecer en la pantalla. 00:04:34
Y bueno, hemos puesto vidas, tenemos tres vidas y le hemos puesto el puntuaje a cero. 00:04:42
Y aquí en animación es donde tenemos que coger este bloque, animar, lo llevamos y al darle aquí nos permite hacer nuestro personaje. 00:04:47
Vamos a hacer uno muy rápido y el verde. 00:05:00
Lo tenemos en rojo, le damos a duplicar para que nos haga el mismo, podemos dibujarlo diferente, le damos a duplicar y aquí le vamos a poner el color verde. 00:05:04
y entonces aquí vemos la animación que nos parpadea del rojo al verde. 00:05:15
Bueno, desde luego nos da mucho juego, 00:05:21
porque en cuantito pongamos un ojo que lo está guiñando, 00:05:23
una boca que está haciendo que habla, pues la verdad que nos da mucho juego. 00:05:26
Y tan sencillo como llevarlo, ponerlo, hay que activarlo 00:05:31
y decirle el intervalo que queremos. 00:05:35
Si le ponemos poco tiempo, pues va a ir muy rápido. 00:05:37
Ahora vamos a ver a nuestro personaje, 00:05:42
que ahí lo que le hemos hecho pues es la boca 00:05:43
que se ponga en rojo o se ponga en blanco 00:05:46
como le hemos puesto muy deprisa 00:05:49
pues la verdad que no lo está haciendo muy bien 00:05:51
vamos a ponerle en 500 00:05:54
y este es el mundo que hemos definido 00:05:56
con nuestro personaje que se llama MySprite 00:05:59
luego como nuestro personaje dispara 00:06:01
pues clarísimamente nos tenemos que ir al mando 00:06:04
el botón apresionado 00:06:07
y fijar a proyectil 00:06:09
Nos vamos a proyectiles, fijar a proyectil y de los dos nos cogemos fijar a proyectil, el que nos da la velocidad. 00:06:12
Nos iríamos a este, fijar a proyectil, el que nos da la velocidad. 00:06:25
Y aquí le pone como MySprite y aquí no le pone. 00:06:31
Entonces, de los dos, ¿cuál hemos cogido? 00:06:34
Pues el que pone Projectile from My Sprite, o sea que sale directamente desde nuestro My Sprite, desde nuestro personaje. 00:06:36
Y yo le he puesto pues una música y dentro de la música pues hemos visto que ya tenemos estos sonidos predeterminados, 00:06:46
este que nos hace que podemos crear nosotros la canción, pero a mí muchos, los que me están gustando, 00:06:53
pues son estos, este de play hasta que termine pero le cogemos el aleatorio 00:07:01
y entonces nos van saliendo sonidos distintos, pues si lo vamos viendo 00:07:07
la verdad que es muy bien, bueno ya tenemos nuestro personaje que dispara 00:07:11
y ahora que es lo que tenemos que hacer, bueno pues tenemos que nos salgan estos personajes 00:07:26
que son los que nos dicen la suma y al que tenemos que disparar 00:07:32
Y a este personaje, pues lo mismo, lo definimos del tipo, en este caso ya no va a ser del tipo player. 00:07:35
Y lo vamos a meter aquí dentro de los actualizando. 00:07:45
Cada, pues le vamos a decir, en este caso, que cada 3 segundos nos va a salir. 00:07:48
Lo que hemos hecho es que nos vamos a juego, el juego lo vamos a actualizar, pues cada 3 segundos, cada 2 segundos, lo que queramos, y nos va a aparecer un personaje. 00:07:55
¿Qué personaje nos va a hacer? Pues ese que vamos a llamar operaciones, que nos salía diciendo aquí unas operaciones. 00:08:04
Y lo tenemos en fijar, aquí no va a ser proyectil, va a ser operaciones proyectil y lo vamos a definir ahí. 00:08:11
Entonces este bloque es el que nos llevamos y lo metemos aquí. 00:08:21
Y en este bloque lo mismo, tenemos que hacer nuestro personaje, que luego lo vamos a animar, que hemos visto que es muy sencillo. 00:08:25
Y aquí lo que hacemos es que no tenga velocidad en el eje X, sino que tenga velocidad en el eje Y. 00:08:33
Lo que hace es bajar en el eje X. 00:08:39
Entonces, ¿qué es lo que tenemos? 00:08:44
Pues hemos definido este. 00:08:46
Vamos a una nueva variable que le vamos a llamar operación. 00:08:48
Lo hemos definido. 00:08:52
Fijamos operación. 00:08:54
Nos vamos siempre en estos bloques azules porque es del objeto. 00:08:56
Aquí fijar en unas posiciones. 00:08:59
y le vamos a poner que al azar 00:09:01
mira este lo tengo ahí un poquito 00:09:04
que hay veces que nos sale de por aquí 00:09:06
y no lo vemos pues entre 20 00:09:08
y 140, así tampoco, tiene que ser 00:09:10
el juego difícil, lo importante 00:09:12
es darse cuenta de estas cosas 00:09:14
y en el eje Y le ponemos aquí 00:09:16
arriba para que salga desde aquí arriba 00:09:18
y entonces mira 00:09:20
le tengo ahí en el 5 en el 0 00:09:22
y vamos, esto es importante 00:09:23
tenemos que crear 00:09:26
una variable que es del tipo 00:09:28
satélite 00:09:30
A ver, satélite, porque he seguido en parte la nomenclatura que teníamos del juego anterior, que es de satélite, que es el que estoy copiando. 00:09:31
Y entonces nos venimos aquí, fijar, aquí lo tenemos en objetos, fijar, y ese bloque que llamamos, o ese nuevo personaje que llamamos operación, le vamos a poner del tipo satélite. 00:09:42
Fijar operación del tipo satélite. Esta parte es importante. 00:09:56
Y luego le vamos a poner el que nos diga esa operación. 00:10:00
Yo he puesto las sumas entre dos números. 00:10:04
Ese también lo tenemos muy sencillo, que es, lo tenemos aquí. 00:10:06
Aquí lo tenemos el bloque de decir, pues tan sencillo como llevarlo. 00:10:11
Y luego nos tenemos que ir a texto, porque como tenemos dos bloques de elegir al azar, 00:10:15
que los sacamos de matemáticas, aquí los tenemos, pero los tenemos que unir. 00:10:20
Pues ¿dónde nos vamos? En avanzado tenemos texto y este de unir. ¿Plátanos con manzanas o bananas? No, aquí lo tenemos y ¿qué queremos ponerle otro? Ahí, pues le hemos puesto uno de escoger al azar, otro de escoger al azar y un signo de más en el medio. 00:10:24
Y también hemos animado nuestro personaje que baja con las operaciones. 00:10:42
Ahí lo tenemos que hace ese parpadeo. 00:10:49
Sencillísimo. 00:10:53
Irse, lo tienes, lo defines uno, defines el otro. 00:10:54
Y puedes hacer desde luego muchos. 00:11:00
Aquí no hemos estado... 00:11:02
Yo creo que le debíamos dedicar un tiempo en las clases a hacer nuestros personajes y animarlos. 00:11:05
Porque además es sencillísimo. 00:11:11
Bueno, pues ya tenemos dos partes importantes del juego, nuestro personaje que se mueve, nuestro personaje que dispara, que hace ruidos y nuestro personaje que cuando es una suma, cuando acertamos la suma o cuando pensamos ese 3 más 1 y le damos, pues nos dice que lo hemos calculado, 5 más 3, 8, 3, ahí va, bueno, van bajando muy rápido. 00:11:12
Pero bueno, tampoco es lo importante la suma, sino el poder poner animaciones y el poder ir avanzando con el juego. 00:11:36
Bueno, pues nos vamos a lo siguiente, que es, o sea, que haya una interacción entre el disparo y el personaje que está bajando, que es del tipo satélite. 00:11:45
Bueno, pues nos vamos aquí, nos vamos a objetos. 00:11:55
este bloque lo hemos usado mucho cuando se superpone 00:12:00
ahí lo tenemos, pero tenemos que seguir con la definición 00:12:04
o sea, si le hemos dado a este a operación carácter de proyectil 00:12:09
aquí le tenemos que poner del proyectil 00:12:13
y si le hemos dicho que es del tipo satélite 00:12:17
pues también le tenemos que decir del tipo satélite 00:12:20
esto lo tenemos que mantener 00:12:23
porque si no, ya no nos funcionaría 00:12:26
¿Qué le decimos? Pues que se destruya, que realmente no se destruya, lo que hace es irse para un lado, pero tenemos que decirle que se destruya, lo tenemos aquí, y bueno, pues puede hacer ahí ese efecto de, este de spray queda fatal, pero si le ponemos otro efecto, aquí tenemos el de Ashish, ese la verdad que es que queda muy bien. 00:12:28
Bueno, lo hemos dejado así, cambiamos el puntuaje por 1, es decir, le damos un punto y le decimos que ponga calculado, igual que aquí decía una operación, pues aquí realmente el que lo dice es el operación, pero hay que dejarlo como del sprite, pues lo dejamos como del sprite y dice calculado. 00:12:52
y aquí es la velocidad donde se nos van siempre, si nos fijamos, se nos van siempre hacia la izquierda y hacia arriba. 00:13:16
Cuando le damos a nuestra operación, ¿ves? Se va para la izquierda hacia arriba. 00:13:24
Y ahí le hemos puesto las velocidades. 00:13:30
Pues esto es para que nos haga este efecto primero de que interaccione nuestro proyectil con el personaje que nos da las operaciones. 00:13:33
Pues ahora ya nos vamos prácticamente a lo último. 00:13:42
Le hemos puesto igual, lo mismo, nos vamos a juego, cuando se actualiza el juego, aquí le hemos puesto cada segundo, le podríamos haber puesto cada dos segundos, depende de la dificultad o lo que queramos hacer en el juego. 00:13:45
Luego nos vamos a fijar, este como va a hacer como proyectil, es tipo proyectil, le ponemos un nombre a la variable, aquí lo podemos renombrar, yo le he llamado enemigo, lo de los nombres es fundamental. 00:14:00
Y el proyectil pues lo hemos creado. 00:14:15
En este caso no hay animación con el proyectil. 00:14:18
Y va a ir con una velocidad de 50. 00:14:22
Le podemos poner una velocidad de 30 y va a bajar pues más despacio. 00:14:25
Nos tenemos que... 00:14:30
Siempre van a salir de aquí arriba. 00:14:32
Pues aquí es el bloque que lo tenemos en objeto. 00:14:34
Lo fijamos para que salga. 00:14:37
Y si saliera siempre del mismo sitio, pues hombre, sería muy difícil. 00:14:39
Muy fácil. 00:14:44
Entonces lo que hacemos es que fijamos el enemigo, ese bloque que hemos llamado enemigo, 00:14:45
X, le ponemos un número al azar, que lo tenemos en matemáticas, 00:14:52
y le ponemos un número al azar entre 10 y 150, 00:14:57
mira, para que no nos salga ahí entre medio, pues entre 20 y 150. 00:15:01
Y muy importante que lo fijemos como enemigo. 00:15:07
Ese proyectil lo vamos a tener del tipo enemigo 00:15:10
¿Qué es donde lo teníamos? 00:15:15
Ya lo hemos visto de antes 00:15:16
Aquí, fijar 00:15:17
¿Del tipo player? No 00:15:19
¿Del tipo satélite? No 00:15:21
Pues del tipo enemigo 00:15:22
Y ya, pues casi lo último 00:15:24
Que esto ya lo tenemos claro 00:15:27
Cuando queremos que un proyectil 00:15:28
O un personaje interaccione con otro 00:15:31
Y que lo destruya 00:15:34
Bueno, vamos a estos bloques de objetos 00:15:35
él se superpone 00:15:37
y lo destruye 00:15:41
le cambia la vida a menos uno 00:15:44
cuando el sprite de tipo enemigo se superpone al de tipo player 00:15:47
este del tipo enemigo se superpone al del tipo player 00:15:51
se agita un poquito, pues mira hace ese agitarse 00:15:55
le podríamos haber puesto, le vamos a poner una música 00:16:00
le vamos a poner una música 00:16:03
una que ya esté creada 00:16:05
ahí lo tenemos 00:16:09
le ponemos este 00:16:11
lo vamos a poner en segundo plano 00:16:13
para que no esté esperando a que termine 00:16:15
y le vamos a poner de golpe 00:16:16
no sé cómo va a funcionar 00:16:18
ahí lo tenemos 00:16:22
cuando choque 00:16:26
hace ese ruidito 00:16:28
y luego pues le hemos puesto 00:16:31
que cuando lleguemos a 20 puntos 00:16:34
es decir, hagamos 20 sumas bien sin que nos destruyan 3 veces 00:16:36
pues nos hemos ido a juego y hemos puesto un gainover 00:16:40
lo único que hemos cambiado y en vez de que salga un gainover 00:16:43
un tú ganaste, lo hemos personalizado un poquito 00:16:48
nos vamos a juego 00:16:52
y aquí tenemos, usamos el mensaje 00:16:53
hemos quitado gainover y hemos puesto misión conseguida 00:16:57
bueno, pues la verdad que si queremos hacer caso a los videotutoriales 00:17:01
que nos dan y tenemos un poquito de paciencia y que luego el videotutorial que nos dan ellos 00:17:06
está muy bien preparado, pues fíjate, este de los satélites o este del coche, pero luego 00:17:11
nosotros lo podemos plantear en clase y que desde luego este mío no es el más atractivo, 00:17:16
pero estamos seguros y además con unas sumas, pero estamos seguros que si les dejamos hacer 00:17:25
a ellos el fondo, les dejamos 00:17:31
a ellos y a ellas hacer el fondo 00:17:33
hacer los personajes, hacer 00:17:35
la animación 00:17:36
pues esto va a quedar 00:17:38
desde luego mucho o muy divertido 00:17:40
bueno pues espero que le veáis 00:17:43
utilidad, muchas gracias 00:17:45
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:
38
Fecha:
1 de junio de 2025 - 11:03
Visibilidad:
Público
Centro:
CP INF-PRI JOVELLANOS
Duración:
17′ 47″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
205.28 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid