{"id":5239,"date":"2023-06-22T16:34:12","date_gmt":"2023-06-22T15:34:12","guid":{"rendered":"https:\/\/canaltic.com\/blog\/?p=5239"},"modified":"2023-06-22T16:34:12","modified_gmt":"2023-06-22T15:34:12","slug":"pensamiento-computacional-y-narrativa-multimedia-con-scratch","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=5239","title":{"rendered":"Pensamiento Computacional y Narrativa Multimedia con Scratch"},"content":{"rendered":"

Scratch<\/strong><\/a> es una herramienta de programaci\u00f3n visual que se puede utilizar para narrar cuentos e historias. En este art\u00edculo se destacan sus especiales prestaciones para este prop\u00f3sito.<\/p>\n

Movimientos lineales de los personajes<\/h2>\n

Los movimientos de los personajes y objetos sobre el escenario deben ajustarse al eje de coordenadas cartesianas XY cuyo centro es el origen (0,0). El escenario tiene unas dimensiones de 480 x 360 p\u00edxeles.<\/p>\n

\"\"
Imagen 1. Coordenadas del escenario<\/figcaption><\/figure>\n

Los bloques de Movimiento<\/strong> controlan el desplazamiento en l\u00ednea recta y la ubicaci\u00f3n del objeto en el escenario.<\/p>\n

\"\"
Imagen 2. Algunos bloques de movimiento en Scratch<\/figcaption><\/figure>\n

La continuidad de movimiento se puede conseguir con un bucle sencillo Por siempre<\/strong>.<\/p>\n

\"\"
Imagen 3. Bucle para generar desplazamiento lineal continuo<\/figcaption><\/figure>\n

En el bloque Mover X pasos<\/strong> el uso de n\u00fameros positivos produce un movimiento hacia delante en el sentido en que est\u00e1 orientado el sprite. Y el uso de argumentos negativos genera un movimiento hacia atr\u00e1s donde el personaje se desplaza de espaldas. Si antes del bucle situamos un giro 180 grados y en el sprite activamos el modo volteo Izquierda\/Derecha<\/strong> entonces conseguiremos que se oriente a la izquierda y avance hacia ese lado con argumentos positivos en el bloque Mover X pasos<\/strong>.<\/p>\n

\"\"
Imagen 4. Activaci\u00f3n del modo volteo izquierda-derecha en un sprite<\/figcaption><\/figure>\n

Para controlar la continuidad de los desplazamientos cuando se alcanzan los bordes del escenario se pueden utilizar dos t\u00e9cnicas:<\/p>\n

Bloque \u201cSi toca un borde, rebotar\u201d<\/strong>. Este bloque har\u00e1 que cuando el sprite alcance el borde entonces gire 180 grados y por tanto se desplace en sentido contrario mediante el mismo bloque de mover X pasos con argumento positivo.<\/p>\n

\"\"
Imagen 5. Movimiento continuo con bloque \u201cSi toca un borde, rebotar\u201d<\/figcaption><\/figure>\n

Estructura condicional \u201cSi \u2026\u201d<\/strong> que controla la posici\u00f3n del sprite y si alcanza el extremo derecho (posicionX mayor de 240) entonces se sit\u00faa autom\u00e1ticamente en el extremo izquierdo transmitiendo el efecto de que desaparece por un lado y aparece por el otro.<\/p>\n

\"\"
Imagen 6. Movimiento continuo con un bloque \u201cSi\u201d que controla el alcance del borde<\/figcaption><\/figure>\n

Animaci\u00f3n de personajes<\/h2>\n

Algunos sprites en Scratch pueden ser animados. Para ello deben contener una secuencia continua de disfraces para generar una animaci\u00f3n interna en bucle que transmita la sensaci\u00f3n de animaci\u00f3n (por ejemplo, un personaje caminando). El bloque Siguiente Disfraz<\/strong> dentro de un bucle produce una animaci\u00f3n del personaje con distintos disfraces en secuencia continua.<\/p>\n

\"\"
Imagen 7. Uso del bloque Siguiente Disfraz<\/figcaption><\/figure>\n

Si los disfraces no forman una secuencia continua entonces se puede usar el bloque Cambiar disfraz a \u2026<\/strong> para mostrar un aspecto concreto en un momento concreto. Por ejemplo, ser\u00eda un sprite que muestra un cofre del tesoro abierto y ese mismo cofre cerrado.<\/p>\n

Bocadillos de texto<\/h2>\n

El di\u00e1logo entre personajes se puede implementar mediante bocadillos. Se trata de globos de texto que se muestran en pantalla durante unos segundos. Se puede introducir como argumento el n\u00famero de segundos que se muestra el bocadillo. Se distingue entre bocadillo de decir y bocadillo de pensar.<\/p>\n

\"\"
Imagen 8. Bloques decir y pensar en Scratch<\/figcaption><\/figure>\n

Dise\u00f1o de personajes<\/h2>\n

En la pesta\u00f1a Disfraces<\/strong> puedes seleccionar un disfraz y editar su aspecto gr\u00e1fico usando las herramientas de dibujo y pintura disponibles.<\/p>\n

\"\"
Imagen 9. Editor gr\u00e1fico de Scratch<\/figcaption><\/figure>\n

Se pueden a\u00f1adir distintos disfraces a un sprite pulsando en el bot\u00f3n Elige un disfraz<\/strong> situado en la parte inferior del panel de disfraces. Se puede seleccionar de la galer\u00eda de Scratch o subir una imagen importada.<\/p>\n

Es posible agregar\u00a0 un nuevo sprite a la escena pulsando en el bot\u00f3n Elige un sprite<\/strong> situado en la parte inferior del panel de sprites. Se puede elegir un personaje u objeto de la galer\u00eda de Scratch (algunos tienen distintos disfraces) o bien subir una imagen importada.<\/p>\n

Si al elegir un sprite se sube el archivo de un GIF animado se crear\u00e1 un sprite situando en cada disfraz uno de los estados del gif original. Este procedimiento es una forma de tener un sprite animado reutilizando un gif animado.<\/p>\n

Planos<\/h2>\n

En el panel de Propiedades<\/strong> del sprite seleccionado se puede reducir o aumentar el tama\u00f1o del mismo sobre el escenario para ajustar el tipo de plano.<\/p>\n

\"\"
Imagen 10. Control del tama\u00f1o de un sprite en Scratch<\/figcaption><\/figure>\n

 <\/p>\n

\"\"
Imagen 11. Tipos de planos<\/figcaption><\/figure>\n

Grabaci\u00f3n de audios<\/h2>\n

En Scratch es posible utilizar locuciones de audio y efectos sonoros para incorporarlos a la narraci\u00f3n en forma de bloques que se a\u00f1aden a la secuencia de programaci\u00f3n. Desde la pesta\u00f1a Sonidos<\/strong> asociada a un sprite es posible elegir un sonido de la galer\u00eda de Scratch, subir un audio MP3 que tengamos en nuestro equipo o bien seleccionar la grabadora para crear directamente un audio con una grabaci\u00f3n por micr\u00f3fono.<\/p>\n

\"\"
Imagen 12. Gesti\u00f3n del sonido en Scratch<\/figcaption><\/figure>\n

Los bloques que reproduce el audio asociado al sprite son: iniciar sonido \u2026<\/strong> y tocar sonido \u2026 hasta que termine<\/strong>.<\/p>\n

Escenas<\/h2>\n

La narraci\u00f3n en Scratch se puede organizar en escenas. El salto de una escena a otra se consigue modificando la imagen de fondo de escenario. Si seleccionas el objeto Escenario<\/strong> en la pesta\u00f1a Fondos<\/strong> podr\u00e1s situar la secuencia de im\u00e1genes de fondo de escenario que se utilizar\u00e1n en la narraci\u00f3n.<\/p>\n

\"\"
Imagen 13. Fondos del Escenario en Scratch<\/figcaption><\/figure>\n

Gracias a los bloques cambiar fondo a \u2026<\/strong> y siguiente fondo<\/strong> es posible controlar el cambio de imagen de fondo en el escenario. Los personajes tambi\u00e9n pueden aparecer y desaparecer mediante los bloques Mostrar<\/strong> y esconder<\/strong>.<\/p>\n

\"\"
Imagen 14. Bloques de cambio de fondo de escenario<\/figcaption><\/figure>\n

Sincronizaci\u00f3n de personajes<\/h2>\n

En una narraci\u00f3n implementada con Scratch donde existan dos o m\u00e1s personajes es necesario organizar los turnos de sus intervenciones para evitar que se solapen sus acciones: desplazamientos, bocadillos de texto, audios \u2026 El paralelismo y la sincronizaci\u00f3n son conceptos computacionales para alumnado con experiencia en programaci\u00f3n.<\/p>\n

\"\"
Imagen 15. Di\u00e1logo entre personajes<\/figcaption><\/figure>\n

Se puede programar esa sincronizaci\u00f3n usando dos m\u00e9todos distintos:<\/p>\n

Bloque Esperar<\/strong><\/p>\n

Consiste en utilizar el bloque Esperar X segundos<\/strong> indicando con un n\u00famero de segundos de tiempo de espera mientras el otro personaje muestra el bocadillo de texto. Las secuencias de ambos personajes se inician a la vez cuando se hace clic en la bandera verde.<\/p>\n

\"\"
Imagen 16. Secuencias sincronizadas de ambos personajes<\/figcaption><\/figure>\n

Env\u00edo\/Recepci\u00f3n de Mensajes<\/strong><\/p>\n

El sistema de env\u00edo y recepci\u00f3n de mensajes permite sincronizar de una forma m\u00e1s precisa las acciones entre personajes. Cuando en la secuencia de programaci\u00f3n de un sprite se ejecuta el bloque Enviar <identificador><\/strong>, el resto de sprites, si tienen programada una secuencia de bloques asociada al evento Al recibir <identificador<\/strong>>, entonces se ejecutar\u00e1.<\/p>\n

\"\"
Imagen 17. Sincronizaci\u00f3n de acciones usando el env\u00edo\/recepci\u00f3n de mensajes<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Scratch es una herramienta de programaci\u00f3n visual que se puede utilizar para narrar cuentos e historias. En este art\u00edculo se destacan sus especiales prestaciones para este prop\u00f3sito. Movimientos lineales de los personajes Los movimientos de los personajes y objetos sobre el escenario deben ajustarse al eje de coordenadas cartesianas XY cuyo centro es el origen […]<\/p>\n","protected":false},"author":1,"featured_media":5257,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[74,112,91],"tags":[75,142],"class_list":["post-5239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computing","category-diseno","category-multimedia","tag-computing","tag-narrativa"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5239"}],"version-history":[{"count":1,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5239\/revisions"}],"predecessor-version":[{"id":5275,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5239\/revisions\/5275"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/5257"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}