Laboratorio de efectos visuales

Demo unificado de efectos visuales y sonoros por código — canvas, WAAPI, Web Audio API, filtros CSS. Útil como base para juegos educativos, dashboards, prototipos o actividades interactivas en HTML puro.

Motor visual listo
Último: —

Controles globales

Intensidad, velocidad y filtros de color para todos los efectos.

Monitor & Preview

Esperando interacción…
Pulsa cualquier botón para lanzar un efecto.

Intensidad visual

Preview
Canvas — partículas, lluvia, matrix, trails, nieve.
WAAPI — Element.animate() en DOM.
Web Audio — tonos, ruido, síntesis sin archivos.

🌊 Ondas y fondos

Capas dinámicas para héroes, intro o escenas suaves.

✨ Partículas

Explosión, chispas, trails y celebración.

🖱️ UI feedback

Microinteracciones de estado en interfaz.

🕹️ Arcade

Golpes visuales para juego, puntuación o alertas.

🌍 Ambiente

Capas visuales persistentes + texturas de sonido continuo.

Sonidos de ambiente — síntesis continua

🎨 Filtros visuales

Alteraciones de color y glass sin imágenes.

⚡ Avanzados

Efectos complejos: matrix, vórtice, rayo, neón.

🧪 Nuevos efectos

Integrados tras la revisión: holograma, glitch, luciérnagas y ondas sónicas.

🔊 Audio (Web Audio API)

Síntesis de sonido sin archivos externos.

🎮 Combo

Visual + audio combinados para máximo impacto.