Proyecto: "Keep shining like a firefly does"

Descripción del encargo:

Este proyecto fue parte de mi examen final, en el cual trabajé durante aproximadamente un mes. Utilicé p5.js para desarrollar una visualización digital interactiva que responde a estímulos como el sonido, el movimiento del mouse y las teclas del teclado. Uno de los requisitos principales era que la visualización estuviera inspirada en un 'ecosistema'. Elegí representar un ecosistema de luciérnagas, creando una experiencia visual dinámica y envolvente basada en su comportamiento.

Descripción del proyecto:

'Keep shining like a firefly does' es un proyecto interactivo en p5.js que simula un ecosistema de luciérnagas que responden a diversas interacciones del usuario. Las luciérnagas reaccionan a estímulos sonoros y visuales, cambiando su comportamiento y apariencia en función del entorno.

Las interacciones posibles son:

• Cambiar Transparencia: Con la tecla 'D', las luciérnagas se vuelven transparentes o regresan a su estado visible, imitando su capacidad de camuflaje.
• Control de Alimentación: Presionando 'S', se activa o desactiva su estado de alimentación, modificando su comportamiento de recolección.
• Asustar Criaturas: Al captar un volumen alto del micrófono, las luciérnagas se asustan y cambian su patrón de movimiento, como si huyeran de un depredador.
• Capturar Luciérnagas: Al hacer clic sobre ellas, se simula su captura, desapareciendo temporalmente del ecosistema.
• Interacción con el Camaleón: Un camaleón utiliza su lengua para capturar luciérnagas al presionar el mouse, mostrando la dinámica de depredador y presa.

El proyecto combina programación e interacción para ofrecer una experiencia dinámica en un entorno virtual selvático, explorando el comportamiento de estas criaturas en un mundo lleno de luz y color.

Código P5.js