Cambia de fondo de un modo fluido programando con Scratch

Cuatro minutos con Félix. Propuestas didácticas para utilizar en tu aula. 00:00:00

Recursos didácticos, aulas virtuales, programación por bloques, robótica... 00:00:06

...para trabajar con tus alumnos y alumnas. 00:00:13

Hola, buenos días. Pues vamos a hacer una pequeña presentación. 00:00:18

Estamos trabajando con Scratch, el de los mayores, 00:00:22

y lo que estamos haciendo es que nuestro personaje haga un cambio fluido de fondo. 00:00:25

Sería como si fuera corriendo y fuera cambiando de un fondo a otro. 00:00:31

Desde luego, para un juego de saltos viene muy bien, va cambiando de fondo. 00:00:35

Y aquí lo hemos planteado un poquito, primero como un juego, eso sí, 00:00:40

pero principalmente el uso que le podemos dar a esto es hacer unas presentaciones. 00:00:45

pues vamos a presentar distintos paisajes y cuando nuestro personaje termine de explicar un paisaje, 00:00:50

pues pasa al siguiente, pasa al siguiente, lo podíamos usar para la metamorfosis, 00:00:59

lo podíamos usar para los cambios de estaciones o para las modificaciones que queramos hacer, 00:01:05

pues mira, de la vida de una persona o lo que queramos. 00:01:11

Entonces podemos ir cambiando esos fondos y explicándolos. 00:01:14

y la transición la verdad que es muy sencilla, ahora este no lo hemos preparado, solo lo hemos hecho hacia adelante 00:01:18

y solo nos estamos moviendo en horizontal, también es verdad que lo que estamos haciendo es que cuando llegamos al último fondo 00:01:25

nos podemos ir al primer fondo que sería este, en el que empezamos, bueno pues vamos a ver cómo podemos crear ese código 00:01:33

Y luego, pues el siguiente videotutorial, pues haremos un pequeñito juego. 00:01:44

Bueno, aquí tenemos, bueno, lo primero que nuestro personaje se mueva, lo hemos fijado en una posición, que mire hacia adelante para que se mueva y que nos vaya al fondo primero. 00:01:49

Cuando hacemos clic nos vamos al primer fondo. 00:02:02

Aquí tenemos unas variables de puntos y vidas porque luego hemos hecho un juego, ¿no? 00:02:05

los dos bloques que tenemos están dentro de un por siempre 00:02:10

para que se muevan los dos bloques 00:02:14

tanto a la derecha como a la izquierda 00:02:15

y aquí es donde tenemos el código 00:02:18

pues para cambiar de fondo 00:02:21

los fondos, lo que hemos tenido que hacer es 00:02:25

tener los distintos fondos 00:02:28

pues aquí sería un renacuajo, luego una grana 00:02:30

aquí primavera, verano, otoño, invierno 00:02:33

podríamos hacer un niño, un adolescente 00:02:35

un adulto, anciano, lo que queramos cambiar o bueno, ahí eso ya es nuestra creatividad 00:02:38

como la utilidad que le podamos dar, pero tenemos que tener los fondos porque queremos 00:02:46

ir cambiando de fondo y luego pues ya nos vamos al código, a nuestro personaje, que 00:02:51

quién es el que hace que cambiemos de fondo, pues lógicamente el personaje cuando llega 00:02:57

al final y esa transición pues la verdad que es bastante fluida, la tenemos ahí, es 00:03:01

Es bastante fluida pasar de uno al otro. 00:03:07

Y es tan sencillo como ponerle este condicional. 00:03:11

Así. 00:03:14

Y le decimos que la posición en X, la posición en X, si nos vamos fijando, ¿veis? 00:03:16

Aquí la tenemos. 00:03:21

Esta es la posición en X. 00:03:22

Y la máxima posición en X que podemos llegar con nuestro personaje, vamos a verlo ahora, lo ponemos aquí a cero, es el valor 272. 00:03:23

que lo vemos aquí en movimiento, tenemos que irnos a posición en X, 00:03:35

nos dice en qué posición en X, o si fuera en Y, tiene nuestro personaje, en este caso 272. 00:03:41

Pues le decimos que si la posición en X es mayor, claro 272 es el máximo, de 270, 00:03:49

ocurre algo, pues que cambie al siguiente fondo. 00:03:57

Y muy importante, claro, cambia al siguiente fondo, pero es importante que si nuestro personaje entra por aquí, cuando cambiamos al siguiente fondo, salga por el mismo lugar. 00:04:00

Aquí, pues que lo tenemos únicamente en el eje X, pero mira, vamos a ponerlo para, aquí lo teníamos preparado para cambiar también en el eje Y. 00:04:14

Y entonces lo podemos mover en el eje Y y si salimos de este fondo por esta altura, que en esta altura estaríamos de 49, tenemos que entrar en el otro en 49 porque quedaría muy feo que salgas por aquí arriba y luego tu personaje aparezca por aquí abajo. 00:04:25

Entonces, para evitar eso, lo que hemos hecho es que tenemos que ponerle, solamente dar el valor 270, que es en el eje X, que es por donde tú vas entrando. 00:04:44

que es el valor en el eje X por donde tú vas entrando en el eje Y a cualquier altura, 00:05:00

bueno, pues ya lo tienes, pero en el eje X tienes que venir por aquí, al principio del fondo, 00:05:05

sales por el final del fondo y entras por el principio del fondo siguiente. 00:05:11

Bueno, y esta es muy sencillísima, lo único que no lo hemos preparado para irse para atrás. 00:05:16

Vamos a prepararlo ahora para irse para atrás, le damos a duplicar y lógicamente, 00:05:21

Si aquí llegábamos al 272, aquí estamos en el menos 272, pero lógicamente no es en el mayor, es un valor menor, pues llegando al menos 271 o menos 272. 00:05:27

Pues aquí tenemos el bloque de menor, cuando la posición en X sea menor que menos 270, ¿qué es lo que va a hacer? 00:05:41

Pues te vas a ir, hombre, al siguiente fondo no, te tendrás que ir al fondo anterior. 00:05:51

Y luego, claro, ese menos 270 nosotros tendremos que salir por aquí, aquí en lo negativo, aquí en lo positivo, pues solamente hay que ponerlo en positivo. 00:05:58

La verdad que es muy sencillo, muy fluido y que nos puede dar muchos juegos para presentaciones, desde luego, y para juegos pues también. 00:06:11

Vamos a ver, cambiamos de fondo, que nos acordamos de algo que no hemos dicho, tenemos que volver, volvemos a nuestro fondo. 00:06:19

La verdad que muy sencillísimo. 00:06:28

Ahora vamos a ver qué podemos hacer para que cuando llegues al tercero, llegues al cuarto fondo, pues ya no te permita irte al primero de nuevo y hacer un ciclo. 00:06:31

Bueno, pues ahora vamos a ver cómo hacemos para que no nos permita, una vez que llegamos a la última pantalla, nuestra primera pantalla. 00:06:44

Es esta, cuando llegamos a la última pantalla, que es el bosque, no nos permita ir a la primera. 00:06:52

Bueno, pues para eso lo que tenemos que hacer es ir con un condicional y le vamos a decir que, desde luego, se siga cumpliendo esto cuando llegues a esta posición, cambies, te vayas al fondo anterior o al fondo siguiente, lo duplicamos, 00:06:59

pero también le vamos a decir que tiene el fondo, como hemos visto antes, los fondos, 00:07:14

teníamos el fondo 1, 2, 3, 4, que nos lo deja hacer siempre que el número de fondos sea menor que 4. 00:07:23

Vamos a ver si eso lo podemos conseguir. 00:07:31

Nos lo permite hacer cuando sea menor. 00:07:35

Cuando sea ya en el 4, desde luego el 4 no es menor que 4, ya no nos permite ir al siguiente. 00:07:37

Le hemos puesto esa condición. Vamos a ver, tenemos el código y le vamos a decir que tiene que ser el número de fondo menor que 4, vamos aquí el de menor, vamos a ver dónde tenemos los fondos, pues en apariencia, y tenemos uno que nos diga el número de fondo, pues sí, el número de fondo tiene que ser menor de 4. 00:07:43

Y lo vamos a poner aquí. Este nos permite ir a la primera pantalla desde la cuarta y este yo creo que nos va a impedir que vayamos. 00:08:07

Vamos a ver. Le damos. Llegamos al primer fondo. 00:08:17

Ah, es que lo he puesto mal. Número de fondo menor de 4. 00:08:27

Vamos a ver, número de fondo menos que 4 es el 1, es el 2, es el 3, es el 4 y el que sería el siguiente ya, ¿ves? 00:08:31

No me deja pasar, nos volvemos para atrás y sí que nos va a dejar desde el 1 pasar al 4 00:08:43

Pues vamos a impedírselo, lo mismo, mira aquí es que tenemos, nos cogemos un i que haya dos condiciones 00:08:50

Y le vamos a decir que cuando la posición en X sea menor que menos 270 nos permita ir a la siguiente pantalla, pero que el número de fondo tiene que ser mayor, yo creo, que 1. 00:08:59

Aquí tenemos número de fondo, duplicar. Esto también te hace pensar bastante. 00:09:19

Y le vamos a poner el 1. Y ahora pues lo probamos a ver qué tal. 00:09:24

Muchas veces, yo esto realmente lo hago, lo pruebo, que no me sale como ha pasado antes. 00:09:29

Pues le doy una vuelta porque no lo he pensado bien. 00:09:35

Vamos ahí. 00:09:38

Nos vamos a la 2, a la 3, a la pantalla 4 no nos deja pasar. 00:09:40

Nos volvemos a la 3, 2, a la 1. 00:09:47

Aquí hacemos nuestra exposición o nuestro juego. 00:09:51

Y llegamos a esta y ya no nos deja. 00:09:55

Bueno, pues la verdad, que para juegos nos va a dar mucho juego. 00:09:57

Para presentaciones, pues yo creo que también. 00:10:02

Es ir buscando las imágenes que queramos ir pasando. 00:10:04