1 00:00:03,759 --> 00:00:09,759 Vamos a conocer el programa Scratch, un programa que me permite aprender las bases de la programación, 2 00:00:10,539 --> 00:00:18,559 crear inicialmente programas sencillos y a medida que vaya aprendiendo a usarlo, crear cada vez programas más complejos. 3 00:00:19,100 --> 00:00:22,539 Vamos a ir a la página de Scratch, a buscarlo aquí en Google. 4 00:00:27,480 --> 00:00:31,699 Bien, y es esta primera página que vemos aquí, scratchbit.edu. 5 00:00:32,640 --> 00:00:34,020 Pulso y entro en la página. 6 00:00:34,020 --> 00:00:39,799 Bien, aquí tengo distintas opciones 7 00:00:39,799 --> 00:00:42,600 Una es descargarte el Scratch 8 00:00:42,600 --> 00:00:46,240 Otra es unirte a Scratch, es decir, inscribirme 9 00:00:46,240 --> 00:00:50,619 Y aquí directamente entrar a crear 10 00:00:50,619 --> 00:00:53,420 O hacerlo aquí arriba o hacerlo aquí abajo 11 00:00:53,420 --> 00:00:57,740 Hacerme una cuenta de Scratch me va a permitir tener una carpeta 12 00:00:57,740 --> 00:01:01,179 Donde copiar líneas de código 13 00:01:01,179 --> 00:01:04,340 Algo que cuando tengo un programa muy grande va a ser importante 14 00:01:04,340 --> 00:01:08,579 para no tener que estar repitiendo y poder copiarlo 15 00:01:08,579 --> 00:01:12,540 y pegarlo directamente, al principio no es necesario inscribirse porque no vamos 16 00:01:12,540 --> 00:01:16,340 a tener muchos personajes, no vamos a tener muchas instrucciones, con lo cual 17 00:01:16,340 --> 00:01:19,480 inicialmente no es importante 18 00:01:19,480 --> 00:01:23,900 inscribirse y apuntarse en Scratch, así que vamos a entrar directamente 19 00:01:23,900 --> 00:01:28,579 entro en crear, aquí se me está abriendo, bien, y esto es lo que 20 00:01:28,579 --> 00:01:32,319 tengo en Scratch, aquí aparece un tutorial pequeñito 21 00:01:32,319 --> 00:01:35,000 así que lo cierro, y esto es lo que tengo en Scratch 22 00:01:35,000 --> 00:01:39,599 aquí a la derecha, que vemos aquí el dibujo del gato 23 00:01:39,599 --> 00:01:41,680 sobre un fondo blanco, que lo pone aquí debajo 24 00:01:41,680 --> 00:01:45,140 la parte blanca que tenemos aquí es un escenario 25 00:01:45,140 --> 00:01:49,579 en este momento el escenario está en blanco, está vacío 26 00:01:49,579 --> 00:01:53,340 podría aplicarle un fondo o varios fondos y cambiarlo 27 00:01:53,340 --> 00:01:55,340 en este momento lo tengo en blanco 28 00:01:55,340 --> 00:01:58,680 tengo aquí el gato, el gato es un objeto que viene aquí debajo 29 00:01:58,680 --> 00:02:07,540 En este momento tengo un objeto que el programa me da por defecto, el objeto del gato, que es el personaje típico de Scratch. 30 00:02:07,900 --> 00:02:12,520 Aquí abajo podré cambiar el objeto, incluir varios objetos, lo que quiera. 31 00:02:12,639 --> 00:02:16,360 Inicialmente tengo el objeto del gato y un escenario en blanco. 32 00:02:16,620 --> 00:02:18,060 Ahora veremos cómo se cambia esto. 33 00:02:18,060 --> 00:02:34,849 Y aquí a la izquierda tengo las piezas de código y un panel donde voy a ir pasando estas piezas para ir creando mi código. 34 00:02:35,009 --> 00:02:41,969 Estas piezas, este código, se lo voy a aplicar al objeto o se lo puedo aplicar al escenario. 35 00:02:41,969 --> 00:02:48,650 El personaje o escenario al que le esté aplicando el código es el que esté marcado aquí en azul. 36 00:02:48,650 --> 00:02:51,530 en este momento está marcado en azul el gato 37 00:02:51,530 --> 00:02:55,229 y se ve también aquí más clarito 38 00:02:55,229 --> 00:02:57,870 para que yo sepa a quién le estoy aplicando el código 39 00:02:57,870 --> 00:03:01,030 porque si hubiese varios objetos podría aplicárselo a uno o a otro 40 00:03:01,030 --> 00:03:05,129 si le estuviese aplicando el código al escenario 41 00:03:05,129 --> 00:03:07,490 sería el escenario que se pone en azul 42 00:03:07,490 --> 00:03:09,389 y aquí me aparecería el escenario 43 00:03:09,389 --> 00:03:11,469 que como es blanco en este momento no me aparece nada 44 00:03:11,469 --> 00:03:14,849 así que seleccionamos el objeto o personaje 45 00:03:14,849 --> 00:03:17,530 que es al que le vamos a aplicar el código 46 00:03:17,530 --> 00:03:28,669 El código viene en forma de fichas de distintos colores y con un hueco aquí, que son los que van a hacer que una ficha se pueda acoplar a la otra. 47 00:03:29,270 --> 00:03:34,349 Si dos fichas no pueden acoplarse, quiere decir que eso es una acción incorrecta. 48 00:03:35,110 --> 00:03:41,490 No puedo unir una ficha a otra porque serían instrucciones incorrectas de código. 49 00:03:41,490 --> 00:03:51,090 tenemos distintas piezas de código unas piezas en azul de movimiento otras piezas en morado que son 50 00:03:51,090 --> 00:03:58,770 de apariencia cosas que va a hacer el muñeco otras piezas de sonido otras de eventos cosas 51 00:03:58,770 --> 00:04:05,810 que van a suceder a partir de cosas que yo hago por ejemplo al hacer clic al presionar esos son 52 00:04:05,810 --> 00:04:12,469 eventos control otro tipo de piezas así en naranjas lo que me va a permitir es hacer 53 00:04:12,469 --> 00:04:17,089 decirle al programa que repita una acción un número determinado de veces hasta que 54 00:04:17,089 --> 00:04:25,370 pase determinada cosa si pasa esto que suceda esto otro esos son piezas de código de control 55 00:04:25,370 --> 00:04:32,189 sensores que están así en azul clarito por ejemplo cuando el objeto toque algo cuando 56 00:04:32,189 --> 00:04:38,610 aparezca determinado color cuando toque determinada tecla son parecidas a las de control pero con 57 00:04:38,610 --> 00:04:44,629 cosas que suceden dentro del programa operadores o en vez de determinadas acciones en las que 58 00:04:44,629 --> 00:04:50,069 durante el juego por ejemplo si alcanzamos una determinada puntuación o determinadas cosas en 59 00:04:50,069 --> 00:04:57,069 el juego el programa hace una operación interna para dar un determinado resultado la siguiente 60 00:04:57,069 --> 00:05:01,009 naranja más oscuro, variables, yo puedo incluir 61 00:05:01,009 --> 00:05:05,009 determinadas variables en el juego, por ejemplo de puntuación que vayan sumando y tengo 62 00:05:05,009 --> 00:05:09,149 que decírselo al juego, y mis bloques, así en 63 00:05:09,149 --> 00:05:12,990 rosa, que son, no hay ninguno porque son bloques que 64 00:05:12,990 --> 00:05:17,029 yo puedo crear personalizados, bien, estas son todas las piezas 65 00:05:17,029 --> 00:05:20,990 de código, una cosa importante, aquí arriba tenemos esta figurita 66 00:05:20,990 --> 00:05:26,750 como de una esfera del mundo, que si pulso 67 00:05:26,750 --> 00:05:29,449 me va a permitir cambiar el idioma de estas piezas 68 00:05:29,449 --> 00:05:31,569 porque a veces me aparecen en inglés o en otro idioma 69 00:05:31,569 --> 00:05:33,889 pues yo puedo buscar el idioma que quiero 70 00:05:33,889 --> 00:05:37,029 para no tener problemas con el juego 71 00:05:37,029 --> 00:05:38,829 también tengo aquí algunos tutoriales 72 00:05:38,829 --> 00:05:40,610 que me pueden ayudar un poco 73 00:05:40,610 --> 00:05:43,850 que si los voy mirando 74 00:05:43,850 --> 00:05:46,329 pues hay algunos que sí están bien 75 00:05:46,329 --> 00:05:49,290 y que puedo mirarlos si quiero 76 00:05:49,290 --> 00:05:52,329 pulsaría para atrás ahora 77 00:05:52,329 --> 00:05:56,899 y vamos a ver por ejemplo 78 00:05:56,899 --> 00:05:57,980 cómo funcionan estas piezas 79 00:05:57,980 --> 00:06:19,000 Por ejemplo, aquí tengo mi objeto que es el gato en un escenario que está en blanco. Si yo pulsase, si yo le aplicase al gato la ficha de mover 10 pasos, veo que está aplicado el gato. Cuando yo pulse, el gato se movería 10 pasos. 80 00:06:19,000 --> 00:06:49,180 lo que el programa considera que son 10 pasos, 10 píxeles de la ventana, el píxel es cada uno de los cuadraditos pequeñitos en los que está dividido la pantalla del ordenador, si pulso mover 10 pasos, pues haría eso, si le digo, voy a aplicarle este otro, girar 15 grados, si yo los acoplo, ahora el gato cuando yo le dé, se moverá 10 pasos y girará 15 grados, ahí lo ha hecho. 81 00:06:49,180 --> 00:06:51,060 esta pieza 82 00:06:51,060 --> 00:06:53,540 tiene un número, si yo pulso 83 00:06:53,540 --> 00:06:55,579 dentro, se pone en azul y puedo 84 00:06:55,579 --> 00:06:57,600 cambiar el número 85 00:06:57,600 --> 00:06:59,579 ahora le he dicho que se mueva 100 86 00:06:59,579 --> 00:07:01,339 pasos y que gire 87 00:07:01,339 --> 00:07:04,060 90 grados 88 00:07:04,060 --> 00:07:06,620 ahora cuando yo le de 89 00:07:06,620 --> 00:07:09,699 girará y ahora se ve 90 00:07:09,699 --> 00:07:10,839 más lo que va 91 00:07:10,839 --> 00:07:13,139 haciendo, bien, le puedo mover al gato 92 00:07:13,139 --> 00:07:15,639 y aquí tenemos dos banderitas 93 00:07:15,639 --> 00:07:17,600 dos signos, una banderita verde 94 00:07:17,600 --> 00:07:19,040 y una banderita 95 00:07:19,040 --> 00:07:22,779 roja, la banderita roja significa detener el programa 96 00:07:22,779 --> 00:07:27,680 y la banderita verde es la que normalmente se pone 97 00:07:27,680 --> 00:07:31,339 para iniciar un programa, yo no lo he puesto 98 00:07:31,339 --> 00:07:35,540 porque estamos aquí probando las piezas, pero si iniciase 99 00:07:35,540 --> 00:07:39,100 un programa lo normal sería poner una pieza que tenemos aquí 100 00:07:39,100 --> 00:07:42,560 de eventos, que es esta 101 00:07:42,560 --> 00:07:50,680 al hacer clic en la banderita verde se iniciaría el programa 102 00:07:50,680 --> 00:07:55,339 Ahora, si yo doy aquí, puedo darle aquí o puedo darle aquí. 103 00:07:56,680 --> 00:08:00,720 Al darle la ventanita verde, se iniciaría el programita que hemos hecho. 104 00:08:01,560 --> 00:08:04,019 También tengo una opción aquí de verlo de manera diferente. 105 00:08:04,600 --> 00:08:13,420 Si yo pulso esta primera, se ve la ventanita, el escenario y un objeto pequeño 106 00:08:13,420 --> 00:08:18,079 para que yo pueda tener más espacio para ver el código. 107 00:08:18,899 --> 00:08:20,899 Puedo hacer la visión que tenía, que es la habitual, 108 00:08:20,899 --> 00:08:24,379 o puedo hacer, una vez que ya tengo el código creado 109 00:08:24,379 --> 00:08:26,240 y quiero ver el juego en grande, pulso esto 110 00:08:26,240 --> 00:08:28,819 y aquí se me ve la pantalla más en grande 111 00:08:28,819 --> 00:08:33,850 si quiero ver lo que acabo de hacer en grande 112 00:08:33,850 --> 00:08:40,659 bien, volvería aquí a pantalla normal 113 00:08:40,659 --> 00:08:41,779 y aquí lo tengo 114 00:08:41,779 --> 00:08:46,000 yo puedo ir aplicándole distintas acciones al gato 115 00:08:46,000 --> 00:08:47,179 como hemos visto 116 00:08:47,179 --> 00:08:50,419 y esto lo podría duplicar, añadir un comentario 117 00:08:50,419 --> 00:08:52,159 o eliminar bloque, elimino bloque 118 00:08:52,159 --> 00:08:57,139 y lo saco fuera. Bien, como hemos dicho 119 00:08:57,139 --> 00:09:00,159 puedo cambiar este personaje o puedo añadirle 120 00:09:00,159 --> 00:09:04,259 otros objetos. ¿Cómo se haría eso? Pues 121 00:09:04,259 --> 00:09:09,279 aquí abajo tengo la opción de elegir 122 00:09:09,279 --> 00:09:13,259 un objeto. Si pulso, puedo 123 00:09:13,259 --> 00:09:16,019 elegir un objeto distinto al del 124 00:09:16,019 --> 00:09:21,139 gato o añadir otro. Por ejemplo, podría añadir este y ahora tengo dos 125 00:09:21,139 --> 00:09:25,480 objetos, la manera de borrarlo sería simplemente pulsando 126 00:09:25,480 --> 00:09:29,200 en la papelera que sale, podría duplicarlo 127 00:09:29,200 --> 00:09:33,440 exportarlo, llevarlo a otro sitio o borrar, le doy 128 00:09:33,440 --> 00:09:37,019 y se borra, puedo cambiar el fondo 129 00:09:37,019 --> 00:09:40,860 si pulso aquí, me permite aquí subir un fondo 130 00:09:40,860 --> 00:09:45,519 que yo tenga por ahí en mi ordenador, me va a permitir 131 00:09:45,519 --> 00:09:49,679 pintar encima o elegir un fondo, voy a elegir otro fondo 132 00:09:49,679 --> 00:09:54,120 por ejemplo, este es el de la casa 133 00:09:54,120 --> 00:09:58,360 bien, y ahí tengo el fondo, como he dicho las opciones tengo que tener claro 134 00:09:58,360 --> 00:10:02,879 si tengo seleccionado el fondo o el objeto 135 00:10:02,879 --> 00:10:04,980 en este caso tengo el objeto 136 00:10:04,980 --> 00:10:10,220 y aquí puedo cambiar, tengo unas opciones para cambiar también 137 00:10:10,220 --> 00:10:14,360 la dirección en la que está mirando el muñeco 138 00:10:14,360 --> 00:10:17,600 en este caso, como se me había torcido 139 00:10:17,600 --> 00:10:22,600 puedo modificar la dirección en la que está mirando el objeto 140 00:10:22,600 --> 00:10:26,200 lo quiero volver a poner recto, pulsando aquí 141 00:10:26,200 --> 00:10:29,379 seleccionado el objeto, donde pone 142 00:10:29,379 --> 00:10:34,879 dirección, puedo cambiar también aquí el tamaño 143 00:10:34,879 --> 00:10:38,919 está al 100%, lo puedo hacer más pequeño 144 00:10:38,919 --> 00:10:41,220 según lo que yo quiera 145 00:10:41,220 --> 00:10:50,190 pongo el tamaño que yo quiero y pulso el intro 146 00:10:50,190 --> 00:10:52,529 vamos a ponerlo así, más pequeñito 147 00:10:52,529 --> 00:10:54,470 y si quiero arrastrarlo de un lado a otro 148 00:10:54,470 --> 00:10:55,850 pues es pinchar y ya está bien 149 00:10:55,850 --> 00:10:56,590 ya tengo aquí 150 00:10:56,590 --> 00:11:00,509 el gato 151 00:11:00,509 --> 00:11:02,350 con un escenario 152 00:11:02,350 --> 00:11:04,149 tenemos aquí otras dos opciones 153 00:11:04,149 --> 00:11:06,529 que son las de disfraces y las de sonidos 154 00:11:06,529 --> 00:11:08,389 hay personajes que ya vienen con un sonido 155 00:11:08,389 --> 00:11:09,049 en este caso 156 00:11:09,049 --> 00:11:11,049 el sonido del gato 157 00:11:11,049 --> 00:11:13,850 que ya viene, algunos tienen dos 158 00:11:13,850 --> 00:11:16,289 o tres sonidos, el sonido del gato 159 00:11:16,289 --> 00:11:17,190 es este 160 00:11:17,190 --> 00:11:20,169 ¿vale? ya nos viene 161 00:11:20,169 --> 00:11:22,409 con un sonido el gato. 162 00:11:22,830 --> 00:11:24,450 ¿Y qué es esto de disfraces? 163 00:11:24,909 --> 00:11:28,690 Cuando pongo disfraces veo mi gato, 164 00:11:28,909 --> 00:11:30,389 que le puedo cambiar algunas cosas, 165 00:11:30,509 --> 00:11:32,529 le puedo pintar cosas encima y tal, 166 00:11:33,250 --> 00:11:36,730 pero lo importante es que veo que tiene dos disfraces. 167 00:11:37,029 --> 00:11:39,250 Es decir, dos imágenes que vienen asociadas al gato. 168 00:11:39,370 --> 00:11:41,889 Si meto otro personaje, voy a coger otro aquí, 169 00:11:45,049 --> 00:11:47,330 voy a elegir este, por ejemplo. 170 00:11:48,470 --> 00:11:50,129 Bien, ahora tengo este otro personaje. 171 00:11:50,129 --> 00:11:54,009 es el que estoy mirando porque es el que está seleccionado aquí y el que me aparece ahí 172 00:11:54,009 --> 00:11:57,610 ¿tiene algún sonido? ¿qué sonido tiene aplicado este? 173 00:11:58,950 --> 00:12:02,850 simplemente el bip, no suena nada más 174 00:12:02,850 --> 00:12:07,549 ¿y qué disfraces tiene? este solo tiene un disfraz, vamos a buscar otro 175 00:12:07,549 --> 00:12:11,549 que tenga algún disfraz más, este por ejemplo 176 00:12:11,549 --> 00:12:14,389 seguro que tiene más, ahora tenemos este otro personaje 177 00:12:14,389 --> 00:12:19,370 que como vemos es el que tengo seleccionado y es del que me está diciendo 178 00:12:19,370 --> 00:12:31,330 que disfraces y que todo esto tiene sonidos que sonido tiene este personaje este personaje tiene 179 00:12:31,330 --> 00:12:38,870 asociado otro sonido distinto y que disfraces tiene pues este tiene hasta dos hasta trece 180 00:12:38,870 --> 00:12:45,549 disfraces y puedo elegir el disfrace este personaje que yo quiera para el juego y puedo 181 00:12:45,549 --> 00:12:52,690 ir haciendo que cambie de uno a otro vamos ahora dentro de un rato vamos a probar a hacerlo ahora 182 00:12:52,690 --> 00:12:59,009 vamos a estar con el gato tiene estos dos disfraces es importante saber para luego 183 00:13:00,070 --> 00:13:07,529 poder trabajar con cada una de las imágenes si queramos del gato pues vamos a hacer un 184 00:13:07,529 --> 00:13:12,929 programita sencillo los programas normalmente siempre empiezan con esta opción de al hacer 185 00:13:12,929 --> 00:13:20,350 clic en la banderita verde van a empezar siempre dando una bandita verde o pulsando en la pieza 186 00:13:20,350 --> 00:13:24,309 pero lo malo es dar una página 187 00:13:24,309 --> 00:13:27,990 un botón de inicio, que es este, un botón de parada del programa 188 00:13:27,990 --> 00:13:31,590 vamos a decirle al gato que 189 00:13:31,590 --> 00:13:35,889 se mueva, como 10 pasos es poco 190 00:13:35,889 --> 00:13:40,029 vamos a decirle que se mueva 150 pasos 191 00:13:40,029 --> 00:13:46,789 para que se vea un poquito mejor, y ahora cuando 192 00:13:46,789 --> 00:13:50,169 se mueva esos 150 pasos 193 00:13:50,169 --> 00:13:54,429 vamos a ir a apariencia, que diga hola 194 00:13:54,429 --> 00:13:59,440 no lo va a decir de palabra, sino que va a salir escrito como si fuese un cómic 195 00:13:59,440 --> 00:14:05,379 vamos a ver que hace, se mueve esos 150 pasos 196 00:14:05,379 --> 00:14:09,259 y dice hola, vale, vamos a volver a ponerlo aquí 197 00:14:09,259 --> 00:14:11,500 y ahora que se quede 198 00:14:11,500 --> 00:14:18,679 pensando, durante dos segundos, vale 199 00:14:18,679 --> 00:14:22,799 si pulso aquí, veo que es lo que haría 200 00:14:22,799 --> 00:14:30,309 esa pieza, antes de ponerla en el panel 201 00:14:30,309 --> 00:14:33,789 y ahora vamos a decirle que, una vez que llegue ahí 202 00:14:33,789 --> 00:14:40,100 que, con sonido, haga iniciar el sonido 203 00:14:40,100 --> 00:14:43,720 de mi amo, vale, y a ver que hace ahora 204 00:14:43,720 --> 00:14:54,200 vale, ha tardado porque lo hemos puesto que pase mucho tiempo pensando 205 00:14:54,200 --> 00:15:02,889 bien, ahí está, vamos a ponerlo otra vez 206 00:15:02,889 --> 00:15:06,909 aquí puedo modificar que quiero que es lo que haga 207 00:15:06,909 --> 00:15:09,429 me refiero a que quiero que es lo que diga 208 00:15:09,429 --> 00:15:10,129 si ahora yo 209 00:15:10,129 --> 00:15:14,620 en la apariencia cambio 210 00:15:14,620 --> 00:15:16,820 acoplo 211 00:15:16,820 --> 00:15:17,500 esta pieza 212 00:15:17,500 --> 00:15:22,399 y le pregunto 213 00:15:22,399 --> 00:15:25,379 ¿lo has 214 00:15:25,379 --> 00:15:27,379 oído? 215 00:15:28,600 --> 00:15:29,519 y ahora 216 00:15:29,519 --> 00:15:32,080 el programa 217 00:15:32,080 --> 00:15:33,860 el gato lo que hará será 218 00:15:33,860 --> 00:15:35,480 moverse los 150 pasos 219 00:15:35,480 --> 00:15:38,139 decir hola, pensar durante dos segundos 220 00:15:38,139 --> 00:15:39,879 maullar y preguntarme si 221 00:15:39,879 --> 00:15:52,750 lo he oído. Podemos ir jugando con estos bloques todo lo que queramos, moviéndolos, cambiándolos, 222 00:15:52,889 --> 00:16:00,549 combinándolos, asociándoselos a un personaje o a otro, asociándoselos al fondo, teniendo en cuenta 223 00:16:00,549 --> 00:16:06,309 que cuando pulsemos en la banderita verde se van a activar todas las acciones de todos los 224 00:16:06,309 --> 00:16:13,250 personajes. Cuando pulsemos en las fichas se van a activar las acciones asociadas al personaje que 225 00:16:13,250 --> 00:16:18,950 tenemos seleccionado en ese momento podemos ir modificando y probando hasta 226 00:16:18,950 --> 00:16:23,870 conseguir el programa que queremos que los personajes hagan lo que queremos que 227 00:16:23,870 --> 00:16:29,409 hagan exactamente y eso vamos a ir haciendo en distintos vídeos