Animaciones

En Studio existen 4 tipos de animaciones que podemos aplicar a los objetos y que afecten su comportamiento al momento de componer nuestra experiencia Web 360.

Las 4 animaciones disponibles son: traslación, rotación, escala y transparencia.

Traslación

Permite mover un objeto desde una posición a cualquier otra.

Rotación

Permite rotar un objeto sobre cualquiera de sus 3 ejes X,Y o Z.

Escala

Permite modificar el tamaño de un objeto, entendiendo a la valor  “1” como el tamaño original del objeto.

Transparencia

Permite modificar la visibilidad de un objeto, entendiendo a la valor “100” como un objeto sin transparencia y a la valor “0” como un objeto totalmente transparente.

Un mismo objeto puede tener más de una animación, pudiendo generar una cadena de animaciones al momento de definir su comportamiento.

Para aplicar una animación a un objeto, primero se lo debe seleccionar. La selección se puede darse en Stage o en el Timeline.

Una vez seleccionado el objeto, en el Timeline verás al extremo derecho del nombre el icono "+", al presionarlo se desplegará una lista para elegir el tipo de animación que desees aplicarle.

Las variables de cada animación se definen en el siguiente paso, en la pantalla que aparece sobre el área de edición.

Además, desde el pop up de configuración de cada animación, se pueden incorporar diferentes comportamientos, como:

• Inicio: momento en el que se inicia la animación.
• Duración: tiempo que durará la animación en la experiencia.
• Efecto easing: son diferentes efectos de aceleración sobre el objeto en su movimiento.
• Loop: repetir en forma infinita la animación aplicada
• Yoyo: Al completar el recorrido de la animación, el objeto vuelve a su estado inicial invirtiendo el recorrido.