1
00:00:02,740 --> 00:00:07,360
Ahora vamos a ver una animación con Scratch en la que lo que vamos a trabajar es los fondos.

2
00:00:07,519 --> 00:00:15,160
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.

3
00:00:15,160 --> 00:00:25,079
Lo primero que tenemos que tener seleccionados son esos fondos, esas imágenes que nosotros vamos a poner como fondo.

4
00:00:25,079 --> 00:00:30,739
y a las que le vamos a añadir una música, un sonido que nosotros hemos elegido

5
00:00:30,739 --> 00:00:40,420
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.

6
00:00:41,340 --> 00:00:46,899
Bien, lo primero que hacemos es seleccionar fondos, agregar fondos, vamos a quitar el gato que no lo vamos a usar

7
00:00:46,899 --> 00:00:49,420
y vamos a agregar fondos aquí.

8
00:00:49,420 --> 00:01:07,189
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.

9
00:01:07,189 --> 00:01:10,430
yo voy a ir añadiendo imágenes de fondo

10
00:01:10,430 --> 00:01:38,450
bien, nosotros vamos a añadir todos los fondos que necesitemos

11
00:01:38,450 --> 00:01:41,189
en este caso tenemos todo este tipo de fondos

12
00:01:41,189 --> 00:01:48,810
y estos fondos los puedo ordenar de la manera que yo quiero que aparezcan en la animación

13
00:01:48,810 --> 00:01:56,170
puedo cambiar el orden porque este es el orden que va a seguir cuando yo les diga que pase de un fondo a otro

14
00:01:56,170 --> 00:01:59,109
voy a eliminar este que está en blanco y voy a añadir otro

15
00:01:59,109 --> 00:02:12,909
bien y aquí tengo todos los fondos con los que yo voy a trabajar

16
00:02:12,909 --> 00:02:15,969
más o menos fondos en función de la duración de la canción

17
00:02:15,969 --> 00:02:22,110
y también del ritmo que yo demarque al personaje que vamos a utilizar

18
00:02:22,110 --> 00:02:23,729
para pasar de un fondo a otro

19
00:02:23,729 --> 00:02:27,969
bien, el primer fondo que tengo es este de Blue Sky

20
00:02:27,969 --> 00:02:29,550
que es el que voy a usar de inicio

21
00:02:29,550 --> 00:02:36,689
voy a usar un personaje que tenga disfraces que le permitan caminar

22
00:02:36,689 --> 00:02:46,810
Voy a coger este de aquí, Jaime, que ya sé que tiene esos disfraces, porque si me vengo con mis disfraces, tiene estos disfraces.

23
00:02:46,990 --> 00:02:53,969
Este no me sirve porque no camina, este tampoco, pero tiene estos otros disfraces en los que sí va caminando.

24
00:02:55,330 --> 00:03:02,280
Bueno, voy a coger este y me vengo aquí al código de Jaime.

25
00:03:02,280 --> 00:03:13,639
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.

26
00:03:13,879 --> 00:03:21,199
Es decir, se va a mover así, cuando llegue aquí el fondo cambia y él vuelve a aparecer por ahí.

27
00:03:21,680 --> 00:03:25,919
Y vamos viendo la secuencia de imágenes con una música de fondo.

28
00:03:25,919 --> 00:03:32,680
vamos a hacer inicialmente que al hacer clic va a iniciar todo

29
00:03:32,680 --> 00:03:40,340
y el personaje va a empezar su acción todo lo separado, todo lo atrás que podamos

30
00:03:40,340 --> 00:03:42,939
para que solo se vea el fondo.

31
00:03:42,939 --> 00:03:46,860
Vamos a ponerlo ahí, que esta es la posición, que la tenemos aquí

32
00:03:46,860 --> 00:03:53,259
ir a la posición menos 271.95, eso es lo que va a pasar al empezar.

33
00:03:53,259 --> 00:04:21,040
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.

34
00:04:21,040 --> 00:04:23,920
Entonces esto es lo que hemos estado haciendo todo el rato antes.

35
00:04:25,579 --> 00:04:28,639
Bien, el personaje va a ir moviéndose. Vale, vale, vale, todo bien.

36
00:04:28,759 --> 00:04:36,339
Y ahora lo que tenemos que hacer es que cuando llegue aquí, vuelva al principio y cambie el fondo.

37
00:04:37,939 --> 00:04:40,720
Pues de esta manera que lo tenemos construido va a ser un poco complicado.

38
00:04:41,019 --> 00:04:48,240
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.

39
00:04:48,240 --> 00:04:58,420
no es el que se mueva 10 pasos, sino vamos a decirle que va a cambiar su posición en X,

40
00:04:58,660 --> 00:05:01,379
que es el movimiento FK, el movimiento en Y no va a cambiar,

41
00:05:02,000 --> 00:05:08,699
que va a ir sumando 10 píxeles a la X, luego va a hacer el siguiente disfraz

42
00:05:08,699 --> 00:05:12,040
y después va a esperar un segundo.

43
00:05:15,139 --> 00:05:21,360
Va a hacer lo mismo que antes, pero en este caso no le vamos a decir que repita esto siempre,

44
00:05:21,360 --> 00:05:26,459
sino que esta parte la voy a repetir hasta que llegue al final, luego tiene que volver a empezar

45
00:05:26,459 --> 00:05:35,800
y esto lo vamos a hacer, repetir hasta que llegue al final, ¿vale?

46
00:05:35,819 --> 00:05:45,009
y el final pues va a ser, va a tener que llegar por ahí hasta que la x sea, vamos a ver,

47
00:05:46,269 --> 00:05:51,889
hasta que la x sea, por ejemplo, mayor que 260.

48
00:05:52,790 --> 00:05:59,730
Bien, aquí voy a poner que hasta que la x sea mayor que 260 se repita esto.

49
00:06:02,209 --> 00:06:03,269
¿Y esto cómo lo hago?

50
00:06:04,629 --> 00:06:10,029
Pues tengo que venir a un operador, que es este.

51
00:06:12,470 --> 00:06:17,730
Vemos que cuando la x sea mayor de 260.

52
00:06:18,610 --> 00:06:22,490
Bien, y ahora aquí tengo que poner x.

53
00:06:22,490 --> 00:06:26,550
que la posición en la X sea mayor de 260

54
00:06:26,550 --> 00:06:28,689
pues me vengo a movimiento

55
00:06:28,689 --> 00:06:33,589
y la posición en X mayor que 260

56
00:06:33,589 --> 00:06:37,509
esto hoy, esto al rastro del verde

57
00:06:37,509 --> 00:06:40,910
y voy a estar repitiendo esto

58
00:06:40,910 --> 00:06:43,930
hasta que la posición sea mayor que 260

59
00:06:43,930 --> 00:06:47,029
¿qué va a pasar cuando llegue a 260?

60
00:06:47,029 --> 00:06:48,569
que tiene que volver para atrás

61
00:06:48,569 --> 00:06:51,529
y tiene que cambiar al siguiente fondo

62
00:06:51,529 --> 00:06:55,110
vengo en apariencia y le digo que

63
00:06:55,110 --> 00:06:59,310
cambiar fondo al siguiente fondo

64
00:06:59,310 --> 00:07:03,250
y se tiene que venir a la posición inicial

65
00:07:03,250 --> 00:07:10,220
que es esta, y esto cuando lo tiene que repetir

66
00:07:10,220 --> 00:07:14,019
todo el tiempo, así que todo este montón

67
00:07:14,019 --> 00:07:16,259
lo pongo aquí

68
00:07:16,259 --> 00:07:22,459
y ahora esto simplemente le doy a hacer clic

69
00:07:22,459 --> 00:07:33,459
y lo va a hacer. Vemos que está cambiando los fondos porque nos hemos equivocado

70
00:07:33,459 --> 00:07:37,579
y este cambio de fondo tiene que venir

71
00:07:37,579 --> 00:07:58,139
ahí. Bien, está haciendo una cosa

72
00:07:58,139 --> 00:08:02,819
un poco rara al final. Lo que vamos a hacer es

73
00:08:02,819 --> 00:08:06,920
poner aquí en lugar de 260, 250

74
00:08:06,920 --> 00:08:16,399
porque da un paso ahí que no queremos que dé y ahora lo hace

75
00:08:16,399 --> 00:08:18,560
bien. Bien,

76
00:08:18,560 --> 00:08:23,620
le habíamos dado demasiada distancia en X y entonces daba un paso

77
00:08:23,620 --> 00:08:27,660
ahí raro antes de cambiar de fondo, bien pues esto ya lo tenemos

78
00:08:27,660 --> 00:08:31,980
hecho, vamos a decirle aquí cual es el fondo

79
00:08:31,980 --> 00:08:35,440
con el que queremos que empiece, en apariencia

80
00:08:35,440 --> 00:08:39,299
vamos a decirle que cambiara fondo

81
00:08:39,299 --> 00:08:42,340
miro cual es el fondo, yo tengo el primero, blue sky

82
00:08:42,340 --> 00:08:47,659
y le voy a decir que empiece siempre con blue sky

83
00:08:47,659 --> 00:08:50,639
para que empiece

84
00:08:50,639 --> 00:08:51,639
por el que yo le he dicho

85
00:08:51,639 --> 00:08:53,840
luego seguirá

86
00:08:53,840 --> 00:08:56,820
luego seguirán los fondos

87
00:08:56,820 --> 00:08:58,700
en principio debería seguir

88
00:08:58,700 --> 00:08:59,360
este orden

89
00:08:59,360 --> 00:09:02,039
si yo lo voy a empezar pues

90
00:09:02,039 --> 00:09:04,159
empieza en blue sky que es ese

91
00:09:04,159 --> 00:09:07,870
y va haciendo la animación

92
00:09:07,870 --> 00:09:10,250
ahora yo quiero

93
00:09:10,250 --> 00:09:10,809
que

94
00:09:10,809 --> 00:09:14,070
suene una música al empezar

95
00:09:14,070 --> 00:09:16,110
pues eventos

96
00:09:16,110 --> 00:09:17,049
al hacer clic

97
00:09:17,049 --> 00:09:19,529
va a empezar a sonar

98
00:09:19,529 --> 00:09:21,429
un sonido

99
00:09:21,429 --> 00:09:24,990
el sonido que tiene este muñeco

100
00:09:24,990 --> 00:09:26,250
asociado es

101
00:09:26,250 --> 00:09:27,889
pop

102
00:09:27,889 --> 00:09:31,090
pero yo puedo añadirle

103
00:09:31,090 --> 00:09:32,029
otro sonido

104
00:09:32,029 --> 00:09:33,669
vengo aquí a sonidos

105
00:09:33,669 --> 00:09:36,509
este es el que tiene asociado y puedo

106
00:09:36,509 --> 00:09:39,049
añadir un sonido de estos

107
00:09:39,049 --> 00:09:41,330
o puedo añadir un sonido que yo tengo grabado

108
00:09:41,330 --> 00:09:42,950
voy a cargar un sonido

109
00:09:42,950 --> 00:09:45,230
y tengo aquí una serie

110
00:09:45,230 --> 00:09:47,090
de sonido yo y voy a darle este

111
00:09:47,090 --> 00:09:48,210
loble piano son

112
00:09:48,210 --> 00:09:50,809
que es este

113
00:09:50,809 --> 00:09:57,740
vale, pues ya queda ese sonido asociado

114
00:09:57,740 --> 00:09:59,500
al personaje y

115
00:09:59,500 --> 00:10:00,720
lo puedo seleccionar

116
00:10:00,720 --> 00:10:03,620
y ahora cuando yo le de la banderita

117
00:10:03,620 --> 00:10:05,440
se puso aquí

118
00:10:05,440 --> 00:10:07,600
veo que no suena

119
00:10:07,600 --> 00:10:08,500
se puso aquí

120
00:10:08,500 --> 00:10:14,539
si suena, tengo dos banderitas distintas

121
00:10:14,539 --> 00:10:16,220
y para que se active hay que hacerlo

122
00:10:16,220 --> 00:10:17,620
en la bandera general

123
00:10:17,620 --> 00:10:28,580
bien, pues ya tendríamos nuestro

124
00:10:28,580 --> 00:10:36,340
programa finalizado. Pero podríamos añadirle alguna cosa más. Podríamos añadirle, por

125
00:10:36,340 --> 00:10:42,379
ejemplo, que al final salga otro nuevo objeto. Al acabar la animación voy a añadir un nuevo

126
00:10:42,379 --> 00:10:51,240
objeto que va a ser este. Bien, que lo voy a poner aquí en el medio y este objeto va

127
00:10:51,240 --> 00:10:57,960
a aparecer cuando finalice la canción. Aquí tengo la canción. Así que al acabar la canción

128
00:10:57,960 --> 00:11:00,960
tiene que aparecer el objeto, esto ya lo hicimos previamente

129
00:11:00,960 --> 00:11:04,559
cómo se comunican dos objetos, cómo un objeto hace que aparezca otro

130
00:11:04,559 --> 00:11:07,600
y se hace con eventos

131
00:11:07,600 --> 00:11:10,139
enviar un mensaje

132
00:11:10,139 --> 00:11:13,440
el único mensaje que hay de momento, no hay que nombrarlo ni nada

133
00:11:13,440 --> 00:11:15,960
entonces, ahora me vengo al corazón

134
00:11:15,960 --> 00:11:20,259
y cuando el corazón reciba el mensaje

135
00:11:20,259 --> 00:11:21,799
¿qué va a hacer?

136
00:11:22,740 --> 00:11:25,340
pues me vengo a apariencia

137
00:11:25,340 --> 00:11:27,340
y se va a mostrar

138
00:11:28,320 --> 00:11:32,960
Es importante que tengan en cuenta que si se va a mostrar es porque antes estaba escondido.

139
00:11:33,659 --> 00:11:43,600
Quiere decir que al iniciar el programa, este personaje, este corazón, va a aparecer escondido.

140
00:11:44,600 --> 00:11:49,639
Bien, al hacer clic se esconde y al recibir el mensaje aparece.

141
00:11:50,600 --> 00:11:57,259
Vamos a hacer que el personaje principal, el caminante, el Jaime este, haga lo contrario.

142
00:11:57,340 --> 00:12:00,500
es decir, que al hacer clic

143
00:12:00,500 --> 00:12:02,860
va a aparecer

144
00:12:02,860 --> 00:12:07,460
vamos, al acabar la canción va a desaparecer

145
00:12:07,460 --> 00:12:13,289
vamos a cambiar una cosa

146
00:12:13,289 --> 00:12:18,419
que es este, tenemos que poner que se inicie el sonido

147
00:12:18,419 --> 00:12:21,220
hasta que termine, porque si no van sucediendo

148
00:12:21,220 --> 00:12:24,379
cosas por el medio, habíamos elegido mal

149
00:12:24,379 --> 00:12:27,399
la pieza, bien, inicia el sonido hasta que termine

150
00:12:27,399 --> 00:12:29,600
envía el mensaje, esconde

151
00:12:29,600 --> 00:12:32,379
y si se esconde al final

152
00:12:32,379 --> 00:12:34,740
es porque al principio se está mostrando

153
00:12:34,740 --> 00:12:38,769
pues esto tendríamos

154
00:12:38,769 --> 00:12:42,450
el personaje va a ir moviéndose

155
00:12:42,450 --> 00:12:44,970
van a ir apareciendo todos estos mensajes

156
00:12:44,970 --> 00:12:46,889
van a ir apareciendo todos los fondos

157
00:12:46,889 --> 00:12:50,049
y cuando termine la canción

158
00:12:50,049 --> 00:12:53,009
y cuando termine la canción se esconderá

159
00:12:53,009 --> 00:12:55,070
vamos también a decirle

160
00:12:55,070 --> 00:12:58,350
que el corazón haga algún tipo de efecto

161
00:12:58,350 --> 00:12:59,309
cuando se muestre

162
00:12:59,309 --> 00:13:02,230
pues vamos a decirle que el corazón

163
00:13:02,230 --> 00:13:21,740
inicialmente se muestre al 100% pero que durante por ejemplo 15 pasos pase de ese tamaño normal

164
00:13:21,740 --> 00:13:34,139
a ir aumentando en apariencia cambiar tamaño por 10 y que en cada cambio espere pues un poquito

165
00:13:34,139 --> 00:13:38,419
simplemente 0 un segundo lo que va a hacer el corazón cuando aparezca

166
00:13:38,419 --> 00:13:43,259
va a ser eso bien ya tendremos la animación del

167
00:13:43,259 --> 00:13:48,259
corazón va a aparecer escondido se va a mostrar

168
00:13:48,259 --> 00:13:54,080
y el otro personaje lo que va a hacer es

169
00:13:54,080 --> 00:14:00,799
al hacer clic va a empezar a caminar al mismo tiempo que suena la música

170
00:14:00,799 --> 00:14:18,139
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.

171
00:14:19,720 --> 00:14:26,559
Aquí puedo detener todos los programas o puedo detener este programa o todos los programas de este objeto.

172
00:14:26,559 --> 00:14:35,539
Y aquí vamos a tener ya diseñada nuestra galería de imágenes.

173
00:14:35,740 --> 00:14:39,720
Lo ponemos en grande y vamos a ver cómo se vería.

174
00:16:18,460 --> 00:16:23,659
Bien, y podríamos ajustar el número de fondos al tiempo que dura la canción,

175
00:16:24,120 --> 00:16:31,100
podríamos ajustar el ritmo del personaje para que vaya más despacio o más deprisa

176
00:16:31,100 --> 00:16:33,759
en función del número de imágenes que tenemos.

177
00:16:33,759 --> 00:16:46,159
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.