Saltar navegación

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

Tutorial 1 Flappy Bird DVD

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 20 de abril de 2020 por Adrian Q.

17 visualizaciones

Descargar la transcripción

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
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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid