Saltar navegación

SCRATCH-GALERÍA DE IMÁGENES

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 3 de abril de 2023 por Elías G.

8 visualizaciones

Más información Transcripción

Descargar la transcripción

Ahora vamos a ver una animación con Scratch en la que lo que vamos a trabajar es los fondos. 00:00:02
Vamos a hacer una galería de imágenes en las que las imágenes van a ir pasando una detrás de otra de una manera más o menos original. 00:00:07
Lo primero que tenemos que tener seleccionados son esos fondos, esas imágenes que nosotros vamos a poner como fondo. 00:00:15
y a las que le vamos a añadir una música, un sonido que nosotros hemos elegido 00:00:25
y vamos a combinar en función de la duración de la canción el número de imágenes que nosotros vamos a incluir. 00:00:30
Bien, lo primero que hacemos es seleccionar fondos, agregar fondos, vamos a quitar el gato que no lo vamos a usar 00:00:41
y vamos a agregar fondos aquí. 00:00:46
Yo en este caso voy a seleccionar fondos que tengo aquí, ya prediseñados, pero podríamos incluir desde aquí, desde nuestro ordenador, nuestro dispositivo, las imágenes que quisiésemos que simplemente tendríamos que ajustar como fondos. 00:00:49
yo voy a ir añadiendo imágenes de fondo 00:01:07
bien, nosotros vamos a añadir todos los fondos que necesitemos 00:01:10
en este caso tenemos todo este tipo de fondos 00:01:38
y estos fondos los puedo ordenar de la manera que yo quiero que aparezcan en la animación 00:01:41
puedo cambiar el orden porque este es el orden que va a seguir cuando yo les diga que pase de un fondo a otro 00:01:48
voy a eliminar este que está en blanco y voy a añadir otro 00:01:56
bien y aquí tengo todos los fondos con los que yo voy a trabajar 00:01:59
más o menos fondos en función de la duración de la canción 00:02:12
y también del ritmo que yo demarque al personaje que vamos a utilizar 00:02:15
para pasar de un fondo a otro 00:02:22
bien, el primer fondo que tengo es este de Blue Sky 00:02:23
que es el que voy a usar de inicio 00:02:27
voy a usar un personaje que tenga disfraces que le permitan caminar 00:02:29
Voy a coger este de aquí, Jaime, que ya sé que tiene esos disfraces, porque si me vengo con mis disfraces, tiene estos disfraces. 00:02:36
Este no me sirve porque no camina, este tampoco, pero tiene estos otros disfraces en los que sí va caminando. 00:02:46
Bueno, voy a coger este y me vengo aquí al código de Jaime. 00:02:55
Yo lo que voy a hacer es que este personaje va a ir caminando por aquí y cuando llegue al final, él va a volver al principio y el escenario va a cambiar. 00:03:02
Es decir, se va a mover así, cuando llegue aquí el fondo cambia y él vuelve a aparecer por ahí. 00:03:13
Y vamos viendo la secuencia de imágenes con una música de fondo. 00:03:21
vamos a hacer inicialmente que al hacer clic va a iniciar todo 00:03:25
y el personaje va a empezar su acción todo lo separado, todo lo atrás que podamos 00:03:32
para que solo se vea el fondo. 00:03:40
Vamos a ponerlo ahí, que esta es la posición, que la tenemos aquí 00:03:42
ir a la posición menos 271.95, eso es lo que va a pasar al empezar. 00:03:46
Va a ir moviéndose como hemos hecho que se moviesen los dos personajes, es decir, con una tecla de control, repetir por siempre, un movimiento de 10 pasos, cambiar al siguiente disfraz, apariencia, cambiar al siguiente disfraz y con una espera en control de 0 a 1 segundo. 00:03:53
Entonces esto es lo que hemos estado haciendo todo el rato antes. 00:04:21
Bien, el personaje va a ir moviéndose. Vale, vale, vale, todo bien. 00:04:25
Y ahora lo que tenemos que hacer es que cuando llegue aquí, vuelva al principio y cambie el fondo. 00:04:28
Pues de esta manera que lo tenemos construido va a ser un poco complicado. 00:04:37
Así que le vamos a decir, vamos a cambiar esto de aquí dentro y le vamos a decir no que se mueva cada 10 pasos. 00:04:41
no es el que se mueva 10 pasos, sino vamos a decirle que va a cambiar su posición en X, 00:04:48
que es el movimiento FK, el movimiento en Y no va a cambiar, 00:04:58
que va a ir sumando 10 píxeles a la X, luego va a hacer el siguiente disfraz 00:05:02
y después va a esperar un segundo. 00:05:08
Va a hacer lo mismo que antes, pero en este caso no le vamos a decir que repita esto siempre, 00:05:15
sino que esta parte la voy a repetir hasta que llegue al final, luego tiene que volver a empezar 00:05:21
y esto lo vamos a hacer, repetir hasta que llegue al final, ¿vale? 00:05:26
y el final pues va a ser, va a tener que llegar por ahí hasta que la x sea, vamos a ver, 00:05:35
hasta que la x sea, por ejemplo, mayor que 260. 00:05:46
Bien, aquí voy a poner que hasta que la x sea mayor que 260 se repita esto. 00:05:52
¿Y esto cómo lo hago? 00:06:02
Pues tengo que venir a un operador, que es este. 00:06:04
Vemos que cuando la x sea mayor de 260. 00:06:12
Bien, y ahora aquí tengo que poner x. 00:06:18
que la posición en la X sea mayor de 260 00:06:22
pues me vengo a movimiento 00:06:26
y la posición en X mayor que 260 00:06:28
esto hoy, esto al rastro del verde 00:06:33
y voy a estar repitiendo esto 00:06:37
hasta que la posición sea mayor que 260 00:06:40
¿qué va a pasar cuando llegue a 260? 00:06:43
que tiene que volver para atrás 00:06:47
y tiene que cambiar al siguiente fondo 00:06:48
vengo en apariencia y le digo que 00:06:51
cambiar fondo al siguiente fondo 00:06:55
y se tiene que venir a la posición inicial 00:06:59
que es esta, y esto cuando lo tiene que repetir 00:07:03
todo el tiempo, así que todo este montón 00:07:10
lo pongo aquí 00:07:14
y ahora esto simplemente le doy a hacer clic 00:07:16
y lo va a hacer. Vemos que está cambiando los fondos porque nos hemos equivocado 00:07:22
y este cambio de fondo tiene que venir 00:07:33
ahí. Bien, está haciendo una cosa 00:07:37
un poco rara al final. Lo que vamos a hacer es 00:07:58
poner aquí en lugar de 260, 250 00:08:02
porque da un paso ahí que no queremos que dé y ahora lo hace 00:08:06
bien. Bien, 00:08:16
le habíamos dado demasiada distancia en X y entonces daba un paso 00:08:18
ahí raro antes de cambiar de fondo, bien pues esto ya lo tenemos 00:08:23
hecho, vamos a decirle aquí cual es el fondo 00:08:27
con el que queremos que empiece, en apariencia 00:08:31
vamos a decirle que cambiara fondo 00:08:35
miro cual es el fondo, yo tengo el primero, blue sky 00:08:39
y le voy a decir que empiece siempre con blue sky 00:08:42
para que empiece 00:08:47
por el que yo le he dicho 00:08:50
luego seguirá 00:08:51
luego seguirán los fondos 00:08:53
en principio debería seguir 00:08:56
este orden 00:08:58
si yo lo voy a empezar pues 00:08:59
empieza en blue sky que es ese 00:09:02
y va haciendo la animación 00:09:04
ahora yo quiero 00:09:07
que 00:09:10
suene una música al empezar 00:09:10
pues eventos 00:09:14
al hacer clic 00:09:16
va a empezar a sonar 00:09:17
un sonido 00:09:19
el sonido que tiene este muñeco 00:09:21
asociado es 00:09:24
pop 00:09:26
pero yo puedo añadirle 00:09:27
otro sonido 00:09:31
vengo aquí a sonidos 00:09:32
este es el que tiene asociado y puedo 00:09:33
añadir un sonido de estos 00:09:36
o puedo añadir un sonido que yo tengo grabado 00:09:39
voy a cargar un sonido 00:09:41
y tengo aquí una serie 00:09:42
de sonido yo y voy a darle este 00:09:45
loble piano son 00:09:47
que es este 00:09:48
vale, pues ya queda ese sonido asociado 00:09:50
al personaje y 00:09:57
lo puedo seleccionar 00:09:59
y ahora cuando yo le de la banderita 00:10:00
se puso aquí 00:10:03
veo que no suena 00:10:05
se puso aquí 00:10:07
si suena, tengo dos banderitas distintas 00:10:08
y para que se active hay que hacerlo 00:10:14
en la bandera general 00:10:16
bien, pues ya tendríamos nuestro 00:10:17
programa finalizado. Pero podríamos añadirle alguna cosa más. Podríamos añadirle, por 00:10:28
ejemplo, que al final salga otro nuevo objeto. Al acabar la animación voy a añadir un nuevo 00:10:36
objeto que va a ser este. Bien, que lo voy a poner aquí en el medio y este objeto va 00:10:42
a aparecer cuando finalice la canción. Aquí tengo la canción. Así que al acabar la canción 00:10:51
tiene que aparecer el objeto, esto ya lo hicimos previamente 00:10:57
cómo se comunican dos objetos, cómo un objeto hace que aparezca otro 00:11:00
y se hace con eventos 00:11:04
enviar un mensaje 00:11:07
el único mensaje que hay de momento, no hay que nombrarlo ni nada 00:11:10
entonces, ahora me vengo al corazón 00:11:13
y cuando el corazón reciba el mensaje 00:11:15
¿qué va a hacer? 00:11:20
pues me vengo a apariencia 00:11:22
y se va a mostrar 00:11:25
Es importante que tengan en cuenta que si se va a mostrar es porque antes estaba escondido. 00:11:28
Quiere decir que al iniciar el programa, este personaje, este corazón, va a aparecer escondido. 00:11:33
Bien, al hacer clic se esconde y al recibir el mensaje aparece. 00:11:44
Vamos a hacer que el personaje principal, el caminante, el Jaime este, haga lo contrario. 00:11:50
es decir, que al hacer clic 00:11:57
va a aparecer 00:12:00
vamos, al acabar la canción va a desaparecer 00:12:02
vamos a cambiar una cosa 00:12:07
que es este, tenemos que poner que se inicie el sonido 00:12:13
hasta que termine, porque si no van sucediendo 00:12:18
cosas por el medio, habíamos elegido mal 00:12:21
la pieza, bien, inicia el sonido hasta que termine 00:12:24
envía el mensaje, esconde 00:12:27
y si se esconde al final 00:12:29
es porque al principio se está mostrando 00:12:32
pues esto tendríamos 00:12:34
el personaje va a ir moviéndose 00:12:38
van a ir apareciendo todos estos mensajes 00:12:42
van a ir apareciendo todos los fondos 00:12:44
y cuando termine la canción 00:12:46
y cuando termine la canción se esconderá 00:12:50
vamos también a decirle 00:12:53
que el corazón haga algún tipo de efecto 00:12:55
cuando se muestre 00:12:58
pues vamos a decirle que el corazón 00:12:59
inicialmente se muestre al 100% pero que durante por ejemplo 15 pasos pase de ese tamaño normal 00:13:02
a ir aumentando en apariencia cambiar tamaño por 10 y que en cada cambio espere pues un poquito 00:13:21
simplemente 0 un segundo lo que va a hacer el corazón cuando aparezca 00:13:34
va a ser eso bien ya tendremos la animación del 00:13:38
corazón va a aparecer escondido se va a mostrar 00:13:43
y el otro personaje lo que va a hacer es 00:13:48
al hacer clic va a empezar a caminar al mismo tiempo que suena la música 00:13:54
Cuando la música acabe es cuando aparecerá el corazón y también podemos decirle para que no haya ningún problema que todos los programas de este personaje se detengan cuando acabe la canción. 00:14:00
Aquí puedo detener todos los programas o puedo detener este programa o todos los programas de este objeto. 00:14:19
Y aquí vamos a tener ya diseñada nuestra galería de imágenes. 00:14:26
Lo ponemos en grande y vamos a ver cómo se vería. 00:14:35
Bien, y podríamos ajustar el número de fondos al tiempo que dura la canción, 00:16:18
podríamos ajustar el ritmo del personaje para que vaya más despacio o más deprisa 00:16:24
en función del número de imágenes que tenemos. 00:16:31
Y esto nos puede servir para hacer una galería de imágenes de las vacaciones, de las actividades que vamos a hacer en el curso, de cualquier galería de imágenes que tengamos, de una manera más o menos original. 00:16:33
Idioma/s:
es
Autor/es:
Elías Gutiérrez
Subido por:
Elías G.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
8
Fecha:
3 de abril de 2023 - 13:49
Visibilidad:
Clave
Centro:
CP INF-PRI SAN CARLOS
Duración:
16′ 49″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
83.68 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid