Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Tutorial 1 Flappy Bird DVD
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:
Hola a todas y a todos, ¿qué tal estáis? Espero que estéis muy bien.
00:00:01
Bueno, como ya sabéis, hemos estado este año en el colegio,
00:00:06
hemos estado trabajando diferentes talleres de programación y de robótica
00:00:09
y os proponemos en este vídeo que realicéis un reto, en este caso un videojuego,
00:00:13
que yo creo que os va a gustar mucho, el Flappy Bird,
00:00:19
que va a ser muy sencillo de hacer y que vamos a trabajar igual que trabajábamos en los talleres.
00:00:22
No sé si habéis reconocido mi voz, espero que sí.
00:00:28
Y bueno, es la primera vez que hago esto, de grabar la pantalla a la vez que voy a hablar yo,
00:00:31
así que espero que me tengáis un poco de paciencia y que sea capaz de hacer dos cosas a la vez.
00:00:36
Bueno, si entramos desde la página web del cole, donde está el enlace puesto para que accedáis a este reto,
00:00:43
os va a aparecer esta pantalla.
00:00:49
Ya sabéis que aquí podemos empezar a jugar, si le damos a la bandera verde,
00:00:51
o tenemos también la opción de darle a ver dentro y nos aparecerán todas las programaciones con todos los bloques de todos los personajes, ¿vale?
00:00:54
Como podéis hacer trabajar aquí para que tengan en todo momento visto todo lo que hay en estos bloques y no se os escape nada
00:01:04
o también podemos empezar de cero, yo voy a empezar de cero y a partir de este vídeo o de los pasos que vais a tener colgados en la web
00:01:13
poder hacer el videojuego yo para que lo veamos bien voy a empezar de cero voy a crear el proyecto
00:01:19
nuevo todo lo que hay de aquí para que lo veáis y voy a empezar creando un fondo ya sabéis que
00:01:26
aquí abajo a la derecha tenemos los fondos y yo voy a elegir este del cielo con las plantas
00:01:33
y empezamos a crear nuestro primer personaje en primer lugar elegimos un objeto nuestro
00:01:39
Pues imagino que voy a elegir el que tenéis en el ejemplo, que va a ser el gato volando.
00:01:46
Y lo primero que tenemos que hacer es bajar el tamaño.
00:01:52
El personaje lo tenemos a tamaño 100, pues le vamos a poner, por ejemplo, a un tamaño 30.
00:01:55
Recomiendo que 30, cada uno lo puede poner como quiera, porque así va a ser más sencillo que luego pasen los tubos y poder hacer el videojuego.
00:02:02
Entonces vamos a empezar a programarle.
00:02:09
En primer lugar vamos a poner el primer evento que va a ser al hacer clic en la bandera verde, nuestro personaje, nuestro gato, se va a venir al frente.
00:02:10
Vamos a las pestañas de apariencia y le añadimos ir a capa delantera.
00:02:22
¿Por qué hacemos esto? Porque puede que, nos aseguramos así, que entre los tubos no se pierda nuestro personaje, siempre esté por delante de los tubos y se vea.
00:02:29
Y una vez que hemos hecho esto, tenemos que ir al bloque de movimiento y vamos a poner que siempre al hacer clic en la bandera verde nuestro personaje se va a ir a unas coordenadas.
00:02:37
Ya sabéis que el eje X es en horizontal y el eje Y en vertical, así que aquí le vamos a poner 0 y 0 y siempre que toquemos la bandera verde nuestro personaje se va a ir al centro.
00:02:53
Para que parta siempre, del mismo punto tocamos la bandera verde y se nos pone en el centro de la pantalla.
00:03:07
Y ahora le vamos a añadir de la pestaña de control el bucle por siempre, para que siempre desde que damos a la bandera verde vaya hacia abajo.
00:03:14
Como sabéis, el gato está volando, pues que vaya cayendo, porque si no hacemos nada cae hacia abajo.
00:03:25
Así que para eso tenemos que mover el eje Y, así que le vamos a dar a sumar ahí y en este caso le vamos a poner menos 4 para que vaya hacia abajo despacito, ¿vale?
00:03:30
Entonces le damos la bandera verde, nuestro gato va a caer, ¿vale? Cada vez que le damos la bandera verde se irá al centro y va a caer.
00:03:45
qué pasa, que nosotros queremos que pueda ir volando, puede ir hacia arriba, puede ir dando saltitos,
00:03:53
así que tenemos que meterle otro evento.
00:03:58
En este caso el evento va a ser que al presionar una de las teclas,
00:04:02
yo voy a colocar la del espacio, que es la del ejemplo que hemos puesto en la página web,
00:04:06
pero vosotros podéis elegir aquí la que vosotros queráis.
00:04:10
Flecha arriba, flecha derecha, la que os apetezca, ¿vale?
00:04:13
Entonces, si le damos al presionar tecla de espacio, nuestro personaje lo que tiene que hacer es deslizarse, deslizarse en unos segundos, vamos a buscar este bloque de deslizar en unos segundos, ahora lo pondré, y aquí le vamos a poner deslizar en 0,2 segundos, el 0,2 lo tenemos que poner con un puntito, ¿vale?
00:04:15
0,2 segundos, ¿a dónde?
00:04:38
Pues le vamos a poner que en la X, que es la izquierda-derecha, que es la horizontal,
00:04:40
no queremos que se mueva nada, así que lo dejamos en cero.
00:04:44
Pero la Y, así que queremos que se mueva, pero no desde cualquier punto.
00:04:48
Para eso nos vamos a ir a los operadores y le vamos a poner una suma.
00:04:52
La voy a dejar aquí debajo, ¿vale?
00:04:57
La suma.
00:04:59
¿Qué vamos a sumar?
00:05:00
Pues, desde la pestaña de movimiento
00:05:01
Vamos a poner la posición Y
00:05:04
La posición en Y
00:05:05
Y le vamos a sumar 30
00:05:08
En todo momento a esta posición en Y
00:05:12
¿Vale?
00:05:15
Porque no queremos que suba 30 de golpe
00:05:16
Sino 30 desde donde está
00:05:18
Desde donde nuestro muñeco se encuentra
00:05:20
Metemos en este bloque la posición en Y
00:05:22
Y esto es lo que va a ir insertado en la Y
00:05:25
Así que dejamos este bloque aquí y así cuando empieza la fila del espacio el personaje
00:05:29
ya puede volar haciendo su propio movimiento.
00:05:40
- Niveles educativos:
- ▼ Mostrar / ocultar niveles
- Educación Primaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Tercer Ciclo
- Quinto Curso
- Sexto Curso
- Primer Ciclo
- Autor/es:
- Adrián Quiles García
- Subido por:
- Adrian Q.
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 17
- Fecha:
- 20 de abril de 2020 - 19:55
- Visibilidad:
- Público
- Centro:
- CP INF-PRI DANIEL VAZQUEZ DIAZ
- Duración:
- 05′ 49″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 44.15 MBytes