Este repositorio contiene dos proyectos de animación realizados en JavaScript con el objetivo de explorar el código artístico. Cada proyecto ofrece una representación visual y funcional de conceptos distintos. A continuación, se detalla cada uno de ellos.
- Respira Descripción: Una animación simple que simula la respiración a través del cambio en el tamaño de un círculo. Esta animación busca ofrecer una representación visual de la respiración lenta y relajada.
Características:
Círculo que cambia de tamaño de acuerdo con un patrón de respiración. Animación fluida y sin interrupciones.
- Objetivo
Descripción: Una animación que representa el proceso de enfrentar y superar pensamientos negativos, visualizando la acción de disparar una flecha hacia un objetivo. La animación se enfoca en la calma y la concentración necesarias para avanzar a pesar de las dudas.
Características:
Flecha en movimiento con efecto de temblor. Mensajes de pensamiento negativos que se muestran y desaparecen. Animación de respiración para representar la calma. Efectos visuales como partículas y estrellas fugaces.
Para ver estas animaciones en acción, puedes copiar el código y pegarlo en el editor en línea de [P5js.org]