🌸 Firefly Garden: Technical Description
Título: Firefly Garden
Descripción: Firefly Garden es una instalación artística interactiva que fusiona visión por computadora, reconocimiento de voz, generación de sonido musical y gráficos en tiempo real para crear un jardín virtual dinámico. Los usuarios pueden generar tres tipos de flores mediante gestos de mano frente a una webcam, comandos de voz o clics del ratón. Las flores se transforman en luciérnagas tras 10 segundos, creando un ecosistema digital que evoluciona constantemente.
🔧 Tecnologías:
- p5.js: Renderiza flores orgánicas con pétalos fluidos, flores geométricas y flores fantasía con partículas, luciérnagas y gradientes dinámicos en un lienzo 2D responsivo.
- ml5.js: Utiliza el modelo Handpose para detectar gestos específicos: palma abierta (flores orgánicas), pellizco (flores geométricas) y puño (flores fantasía).
- p5.speech: Ofrece retroalimentación auditiva bilingüe (español/inglés) con descripciones detalladas de eventos del jardín.
- Web Audio API: Sistema de audio musical con progresiones armónicas, acordes pentatónicos, reverb, delay y compresión dinámica.
- p5.sound: Reproduce música ambiental de fondo para una experiencia inmersiva.
🌺 Tipos de Flores:
- Orgánicas: Pétalos fluidos con curvas Bézier y animaciones naturales. Se crean con palma abierta o clic en el tercio izquierdo de la pantalla.
- Geométricas: Formas definidas con pétalos simétricos y rotación constante. Se crean con gesto de pellizco o clic en el tercio central.
- Fantasía: Múltiples capas con partículas flotantes y efectos especiales. Se crean con puño cerrado o clic en el tercio derecho.
🎵 Sistema de Audio Musical:
- Acordes Armónicos: Progresión de 6 acordes que cambia cada 8 segundos (Do mayor, Re menor, Mi menor, Fa mayor, Sol mayor, La menor).
- Sonidos de Flores: Cada tipo de flor reproduce diferentes tonos del acorde actual con reverb y delay.
- Ambiente de Luciérnagas: Tono grave continuo que se intensifica con más luciérnagas.
- Efectos: Reverb natural, delay con feedback, compresión dinámica y posicionamiento estéreo.
♿ Funcionalidades Inclusivas:
- Interacción multimodal: Gestos específicos de manos, comandos de voz bilingües y clics del ratón.
- Modo de alto contraste: Activado con 'h', mejora la visibilidad con colores blancos sobre fondo oscuro.
- Modo simplificado: Activado con 'm', formas más claras y definidas para mejor comprensión visual.
- Soporte bilingüe: Español e inglés con cambio dinámico usando 'l' o comando de voz.
- Retroalimentación auditiva: Descripciones detalladas de todas las acciones y eventos.
- Control de ritmo: Ajuste del tiempo de espera entre flores ('+' aumenta, '-' reduce).
🗣️ Comandos de Voz (Español):
- "crear flor" - Crea flor orgánica
- "flor geométrica" - Crea flor geométrica
- "flor fantasía" - Crea flor fantasía
- "alto contraste" - Activa/desactiva alto contraste
- "modo simple" - Activa/desactiva modo simplificado
- "audio musical" - Activa/desactiva sistema de audio
- "música" - Pausa/reanuda música de fondo
- "reiniciar" - Limpia el jardín
- "cambiar idioma" - Cambia a inglés
⌨️ Controles de Teclado:
- h: Alto contraste
- m: Modo simplificado
- a: Audio musical
- l: Cambiar idioma
- p: Pausar/reanudar música
- v: Reconocimiento de voz
- s: Síntesis de voz
- r: Reiniciar jardín
- i: Mostrar/ocultar info
- +: Aumentar tiempo de espera
- -: Reducir tiempo de espera
👋 Gestos de Mano:
- Palma abierta: Flor orgánica
- Pellizco: Flor geométrica
- Puño: Flor fantasía
🖱️ Interacción con Mouse:
- Tercio izquierdo: Flor orgánica
- Tercio central: Flor geométrica
- Tercio derecho: Flor fantasía
Características Técnicas Avanzadas: Sistema de partículas para flores fantasía, detección de proximidad del mouse para florecimiento de flores orgánicas, gestión automática de memoria con límite de 30 flores simultáneas, gradientes dinámicos que cambian según el equilibrio flores/luciérnagas, y sistema de audio espacial con posicionamiento estéreo basado en la posición de las flores.
Accesibilidad: Diseñado siguiendo principios de diseño universal, con múltiples modalidades de interacción, retroalimentación auditiva completa, soporte para lectores de pantalla, navegación por teclado, ajustes visuales dinámicos y compatibilidad con tecnologías asistivas. Cumple con estándares WCAG 2.1 AA.