No hay teclas. No hay botones. Solo el espacio.
Cuando piensas en un instrumento musical, piensas en algo que tocar: teclas, cuerdas, parches, botones. Algo físico con el que interactuar de forma obvia.
Espacio Sonoro no tiene nada de eso. Abres la herramienta, haces clic para activar el audio, y te encuentras con una pantalla en negro con una rejilla tenue. Nada más. La primera vez, muchos usuarios no saben qué hacer. Luego mueven el cursor, y entonces entienden.
Cada zona de la rejilla tiene su propio timbre y su propia nota. Moverse despacio da una cosa. Moverse rápido da otra. El recorrido que hagas suena diferente al de cualquier otra persona, porque depende de cómo te muevas.
Cómo está montado por dentro
La pantalla se divide en una rejilla invisible de 6 columnas y 4 filas —24 zonas en total. En móvil, la rejilla se reduce a 4×4 para que las zonas sean más grandes y fáciles de activar con el dedo.
Cada columna tiene asignado un sintetizador distinto, construido con Tone.js:
- Columna 1 (naranja): PluckSynth — el sonido de cuerda pulsada, parecido a una guitarra o un arpa.
- Columna 2 (verde agua): FMSynth — síntesis de frecuencia modulada, más metálica y brillante.
- Columna 3 (rosa): AMSynth — síntesis de amplitud modulada, más orgánica.
- Columna 4 (verde lima): MembraneSynth — percusión, como un bombo o un tom.
- Columna 5 (azul): MetalSynth — timbre metálico, címbalo o platillo.
- Columna 6 (rojo): otro AMSynth con envolvente larga, más parecido a un pad de ambiente.
El eje vertical controla la altura de la nota: cuanto más arriba te muevas, más agudo; más abajo, más grave. La escala usada es pentatónica (Do, Re, Mi, Sol, La), que es la escala que tiene la propiedad de que prácticamente cualquier combinación de notas suena bien. Sin disonancias ni accidentes incómodos, seas músico o no.
La velocidad del movimiento también cuenta: Tone.js recibe la distancia recorrida entre posiciones y el tiempo transcurrido, y de ahí calcula una velocidad que se traduce directamente en la intensidad del golpe. Moverse rápido de una zona a otra dispara la nota con más fuerza. Deslizarse despacio la toca suavemente.
Todo el audio pasa por una cadena de efectos antes de llegar a tus altavoces: primero un delay de 280ms con realimentación, y luego una reverb con 6 segundos de decay. Es lo que hace que incluso notas sueltas suenen como si estuvieran en un espacio grande.
Espacio sonoro
Un instrumento invisible. Muévete por aquí — cada zona tiene su propio timbre y su nota. Puedes grabar el recorrido y descargarlo.
La parte visual
Cada movimiento deja un rastro en el canvas: un círculo que se expande y desvanece en el color de la línea activa. Si entras en una celda nueva, el rastro es más intenso y dura más. Si sigues moviéndote dentro de la misma celda, deja un rastro más tenue. Es el mapa visual de lo que estás tocando, en tiempo real.
En la barra de abajo puedes ver qué celda estás tocando (en formato columna·fila) y qué nota está sonando. No es imprescindible para usar el instrumento, pero ayuda a entender qué está pasando si tienes algo de oído musical.
Por qué incluye grabación
La grabación no es un extra. Es parte de la idea central.
Espacio Sonoro no genera dos veces el mismo resultado. Tu recorrido por la pantalla —la velocidad, las zonas que tocas, el orden— es la partitura. Si no lo grabas, desaparece. Así que hay un botón de grabación que captura directamente la salida de audio de Tone.js (no el micrófono del ordenador, sino la señal interna), y cuando lo paras te genera un archivo descargable en .webm que puedes abrir en cualquier editor de audio.
Eso convierte Espacio Sonoro en una herramienta generativa real: puedes hacer varias pasadas, quedarte con la que más te guste, y usarla como material en una pieza más grande.
De dónde viene esta idea
La misma pregunta que está detrás del Mapa Sonoro del metro y del bus, de convertir imágenes en sonido con Audacity, de los micrófonos de contacto: ¿qué pasa si cojo algo que normalmente no es musical y le busco el sonido que tiene dentro?
En este caso, el espacio de una pantalla. El movimiento de un cursor. Dos dimensiones que normalmente no tienen sonido, y que con la herramienta correcta se convierten en un instrumento que funciona de verdad.
Puedes probarlo en bynokko.com. Tarda dos segundos en cargar, no necesitas instalar nada, y funciona igual en móvil que en escritorio.
¿Qué es lo más extraño que has tocado con Espacio Sonoro? El MembraneSynth en la fila de abajo a la izquierda, combinado con el pad de la columna 6, da unas texturas raras que no esperaba cuando lo diseñé.
