← galería
sobre
music0 · ensayo explorable

La armonía,
explicada con figuras

La música suena, pero también se puede ver. Detrás de cada acorde hay números, geometría y un poco de física. Este paseo va de lo más geométrico a lo más perceptual, y en cada parada puedes tocar la idea con las manos.

baja ↓
01 · EL CÍRCULO

Doce notas, un círculo

Si das la vuelta al teclado, después de doce semitonos vuelves a la misma nota una octava más arriba. Por eso conviene pensar las notas no como una recta sino como un círculo de doce posiciones. Un acorde es entonces un puñado de puntos en ese círculo: al unirlos aparece un polígono, y cada tipo de acorde tiene su forma característica.

Activa notas o elige un acorde. Cambia entre orden cromático y el “círculo de quintas” y mira cómo cambia la figura.

cargando…
02 · círculo cromático acordes como polígonos abrir ↗
02 · INTERVALOS

Un intervalo es un cociente

¿Qué hace que dos notas formen una quinta o una octava? La respuesta es una fracción. Si una nota vibra al doble de rápido que otra (cociente 2:1) suenan a una octava; si es 3:2, una quinta. Cuando dibujas las dos vibraciones, una en horizontal y otra en vertical, obtienes una curva de Lissajous: los cocientes simples dan figuras limpias y quietas.

Aquí también se ve la diferencia entre la afinación justa (cocientes exactos, curva fija) y la temperada del piano (cocientes ligeramente “mal”, la curva gira lentamente).

cargando…
01 · Lissajous los intervalos como curvas abrir ↗
03 · LOS ARMÓNICOS

¿De dónde salen esos cocientes?

No son un capricho: están dentro del sonido. Una cuerda no vibra solo entera; también por mitades, tercios, cuartos… Esos armónicos suenan a la vez con frecuencias 1, 2, 3, 4… veces la fundamental — es decir, los cocientes 2:1, 3:2, 4:3, 5:4… ya vienen de fábrica. La octava, la quinta y la tercera mayor son los primeros sobretonos de cualquier nota.

cargando…
04 · serie armónica una cuerda y sus 16 sobretonos abrir ↗
04 · CONSONANCIA

Por qué algo suena “bien”

Cuando dos sonidos comparten muchos armónicos cercanos, el oído los percibe consonantes; si sus armónicos casi coinciden pero no del todo, aparece una aspereza (el batido) que oímos como disonancia. El modelo de Plomp–Levelt y Sethares lo cuantifica: los valles de la curva caen justo en los intervalos consonantes. Y si lo llevas a tríadas enteras, obtienes un mapa donde el azul son los acordes que “descansan”.

cargando…
06 · curva de disonancia arrastra y escucha abrir ↗
cargando…
17 · heatmap 2D consonancia de todas las tríadas abrir ↗
05 · LA RETÍCULA

La red secreta de las tríadas

Coloca las notas en una rejilla triangular donde moverse en una dirección sea una quinta y en otra una tercera: cada triangulito es exactamente un acorde mayor o menor. Es el Tonnetz, y los acordes vecinos comparten dos notas — por eso suena tan natural pasar de uno a otro. Mover una sola voz te lleva al triángulo de al lado: son las transformaciones P, L, R de la teoría neo-riemanniana.

cargando…
03 · Tonnetz ▲ mayor · ▼ menor abrir ↗

Y si te fijas, la rejilla se repite cada 12 notas en las dos direcciones: en realidad vive sobre un toro (Z₁₂ ≅ Z₃×Z₄). Aquí la tienes envuelta en 3D.

cargando…
12 · Tonnetz toroidal gira con el ratón abrir ↗
06 · EL ESPACIO DE LOS ACORDES

Cada acorde, un punto en un espacio curvo

En 2006, Dmitri Tymoczko publicó en Science que los acordes viven en espacios geométricos llamados orbifolds, y que una progresión es un camino por ese espacio. El de dos notas es nada menos que una banda de Möbius: el borde son los unísonos, el centro los tritonos, y cuando dos voces se cruzan… apareces por el otro lado. El de tres notas es un prisma triangular cuyo centro es el acorde aumentado.

cargando…
14 · orbifold (díadas) la banda de Möbius abrir ↗
07 · AFINAR DE VERDAD

Entonación justa: los cocientes en su sitio

El piano reparte el error por igual entre las doce notas (temperamento igual) para poder tocar en cualquier tono. Pero si respetas los cocientes exactos, los acordes “se cuajan” sin batido. La retícula de entonación justa coloca cada nota según sus factores de 3 (quintas) y 5 (terceras). Compara la tercera justa con la temperada y oirás la diferencia.

cargando…
10 · lattice de entonación justa justa vs temperada abrir ↗
08 · UN ENGAÑO PARA EL OÍDO

El tono que sube para siempre

La altura tiene dos caras: la croma (do, re, mi…) que da la vuelta en círculo, y la altura que sube en línea recta. Si las separas, puedes construir un sonido que parece subir eternamente sin llegar nunca arriba: el glissando de Shepard–Risset. Una hélice lo dibuja perfectamente.

cargando…
09 · hélice de Shepard dale a ▶ abrir ↗
09 · MATERIA Y COLOR

Cuando el sonido se hace visible

La vibración deja huellas físicas: sobre una placa, la arena huye de donde más se mueve y se posa en las líneas nodales dibujando los patrones de Chladni. Y muchas personas “ven” las notas con color: Scriabin llegó a asignar un color a cada tonalidad. Aquí el espectro mismo se pliega en doce clases que se encienden con la música (el cromagrama).

cargando…
05 · cymatics · Chladni líneas nodales de arena abrir ↗
cargando…
18 · cromagrama el espectro en 12 clases abrir ↗
10 · TÓCALO TÚ

Ahora te toca a ti

Toda la teoría junta en un solo gesto: toca el piano (o tu teclado, o un MIDI) y mira cómo reaccionan a la vez el círculo de notas, la retícula de tríadas y las ondas. La armonía no es una sola imagen — son muchas, mirando lo mismo desde ángulos distintos.

cargando…
13 · instrumento en vivo toca con A W S E D F… abrir ↗

Y esto es solo el principio

Hay 31 piezas en total. Pasa por la galería y juega con todas.

ver las 31 piezas → la investigación
music0 · todo en Canvas + Web Audio, sin dependencias. Las figuras se cargan al acercarte para que el scroll vaya fino.