Intro: English
Title: How to create an animation with Scratch Jr., explaining all the blocks.
Language: Spanish / Español

El primer paso para crear un proyecto nuevo es iniciar nuestra aplicación, para ello vamos a pulsar en nuestro dispositivo móvil en el ícono de la casa, en la imagen de arriba lo he señalado dentro de un recuadro en rojo.

Click en el ícono de la casa.

Nos cargará la siguiente pantalla donde debemos pulsar dentro del recuadro con el símbolo de más (+).

Al pulsar sobre este ícono mostrado en la interfaz, nos cargará una pantalla con diferentes imágenes de fondo para seleccionar una para nuestra escena, para ello, lo que debemos hacer, es elegir una pulsando sobre ella y luego debemos pulsar sobre el ícono de la "flecha" que se encuentra en la parte superior derecha de la interfaz, en la imagen de arriba he señalado en rojo los pasos para realizarlo.

Dentro de esta área marcada con el número 1 en la imagen de arriba es donde colocamos los bloques programables para nuestra secuencia de la animación, en este ejemplo realizado para el tutorial, he colocado los siguientes bloques:

Con este bloque marcamos el comienzo de la animación, en la secuencia que coloquemos este bloque es donde se iniciará la animación cuando pulsemos la bandera verde.

Este bloque hace caminar al personaje seleccionado dentro de la escena un determinado número de pasos, para ello, podemos colocar varios bloques de avanzar o cambiar el 1 por la cantidad de pasos hacia adelante.

Este bloque hace caminar al personaje seleccionado hacia arriba, al igual que el anterior, podemos colocar un determinado número de bloques iguales o podemos cambiar el número por la cantidad deseada.

Con este bloque podemos hacer que el personaje seleccionado exprese un mensaje en pantalla dentro de un globo contextual. Para escribir el mensaje, tenemos que pulsar dentro del recuadro de texto en el bloque y se nos abrirá el tablero de nuestro dispositivo móvil para escribirlo.

Este bloque nos sirve para activar los eventos dentro de otro personaje que se encuentre dentro de la misma escena o en otra. Lo que hace este bloque, es "enviar un mensaje" que será recibido por otro personaje con otro bloque especial que explicaré más adelante, para ello, este bloque nos da a elegir entre 6 diferentes colores:

Este es de finalización de la escena actual y saltar a la escena elegida con este bloque, podemos tener varias escenas en nuestro proyecto y con este bloque debemos elegir a cual de ellas hay que ubicarnos.

En esta sección de la interfaz tenemos la selección de bloques, en la parte izquierda podemos elegir el grupo de bloque del cual queremos elegir un bloque, según el color seleccionado, en la parte derecha se nos muestran los bloques disponibles dentro del grupo de color determinado.

Grupo de bloques para inicializar eventos.

Grupo de bloques de movimiento para desplazar a los personajes dentro de la escena.

Grupo de bloques para eventos sobre el personaje, podemos hacerlo pequeño o grande, también aparecer o desaparecer al personaje seleccionado.

Grupo de bloques para incluir sonidos o voces en los personajes seleccionados.

Grupo de bloques para cambiar la función de los bloques efectuados sobre el personaje seleccionado.

Grupo de bloques para finalizar las secuencias dentro de las escenas.

En esta sección de la interfaz nos aparecen las escenas que hemos creado dentro del mismo proyecto, programables con los bloques antes mencionados.

En esta sección de la interfaz tenemos los comandos de visualización de nuestra animación, así como también los comandos para reiniciar la secuencia de bloques dentro de la escena.

Este comando nos sirve para visualizar nuestra animación en pantalla completa de nuestro dispositivo.

Este comando nos sirve para visualizar la pantalla de visualización en cuadrícula, esto nos puede servir para una mejor localización de nuestros personajes en escena.

Este comando es para seleccionar la imagen de fondo para la visualización de nuestra escena.

Este comando nos sirve para etiquetar la escena en la que nos encontramos.

Este comando nos sirve para reiniciar la secuencia de bloques de todos los personajes dentro de la escena seleccionada.

Este comando nos sirve para iniciar las secuencias de bloques de nuestra animación. Si queremos visualizar lo que llevamos realizado, debemos pulsar el ícono de la bandera verde.

Dentro de esta sección de nuestra interfaz podemos seleccionar nuevos personajes para incluir dentro de la escena en la que nos encontramos, para hacerlo debemos pulsar sobre el símbolo de más (+) y seleccionar el personaje que vamos a integrar en la animación.

En la imagen de arriba he señalado en rojo los pasos para elegir un personaje, para el tutorial he seleccionado al mago, pulsando sobre él, lo selecciono, después, debemos pulsar sobre el ícono de la flecha que se encuentra señalado en el paso 2, en la esquina superior derecha.

Para iniciar la secuencia de bloques de un personaje diferente dentro de una misma escena debemos colocar como primer bloque, el bloque amarillo que recibe el mensaje de color enviado por el otro personaje, en el caso del tutorial, el mago es el que envía el mensaje color verde para inicializar la secuencia de bloques del tornado.

He utilizado 7 bloques de movimiento (color azul) hacia adelante para que permitiera que el tornado saliera del cuadro de la escena para dar el efecto de desplazamiento hasta colisionar con otro personaje.

Para finalizar la secuencia del tornado he utilizado el bloque de salto de escena del grupo de bloques de finalización (color rojo).

Resultado de la secuencia de bloques.

En la imagen de arriba tenemos al tornado desplazándose en solitario por una escena, sin involucrar a otros personajes, por tal motivo he colocado como primer bloque de inicio el que contiene la bandera verde, este bloque permite iniciar la secuencia sin necesidad de mensajes de color, esto nos sirve para no parar nuestra animación en determinada escena que no involucra a otros personajes, con ella la secuencia continua sin detenerse.

Para el desplazamiento del tornado he colocado 8 bloques de movimiento hacia adelante (color azul) para permitir al tornado salir del cuadro de la escena.

Para finalizar la secuencia he colocado nuevamente el bloque de salto de escena del grupo de bloques de finalización (color rojo).

Resultado de la secuencia de bloques.

En la imagen de arriba se observa que la escena involucra a los 3 personajes que he utilizado para este tutorial, en este caso se hace uso de los bloques amarillos para enviar el mensaje de color que funciona como interruptor para inicializar la secuencia de bloques del otro personaje en escena.

• He comenzado con la secuencia del tornado, el cual se venía desplazando desde las 2 últimas escenas, como es el primero personaje, lo he inicializado con el bloque amarillo que contiene la bandera verde, después lo hago avanzar 3 pasos hacia adelante con 3 bloques azules de movimiento.

Este bloque nuevo que he utilizado sirve para desaparecer al personaje seleccionado, lo he colocado justo en el momento que colisiona con el personaje del gato.

• Para finalizar la secuencia de bloques del tornado le he colocado el bloque amarillo enviando el mensaje "Morado" como interruptor para iniciar la secuencia de bloques del gato.

• Para inicializar la secuencia del gato he colocado como primer bloque, el bloque amarillo que recibe el mensaje color "morado" enviado en la secuencia de bloques del tornado.

Como segundo bloque he colocado este nuevo bloque color rosa, este bloque tiene la función de hacer disminuir el tamaño del personaje seleccionado, podemos elegir que tan pequeño se hará el personaje, pulsando en el recuadro blanco que contiene el número 2, si colocamos una cantidad más alta, el personaje se hará más pequeño.

• Después he colocado un bloque rosa para expresar un mensaje con el personaje del gato, luego de haber disminuido su tamaño por el efecto del tornado.

• Para finalizar la secuencia de bloques del gato, he colocado un bloque amarillo que envía un mensaje color rojo como interruptor para inicializar la secuencia del mago.

• Para inicializar la secuencia del mago he utilizado como primer bloque, el bloque amarillo que recibe el mensaje color rojo enviado en la secuencia del gato.

Como segundo bloque he utilizado otro nuevo bloque que tiene la función de ofrecer un tiempo determinado de espera antes de correr el resto de bloques dentro de la secuencia, podemos cambiar el número pulsando sobre recuadro blanco que contiene los dígitos (se puede elegir entre 1 y 99).

• El tercer bloque que he colocado ha sido un bloque color rosa para expresar un mensaje dentro de un globo contextual sobre el mago.

Para finalizar la secuencia de bloques del mago y finalizar la animación realizada para el tutorial, he colocado un bloque rojo, que tiene la función de terminar la animación.

Resultado final.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---