Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Dinosaurio Saltarín 1ª parte - 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:
Bien, en el vídeo de hoy vamos a aprender a crear un juego parecido al que nos sale
00:00:00
cuando tenemos conexión a internet y tenemos un dinosaurio que tiene que ir saltando cactus.
00:00:10
Entonces lo primero que vamos a hacer, vamos a cambiarle el nombre, vamos a llamarle dinosaurio
00:00:16
Y después, vamos a eliminar al gato, vamos a buscar un dinosaurio.
00:00:23
Por aquí tenemos este, que es muy simpático.
00:00:30
Bien, lo vamos a colocar aquí.
00:00:35
Y entonces, nos venimos a la bandera verde, le podemos cambiar el idioma, nos lo ponemos en español, que nos va a ser más sencillo.
00:00:38
Nos venimos a la bandera verde y le vamos a decir que vaya a esta posición.
00:00:47
Veis que si yo lo muevo, aquí cambia la posición.
00:00:51
Entonces esto es muy cómodo para colocarlo donde queramos.
00:00:56
Bien, nos venimos aquí.
00:00:59
Entonces le decimos que nada más empezar, aunque lo movamos, vaya a esta posición.
00:01:02
A continuación nos vamos a hacer un fondo sencillo.
00:01:08
Lo vamos a pintar nosotros.
00:01:12
Entonces vamos a tirar una línea del suelo.
00:01:14
más o menos por aquí y la vamos a colorear de marroncito por aquí más o menos estaba
00:01:17
o de naranja y lo convertimos en la pared y lo coloreamos. Ya tenemos nuestro suelo
00:01:33
Y la parte de arriba, lo que vamos a hacer es, a ver el azul, ha sido un azul bonito, ya lo tenemos, pues la vamos a pintar.
00:01:43
Ya tenemos nuestro escenario, lo podemos llamar fondo dinosaurio.
00:01:56
Muy bien, acordaros que lo podemos tener en vector, lo podemos tener en mapa de bits.
00:02:04
Para colorearlo hemos utilizado mejor esta forma de mapa de bits
00:02:09
Volvemos al dinosaurio
00:02:13
Y entonces, ¿qué es lo que le vamos a poner?
00:02:16
Otra bandera verde, un evento paralelo
00:02:19
Y le vamos a decir que por siempre vaya cambiando el disfraz
00:02:22
Entonces nos venimos a apariencia, le vamos a decir siguiente disfraz
00:02:30
Y en control le vamos a decir por siempre
00:02:34
Aquí va muy rápido, con lo cual le vamos a decir que espere 0,1 segundo
00:02:38
Y aquí ya detenemos que parece que va andando
00:02:46
Muy bien, ¿qué necesitamos?
00:02:51
Por ejemplo una nube para que dé la sensación de que haga scroll
00:02:54
Pero eso lo podemos poner un poquito más adelante
00:02:59
Vamos a poner nuestro cactus que tiene que saltar y que va a ir deslizando
00:03:01
Si no tenemos un cactus, que puede ser que no haya, podemos elegir, por ejemplo, un erizo que se vaya deslizando o un tiburón, también puede ser.
00:03:07
Vamos a intentar buscar algo parecido que lo tenga que ir saltando.
00:03:20
No tenemos ninguna planta tampoco.
00:03:25
Bueno, pues podemos elegir el erizo.
00:03:28
lo que pasa es que va hacia adelante, tiene que ser algo que vaya hacia atrás. Podemos
00:03:33
elegir el rayo. Bien, ya lo tenemos. ¿Qué es lo que pasa? Quizás es un poco grande.
00:03:40
Entonces, nuestro rayo aquí en tamaño, vamos a probar a ponerlo al 50%, bien, nos queda
00:03:47
mejor. Y le vamos a decir que cuando empiece el juego, le vamos a decir, a ver hasta dónde
00:03:54
nos lo coge, vale, prácticamente hasta aquí, hasta el 240. Entonces en movimiento le vamos
00:04:03
a decir que se vaya a esta posición. Bien, le damos a la bandera verde y ya vemos que
00:04:14
nos funciona. ¿Qué tenemos que hacer? Le tenemos que decir al rayo que vaya yendo hacia
00:04:21
atrás. Aquí, al llegar aquí se vuelva al principio. Entonces, le vamos a decir que
00:04:28
vaya perdiendo x, que es la horizontal, progresivamente. Por ejemplo, le ponemos menos 10. Y lo vamos
00:04:36
probando. Vemos que nuestro rayo va yendo hacia atrás. Y entonces, cuando llegue al
00:04:43
final, por ejemplo, aquí que es lo que más aguanta, hay menos 240, le decimos por ejemplo
00:04:51
que cuando llegue sea más pequeño que menos 230, que vaya al principio. ¿Cómo vamos
00:05:00
a hacer esto? Le decimos repetir, le vamos a decir que repita esta acción hasta que
00:05:07
¿Hasta qué? Hasta que el valor de la x, mi x, sea más pequeño que menos 230.
00:05:14
Lo insertamos aquí. Vamos a probarlo.
00:05:26
Primero lo vamos a mandar al principio y le decimos que vaya para atrás.
00:05:30
¡Fenomenal! ¿Qué es lo que tenemos que conseguir ahora?
00:05:36
Todo esto lo tenemos, ahora tenemos que hacer que se repita por siempre.
00:05:39
Le colocamos un por siempre y lo vamos a probar.
00:05:46
Ya tenemos que nuestro rayo se va yendo hacia atrás.
00:05:50
Bien, para darles esa cinta que se mueve más, vamos a elegir una nube.
00:05:57
A ver, por ejemplo, esta nube.
00:06:02
Entonces nos la traemos por aquí.
00:06:05
A ver, hasta dónde me deja.
00:06:08
a menos, a ver que lo vea, 282 y el movimiento que se vaya a esta posición cuando empieza
00:06:09
la bandera verde y le vamos a decir, vamos a abrir, ay perdón, vamos a abrir nuestra
00:06:20
mochila y este botón derecho lo borramos, vamos a guardar este trocito de código, nos
00:06:26
vamos a la nube, lo sacamos aquí, nuestro trozo de código, y tenemos que a la nube
00:06:35
le va a pasar algo muy parecido a nuestro dinosaurio. Como nos queda un poco bajita,
00:06:41
le vamos a... se nos ha hecho aquí un pequeño bug, le quitamos este de aquí arriba, esto
00:06:51
lo ponemos aquí. Entonces la I le vamos a decir a 200 de altura. Y es muy alta. Vamos
00:07:00
a probar 150. Ahí nos queda bien. Un poquito menos. 130. Perfecto. Nos queda muy bien encuadrado.
00:07:09
Y le vamos a decir, para que no vaya justo a la vez que el rayo, que espere menos un
00:07:22
segundo, espere un segundo, vamos a probarlo, al rayo nos falta enganchar aquí el código
00:07:27
por eso no funciona, vamos a probarlo, fenomenal, la nube ha tardado en colocarse, lo que vamos
00:07:36
a arreglarlo es diciéndole a la nube que vaya a esta posición, el botón derecho lo
00:07:47
duplicamos, ya lo tenemos aquí en el por siempre y aquí, esto que venga aquí lo vamos
00:07:54
a dejar más bonito, vamos a colocar un poco mejor con la apariencia para que nos quede
00:07:59
ya perfecto, perfecto. Entonces cuando empiece el juego la nube está escondida, se va a
00:08:07
la posición, que espere un segundo, aparece la nube y ya comienza a trabajar y así me
00:08:12
va a quedar estupendo. Bien, ¿qué tenemos que hacer ahora? Vamos a programar el salto
00:08:20
del dinosaurio. ¿Y cómo queremos que salte el dinosaurio? Bueno, pues como en nuestro
00:08:29
juego, el que nos sale cuando no hay internet. Entonces le vamos a decir en evento que al
00:08:33
presionar la barra espaciadora, aquí está, al presionar espacio, ¿y qué le tiene que
00:08:42
ocurrir a mi dinosaurio? Que salte. Como no tenemos el botón saltar, lo que le vamos
00:08:48
a programar es que la I aumente y que baje. ¿Cómo se hace esto? Le vamos a decir, al
00:08:55
presionar espacio, le vamos a decir, vamos a probar con 20, aquí no nos va a saltar
00:09:03
el rayo, vamos a probar con 50, aquí vamos a probar con 50, es poquito, tendrá que ser
00:09:10
100, vamos a probar
00:09:23
un poquito más, 150
00:09:26
aquí sí que lo va a saltar perfecto, igual queda un poco fácil
00:09:30
le vamos a decir 130, entonces suma ahí 130
00:09:36
para que sea un poco más realista le vamos a decir que espere
00:09:39
0,2 segundos en el aire, igual botón
00:09:43
derecho aquí a la i, lo duplicamos y lo que tiene que hacer es
00:09:48
perder el menos 130
00:09:51
entonces ya lo tenemos por aquí
00:09:54
nuestro dinosaurio que salta
00:09:57
le damos aquí para que vuelva a su sitio
00:09:58
aquí si tocamos esto un poquito
00:10:01
nos va a quedar más jugable
00:10:05
cuanto más tiempo esté en el aire
00:10:07
más fácil va a ser
00:10:10
vamos a probar nuestro juego a ver si puede saltar
00:10:11
aquí está difícil
00:10:14
pero con un poco de maña
00:10:18
lo podemos conseguir
00:10:20
Bien, ¿qué tenemos que hacer ahora? Vamos a poner una variable de puntos y como este vídeo se nos ha extendido un poquito, lo dejamos aquí la primera parte, en el siguiente vídeo os cuento cómo introducir los puntos y el game over y en un vídeo más detrás os cuento cómo aumentar la dificultad según aumenta el tiempo.
00:10:23
Pasad buen día y buenas tardes robóticos
00:10:50
- Idioma/s:
- Autor/es:
- Miguel Prieto
- Subido por:
- Miguel P.
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 97
- Fecha:
- 24 de enero de 2022 - 18:11
- Visibilidad:
- Público
- Centro:
- CP INF-PRI SANTA ANA
- Duración:
- 10′ 58″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 337.97 MBytes
