1
00:00:00,960 --> 00:00:07,919
Hola, bienvenidos a este tutorial de iniciación de Scratch.

2
00:00:08,359 --> 00:00:11,240
En él vamos a conocer las partes que tiene la aplicación

3
00:00:11,240 --> 00:00:14,619
y cómo las podemos utilizar para realizar nuestros programas.

4
00:00:16,620 --> 00:00:21,899
Bueno, vamos a comenzar por lo más básico, que es utilizar la aplicación online.

5
00:00:22,179 --> 00:00:26,100
También la podéis instalar en cualquier tablet o dispositivo móvil, incluso en el ordenador.

6
00:00:26,800 --> 00:00:30,079
Dependiendo del sistema operativo que tengáis, pues tendréis una versión u otra.

7
00:00:30,739 --> 00:00:33,539
Pues nosotros vamos a utilizar la versión online.

8
00:00:33,539 --> 00:00:38,280
Así que vamos a nuestro buscador, he utilizado este pero podéis utilizar cualquiera

9
00:00:38,280 --> 00:00:44,399
Y buscamos, aquí tenemos

10
00:00:44,399 --> 00:00:47,979
Pues vamos al enlace

11
00:00:47,979 --> 00:00:52,679
Y ya estamos dentro

12
00:00:52,679 --> 00:00:58,159
Yo aquí aparezco logueado porque ya lo he estado utilizando antes

13
00:00:58,159 --> 00:01:00,280
Pero vamos, lo que nos interesa

14
00:01:00,280 --> 00:01:02,619
Vamos a la opción de crear

15
00:01:02,619 --> 00:01:07,620
Y aquí tenéis el interface de la aplicación

16
00:01:07,620 --> 00:01:10,200
Normalmente suele aparecer en inglés

17
00:01:10,200 --> 00:01:12,560
Con lo que si queréis cambiarlo vais aquí a idiomas

18
00:01:12,560 --> 00:01:14,439
Y elegís el que más os guste

19
00:01:14,439 --> 00:01:15,379
Yo elijo español

20
00:01:15,379 --> 00:01:20,959
Ya hemos puesto el idioma en nuestra aplicación

21
00:01:20,959 --> 00:01:23,340
Así que ya podemos empezar a trabajar

22
00:01:23,340 --> 00:01:28,379
Vamos a ver una de las principales partes que trae esta aplicación

23
00:01:28,379 --> 00:01:30,379
Que es la zona de los objetos o sprites

24
00:01:30,379 --> 00:01:35,400
estos objetos son los que realizan las opciones que vamos a programar

25
00:01:35,400 --> 00:01:40,359
para añadirlos tenemos aquí esta opción donde aparece la carita del gato

26
00:01:40,359 --> 00:01:43,219
que tiene varias opciones dentro de ella

27
00:01:43,219 --> 00:01:45,519
en primer lugar está la de elegir un objeto

28
00:01:45,519 --> 00:01:51,760
si pulsamos vemos que ya Scratch nos trae por defecto

29
00:01:51,760 --> 00:01:55,519
clasificado por categorías bastantes objetos que podemos utilizar

30
00:01:55,519 --> 00:01:58,260
también tenemos la opción de pintar

31
00:01:58,260 --> 00:02:06,480
si pulsamos en ella, entramos en esta parte de Scratch que sirve para diseñar nuestros propios objetos

32
00:02:06,480 --> 00:02:13,780
aquí están las herramientas de dibujo, tenemos la flecha para seleccionar, esta flecha para volver a dar forma

33
00:02:13,780 --> 00:02:18,560
el pincel para dibujar con el ratón o el dedo si estamos en una tablet por ejemplo

34
00:02:18,560 --> 00:02:24,419
la goma para borrar, una herramienta para pintar, para rellenar de color nuestros objetos

35
00:02:24,419 --> 00:02:31,020
Para escribir texto, dibujar líneas rectas, dibujar un círculo o dibujar un rectángulo

36
00:02:31,020 --> 00:02:37,120
Si por ejemplo vamos a dibujar un robot, ya si veis como funciona un poquito

37
00:02:37,120 --> 00:02:40,300
Vamos a empezar a hacer la cabeza con un cuadrado

38
00:02:40,300 --> 00:02:43,939
Si veis aquí aparece el cuadrado con el fondo rojo

39
00:02:43,939 --> 00:02:48,199
Porque aquí tenemos seleccionado el color rojo

40
00:02:48,199 --> 00:02:51,080
Si no quiero que tenga relleno y luego colorearlo yo después

41
00:02:51,080 --> 00:02:54,400
Pincho aquí en la raya y desaparece el color rojo

42
00:02:54,400 --> 00:02:57,740
ahora vamos a dibujar el cuerpo por ejemplo

43
00:02:57,740 --> 00:03:01,280
en nuestro robot

44
00:03:01,280 --> 00:03:04,960
ahora vamos a dibujar un brazo

45
00:03:04,960 --> 00:03:08,879
como veis el brazo lo tengo separado del cuerpo

46
00:03:08,879 --> 00:03:10,560
para moverlo lo agarro

47
00:03:10,560 --> 00:03:15,159
de aquí y lo puedo volver a poner en su sitio

48
00:03:15,159 --> 00:03:18,259
aquí igualmente dibujamos el brazo

49
00:03:18,259 --> 00:03:20,780
lo agarro clicando con el ratón

50
00:03:20,780 --> 00:03:22,259
y se lo pongo al robot

51
00:03:22,259 --> 00:03:35,379
Para moverse le vamos a poner un par de ruedas, dibujamos una rueda y la colocamos en su sitio, dibujamos la otra rueda y la colocamos en su sitio

52
00:03:35,379 --> 00:03:46,099
Y ahora quiero colorearlo, pues elijo la herramienta de relleno, venimos aquí para seleccionar el color, por ejemplo el cuerpo va a ser de color verde

53
00:03:46,099 --> 00:03:48,300
Si veis cuando pongo encima ya se colorea

54
00:03:48,300 --> 00:03:50,479
Hago clic con el ratón y se queda verde

55
00:03:50,479 --> 00:03:53,960
La cabeza la podemos pintar de color azul

56
00:03:53,960 --> 00:04:01,699
Ahora por ejemplo vamos a pintar los brazos de color naranja

57
00:04:01,699 --> 00:04:07,520
Y las ruedas de color gris

58
00:04:07,520 --> 00:04:17,800
Si cambio el brillo como veis aquí aparece el gris

59
00:04:17,800 --> 00:04:22,480
Y ya tenemos nuestro robot

60
00:04:22,480 --> 00:04:29,579
Bueno, como veis las dotes de dibujo no son especialmente buenas con el ratón

61
00:04:29,579 --> 00:04:37,160
Así que vamos a eliminar este personaje porque vamos a utilizar el gato para hacer las demostraciones

62
00:04:37,160 --> 00:04:41,019
Como quito un personaje, ya tengo aquí el objeto 1 y el objeto 2 para quitarlo

63
00:04:41,019 --> 00:04:47,160
Si veis aquí está el cubo de basura, si hago clic desaparece el objeto

64
00:04:47,160 --> 00:04:53,579
Dentro de la parte de los objetos, como veis aquí tenemos tres pestañas

65
00:04:53,579 --> 00:04:57,399
La de los disfraces, que es donde trabajamos la apariencia de los personajes

66
00:04:57,399 --> 00:05:01,939
La de los sonidos, si yo pulso aquí sonará el miau

67
00:05:01,939 --> 00:05:09,060
Y la del código, que es donde están los bloques o instrucciones que vamos a utilizar para programar

68
00:05:09,060 --> 00:05:14,100
Esta es la parte de los objetos

69
00:05:14,100 --> 00:05:26,610
A continuación vamos a ver la segunda parte importante a la hora de hacer nuestros programas de Scratch

70
00:05:26,610 --> 00:05:29,170
Y ya tenemos los objetos, ¿dónde los vamos a poner?

71
00:05:29,610 --> 00:05:32,629
Pues los pondremos en unos llamados escenarios

72
00:05:32,629 --> 00:05:40,370
Como el escenario será el fondo donde van a transcurrir las historias de nuestros objetos

73
00:05:40,370 --> 00:05:43,170
Para añadirlos nos vamos a este apartado

74
00:05:43,170 --> 00:05:46,709
Como podéis ver bien aquí podemos elegir los fondos

75
00:05:46,709 --> 00:05:50,889
y tenemos opciones iguales que teníamos en la parte de los objetos

76
00:05:50,889 --> 00:05:52,790
tenemos aquí para elegir un fondo

77
00:05:52,790 --> 00:05:55,829
que también vienen clasificados por categorías

78
00:05:55,829 --> 00:05:59,250
también lo podemos dibujar

79
00:05:59,250 --> 00:06:02,689
a cuando dibujéis los fondos

80
00:06:02,689 --> 00:06:04,870
tener en cuenta, como ya he dicho antes

81
00:06:04,870 --> 00:06:06,790
que la parte que se ve en esta ventana

82
00:06:06,790 --> 00:06:09,709
que es donde vamos a ver el resultado de nuestros programas

83
00:06:09,709 --> 00:06:12,910
es la parte de este rectángulo

84
00:06:12,910 --> 00:06:16,610
a la hora de dibujar fondos es recomendable salirse un poquito

85
00:06:16,610 --> 00:06:23,089
porque hay veces que se mueve un poquito y si no se nos vería el blanco por los lados

86
00:06:23,089 --> 00:06:26,509
así que por ejemplo vamos a dibujar un fondo

87
00:06:26,509 --> 00:06:29,850
aquí como veis puedo dibujar una montaña

88
00:06:29,850 --> 00:06:35,889
y estas, aquí puedo dibujar el horizonte

89
00:06:35,889 --> 00:06:41,209
es bueno que cerréis

90
00:06:41,209 --> 00:06:48,209
es bueno que cerréis por ejemplo cuando vayáis a hacer fondos los rectángulos

91
00:06:48,209 --> 00:06:54,029
¿Por qué? Porque a la hora de colorear, si no lo cerráis, la herramienta de colorear no lo hace bien.

92
00:06:54,490 --> 00:07:01,569
Ahora, por ejemplo, vamos a dibujar el cielo de color azul, cambiamos la saturación, le damos más brillo,

93
00:07:02,129 --> 00:07:07,689
vamos a poner el cielo de color azul, ya hemos elegido el azul, elegimos la herramienta de colorear,

94
00:07:08,089 --> 00:07:13,529
¿veis? Si pulso aquí, como está dentro de un recinto cerrado, pues colorea todo el cielo de azul.

95
00:07:13,529 --> 00:07:18,529
ahora las montañas las vamos a poner por ejemplo de color marrón

96
00:07:18,529 --> 00:07:23,230
que está por aquí, un poquito más oscuro

97
00:07:23,230 --> 00:07:30,629
y la parte del suelo la vamos a pintar de color verde

98
00:07:30,629 --> 00:07:39,019
vamos a elegir colores, verde, oscuro

99
00:07:39,019 --> 00:07:43,000
y ya tenemos nuestro fondo hecho

100
00:07:43,000 --> 00:07:49,420
también tenemos la opción de que sea Scratch el que nos lo elija

101
00:07:49,420 --> 00:07:52,939
o la opción de si lo tenemos dentro de nuestro dispositivo el fondo

102
00:07:52,939 --> 00:07:56,860
una foto o cualquier cosa pues la podemos incluir como fondo

103
00:07:56,860 --> 00:08:04,350
ya tenemos nuestro fondo, nuestro personaje

104
00:08:04,350 --> 00:08:08,350
y vamos a hacer que nuestro personaje haga algo

105
00:08:08,350 --> 00:08:11,949
para comenzar los programas siempre es bueno

106
00:08:11,949 --> 00:08:14,649
nos vamos aquí a la zona de eventos

107
00:08:14,649 --> 00:08:19,509
estos son los tipos de bloques de código que podemos utilizar luego podemos

108
00:08:19,509 --> 00:08:26,029
añadir más tipos de bloques aquí abajo pero estos son los fundamentales en

109
00:08:26,029 --> 00:08:31,750
primer lugar tenemos los de movimiento que mueven el personaje como su nombre

110
00:08:31,750 --> 00:08:38,190
indica de diferentes formas lo pueden poner en un sitio en particular

111
00:08:38,190 --> 00:08:43,610
después los de apariencia que cambian la apariencia o también hacen que el

112
00:08:43,610 --> 00:08:51,110
personaje hable o piense sonidos podemos incluir son los sonidos

113
00:08:51,110 --> 00:08:56,330
para nuestro personaje eventos

114
00:08:56,330 --> 00:09:03,350
son bloques que podemos utilizar para que comience el programa u otras

115
00:09:03,350 --> 00:09:07,429
funciones bloques de control donde podemos hacer

116
00:09:07,429 --> 00:09:13,210
que se repitan acciones que nuestro personaje espere

117
00:09:13,210 --> 00:09:21,929
Sensores, que sirven para, sobre todo cuando ponemos condiciones, poder resolverlas.

118
00:09:22,610 --> 00:09:25,809
Operadores, que hacen operaciones matemáticas y de lógica.

119
00:09:27,070 --> 00:09:31,549
Y variables, que ya os explicaré más adelante para qué valen.

120
00:09:31,549 --> 00:09:36,429
Y vamos a hacer un pequeño programa de muestra para que veáis cómo se pueden utilizar los bloques.

121
00:09:36,429 --> 00:09:41,110
para comenzar vamos a los bloques de eventos

122
00:09:41,110 --> 00:09:43,970
y es muy recomendable comenzar siempre con este bloque

123
00:09:43,970 --> 00:09:46,750
porque cuando pulsemos nuestra bandera verde

124
00:09:46,750 --> 00:09:48,750
comienzan al programa

125
00:09:48,750 --> 00:09:52,330
y si lo queremos parar por cualquier cosa que queramos

126
00:09:52,330 --> 00:09:55,129
pues pulsamos aquí en el botón rojo que es el de detener

127
00:09:55,129 --> 00:09:58,789
entonces después de incluir este bloque

128
00:09:58,789 --> 00:10:00,470
¿qué cosas podemos hacer?

129
00:10:01,070 --> 00:10:04,389
pues por ejemplo puedo hacer que nuestro gato diga hola

130
00:10:04,389 --> 00:10:06,950
Colocamos aquí el bloque

131
00:10:06,950 --> 00:10:10,509
Si dejo el bloque separado y pulso la bandera

132
00:10:10,509 --> 00:10:12,029
Como veis no pasa nada

133
00:10:12,029 --> 00:10:15,889
Tiene que estar el bloque encajado con el anterior

134
00:10:15,889 --> 00:10:18,809
Doy la bandera verde

135
00:10:18,809 --> 00:10:21,269
Y nuestro gato dice hola

136
00:10:21,269 --> 00:10:23,610
Ahora que podemos hacer con él

137
00:10:23,610 --> 00:10:26,210
Podemos hacer que nuestro gato de un paseo por ejemplo

138
00:10:26,210 --> 00:10:27,049
O que se mueva

139
00:10:27,049 --> 00:10:30,570
A la hora de trabajar con los movimientos

140
00:10:30,570 --> 00:10:32,549
Pues eso, nos vamos a los bloques de movimientos

141
00:10:32,549 --> 00:10:33,950
Y hay que tener una cosa en cuenta

142
00:10:33,950 --> 00:10:40,110
Nuestra pantalla está dividida por dos ejes

143
00:10:40,110 --> 00:10:43,029
Un eje vertical, que se llama Y

144
00:10:43,029 --> 00:10:46,330
Y un eje horizontal, que se llama X

145
00:10:46,330 --> 00:10:48,730
Estos ejes tienen números

146
00:10:48,730 --> 00:10:53,269
Por ejemplo, aquí estaría, donde se juntan los dos ejes, estaría el 0

147
00:10:53,269 --> 00:10:56,769
Si en el eje X me voy desplazando para allá

148
00:10:56,769 --> 00:10:59,610
Pues aquí estará el 1, el 2, el 3, el 4, el 5, el 6

149
00:10:59,610 --> 00:11:04,629
Y si mi gato se mueve para allá, pues estará el menos uno, menos dos, menos tres, menos cuatro y así

150
00:11:04,629 --> 00:11:09,950
Para arriba estaría el y, uno, dos, tres, cuatro y así para arriba

151
00:11:09,950 --> 00:11:14,289
Y para abajo el y, menos uno, menos dos, menos tres, menos cuatro

152
00:11:14,289 --> 00:11:17,169
Como veis, por ejemplo, en este bloque

153
00:11:17,169 --> 00:11:22,289
Aquí pone x, once y x, menos treinta y cuatro

154
00:11:22,289 --> 00:11:24,049
Que es la posición donde se encuentra el gato

155
00:11:24,049 --> 00:11:29,230
Esto es bastante útil porque así no tenemos que andar pensando en los números

156
00:11:29,230 --> 00:11:32,809
Simplemente movemos el gato y aquí nos dice dónde está

157
00:11:32,809 --> 00:11:39,070
Queremos que nuestro gato, por ejemplo, se mueva para adelante y dé 10 pasos

158
00:11:39,070 --> 00:11:48,350
Lo ponemos aquí, pulsamos, dice hola y ahora nuestro gato se mueve 10 pasos

159
00:11:48,350 --> 00:11:55,929
Si habéis observado, las acciones se ejecutan una a una y desde arriba para abajo

160
00:11:55,929 --> 00:12:02,309
Pero eso, si volvemos a dar, veis, el gato dice hola y se vuelve a mover 10 pasos

161
00:12:02,309 --> 00:12:04,990
Pero casi queda un saltito, no vemos como el gato se pasea

162
00:12:04,990 --> 00:12:07,590
Nosotros queremos que nuestro gato se pasee

163
00:12:07,590 --> 00:12:10,629
Pues quitamos este bloque y lo tenemos que eliminar

164
00:12:10,629 --> 00:12:11,789
¿Cómo eliminamos este bloque?

165
00:12:12,269 --> 00:12:17,590
Hay dos opciones, lo puedo mandar aquí, así agarrándolo con el ratón o botón derecho y eliminar bloque

166
00:12:17,590 --> 00:12:20,929
Pues queremos que nuestro gato se pasee y que lo veamos

167
00:12:20,929 --> 00:12:24,730
Cogemos deslizar, veis

168
00:12:24,730 --> 00:12:28,850
pero antes colocamos el gato donde queremos que vaya

169
00:12:28,850 --> 00:12:33,309
¿por qué? porque así nos calcula las coordenadas de la posición

170
00:12:33,309 --> 00:12:35,690
así que pongo el bloque

171
00:12:35,690 --> 00:12:39,289
cojo mi gato, lo vuelvo a poner al principio

172
00:12:39,289 --> 00:12:41,769
le doy a la bandera verde, dice hola

173
00:12:41,769 --> 00:12:46,190
y da un paseo hasta el punto final

174
00:12:46,190 --> 00:12:48,289
¿qué pasa si lo vuelvo a pulsar?

175
00:12:49,070 --> 00:12:51,990
que nuestro gato dice hola, pero se queda quieto

176
00:12:51,990 --> 00:12:54,049
porque ya está en estas coordenadas

177
00:12:54,049 --> 00:12:56,009
entonces ¿qué debemos hacer?

178
00:12:56,549 --> 00:13:01,509
pues sería recomendable poner el gato siempre que pulsemos la bandera verde

179
00:13:01,509 --> 00:13:04,470
en la posición que llamamos iniciar

180
00:13:04,470 --> 00:13:05,370
¿cómo hacemos eso?

181
00:13:05,669 --> 00:13:07,029
separamos los dos bloques

182
00:13:07,029 --> 00:13:10,210
ponemos al gato donde queremos que comience el paseo

183
00:13:10,210 --> 00:13:14,149
y podemos utilizar este bloque

184
00:13:14,149 --> 00:13:21,320
así que, mirad, por ejemplo, subimos el gato a la montaña

185
00:13:21,320 --> 00:13:24,500
y vemos a ver qué es lo que pasa

186
00:13:24,500 --> 00:13:29,899
Cuando pulsemos la bandera verde, el gato va a la posición inicial, dice hola y se da el pasillo

187
00:13:29,899 --> 00:13:32,259
¿Qué más podemos hacer?

188
00:13:32,960 --> 00:13:35,840
Pues podemos hacer, por ejemplo, que nuestro gato diga miau

189
00:13:35,840 --> 00:13:37,039
¿Cómo lo hacemos?

190
00:13:37,440 --> 00:13:38,879
Vamos al bloque de sonidos

191
00:13:38,879 --> 00:13:44,120
Y aquí pone tocar sonido miau hasta que termine

192
00:13:44,120 --> 00:13:46,460
Lo podemos utilizar, por ejemplo, ese

193
00:13:46,460 --> 00:13:48,740
Lo ponemos aquí

194
00:13:48,740 --> 00:13:53,600
Estos sonidos de aquí se pueden cambiar en la zona de sonidos

195
00:13:53,600 --> 00:13:54,139
¿Veis?

196
00:13:54,500 --> 00:14:00,500
aquí está mi agua si yo quiero añadir otro tipo de sonidos pincho aquí y tengo

197
00:14:00,500 --> 00:14:05,600
las mismas opciones que en las otras partes aquí puedo elegir otro sonido

198
00:14:05,600 --> 00:14:11,340
grabar yo un sonido que scratch lo elija o si lo tengo en el dispositivo cargarlo

199
00:14:11,340 --> 00:14:16,799
desde nuestro dispositivo bueno vamos otra vez a la zona de bloque

200
00:14:16,799 --> 00:14:22,820
ya tenemos este código y a ver qué es lo que pasa pulsamos la bandera verde

201
00:14:22,820 --> 00:14:30,539
nuestro gato va a la posición, se da un paseo y dice miau

202
00:14:30,539 --> 00:14:34,379
bueno chicos pues con esto ya hemos visto una muestra de cómo podemos

203
00:14:34,379 --> 00:14:39,600
empezar a trabajar en scratch en los siguientes vídeos pues profundizaremos

204
00:14:39,600 --> 00:14:45,200
más y veremos qué más cosas se pueden hacer hasta los siguientes vídeos