Autor: Fernando Marcelo Alonso
Asignatura: Creando Interfaces de Usuario(CIU)
Esta práctica consiste en la creación de animación o interacción visual que ocupe menos de 1024 bytes.
Para la implementación he usado Processing 3.5.4.
Vista: Nos encontramos con una sola vista estática sin interacción donde se proyecta una animación visual.
Inicio: Al comienzo de la animación se observa que los componentes que comprenden la figura se encuentran separados y en unos 2 segundo se unen para empezar con la animación, opte por este efecto pues me pareció que era muy interesante, para ello use una exponencial para que los aros se acercaran rápidamente hacía el centro.
Animación: Para la animación en si he usado distintos componentes como rotaciones, senos para conseguir movimientos cíclicos además de exponenciales para obtener movimientos rápidos. Jugando con la rotación en distintos ejes de los aros de forma síncrona se consigue un efecto visualmente atractivo y que parece evolucionar.
Colores: Opte por colores suaves azul y blanco para que hubiera mucho contraste con el fondo, se intercalan los aros de color azul y los de color blanco para crear un efecto visual más impactante, si se usa un solo color no se marcan tanto las distintos efectos.
Link sketch: https://editor.p5js.org/Refesh/sketches/k2_hSu2Hx
