---
title: "Módula — sintetizador synthwave en el navegador | Logic2b Lab"
description: "Demo técnica: sintetizador polifónico con Web Audio API — secuenciador, wobble de cinta, delay, reverb, soporte MIDI y visual reactivo al audio. Sin samples ni backend. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/modula/
  md: https://logic2b.com/lab/modula/index.md
---

Ruta: [Lab](https://logic2b.com/lab) › [Generadores y presentación](https://logic2b.com/sistemas/generadores-presentaciones) › Módula

Demo interactiva · datos simulados

# Módula Audio interactivo.

Sintetizador synthwave completo en el navegador: secuenciador, knobs arrastrables, MIDI y un visual granulado que respira con el audio.

[Abrir la demo (se abre en una pestaña nueva)](https://logic2b.com/lab/modula/live)

**Cosas que demuestra**

8

**Función de negocio**

1

**Sectores que lo piden**

0

Módula · demo interactiva [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/lab/modula/live)

## Cómo se construyó Módula

Sintetizador polifónico de estética hardware construido íntegramente con la Web Audio API: osciladores desafinados con wobble de cinta, drive, chorus, delay ping-pong sincronizado al tempo y reverb por convolución con impulso generado en el propio navegador — sin un solo sample. Un secuenciador con scheduler de lookahead toca patrones synthwave (pads, bajo, arpegio y batería sintetizada) mientras el usuario interviene en vivo con knobs arrastrables, el teclado del ordenador o un teclado MIDI real (Web MIDI API). Al lado, un degradado granulado pintado en canvas reacciona por bandas de frecuencia: los graves hinchan el núcleo naranja, los acordes encienden el magenta y el arpegio destella en frío. Presets de fábrica y guardado en local.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si os interesa algo parecido para vuestro producto, hablamos.

### Qué demuestra

1. Síntesis sustractiva polifónica (12 voces): 2 sierras desafinadas + sub por voz, sin samples
2. Cadena de efectos real: drive, chorus estéreo, delay ping-pong sincronizado al tempo y reverb por convolución (IR generada)
3. Wobble de cinta: LFO + deriva lenta modulando el detune de todos los osciladores
4. Secuenciador de 4 compases con scheduler de lookahead (pads, bajo, arpegio y batería sintetizada)
5. Entrada Web MIDI con detección de dispositivos en caliente, más teclado qwerty y en pantalla
6. Knobs arrastrables accesibles (rueda, flechas, doble clic para reset, shift = ajuste fino)
7. Visual de degradado granulado en canvas que reacciona por bandas de frecuencia (graves/medios/agudos)
8. Medidor de nivel con indicador de clip, presets de fábrica y guardado en localStorage

Ficha del lab

**Tipo**

Audio interactivo

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- Web Audio API
- Web MIDI
- Canvas API

Funciones de negocio

- [Generadores y presentación](https://logic2b.com/sistemas/generadores-presentaciones)

Técnicas

- Audio
- Tiempo real
- Canvas
- MIDI

Demo con datos simulados: todo corre en el navegador.

## Labs relacionados. Misma función o mismos sectores.

[Ver todos](https://logic2b.com/lab)

### [Boceto](https://logic2b.com/lab/boceto)

Generadores y presentaciones

### [Carrete](https://logic2b.com/lab/carrete)

Generadores y presentaciones

### [Trama](https://logic2b.com/lab/trama)

Generadores visuales

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)