{"id":762,"date":"2026-06-21T14:51:49","date_gmt":"2026-06-21T14:51:49","guid":{"rendered":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=762"},"modified":"2026-06-21T14:51:51","modified_gmt":"2026-06-21T14:51:51","slug":"vibe-live-coding-jamming-con-la-inteligencia-artificial-y-strudel","status":"publish","type":"post","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=762","title":{"rendered":"Vibe-live-coding: jamming con la inteligencia artificial y Strudel"},"content":{"rendered":"\n

Tres l\u00edneas de c\u00f3digo, menos de un minuto, y suena m\u00fasica. Esta es la historia de Strudel Notebook<\/strong>: un manual vivo para aprender a componer con c\u00f3digo que dise\u00f1\u00e9 pensando en una idea sencilla pero poco habitual: en vez de ense\u00f1ar m\u00fasica a programadores, ense\u00f1ar programaci\u00f3n a m\u00fasicos.<\/em><\/p>\n\n\n\n

\n

Esta entrada es un resumen de mi \u00faltima publicaci\u00f3n: Miralles-Bono, J. L. (2026). Vibe-live-coding: Jamming con la inteligencia artificial y Strudel. En\u00a0OUT: el aula como laboratorio para reimaginar una nueva educaci\u00f3n art\u00edstica desde propuestas inclusivas y creativas<\/em>. Universitat de Val\u00e8ncia. Disponible en Research Gate<\/a>.<\/p>\n<\/blockquote>\n\n\n\n

Un alumno abre el navegador y escribe\u2026<\/h2>\n\n\n\n

Imagina a un estudiante de conservatorio con a\u00f1os de armon\u00eda a sus espaldas, pero que nunca ha programado. Abre una pesta\u00f1a del navegador y escribe esto:<\/p>\n\n\n\n

n(\"0 [2 4] <7 5> 4\").scale(\"C4:minor\").s(\"piano\").room(0.3)<\/pre>\n\n\n\n
Suena un arpegio en do menor, con una nota que va alternando en cada ciclo. A\u00f1ade debajo una caja de ritmos\u2026<\/p>\n\n\n\n
sound(\"bd [~ sd] hh*4 [hh oh]\").bank(\"RolandTR808\").gain(0.7)<\/pre>\n\n\n\n
\u2026y un bajo sint\u00e9tico cuyo filtro oscila siguiendo una onda sinusoidal:<\/p>\n\n\n\n
note(\"c2 [~ c2] eb2 [~ g2]\").s(\"sawtooth\").lpf(sine.range(300,1800)).gain(0.5)<\/pre>\n\n\n\n
Pulsa Play<\/strong>. Las tres capas suenan a la vez, se dibujan en un espectrograma y se pueden compartir con un compa\u00f1ero mediante un enlace. Ese momento condensa todo lo que me interesa: la distancia entre lo que quiero que suene<\/em> y c\u00f3mo se escribe<\/em>, y c\u00f3mo acortarla.<\/p>\n\n\n\n
\n
PROBAR STRUDEL NOTEBOOK<\/a><\/div>\n<\/div>\n\n\n\n
Marco r\u00e1pido: del pentagrama al c\u00f3digo<\/h2>\n\n\n\n
Una pincelada te\u00f3rica, prometo que breve. En 1958, Charles Seeger distingui\u00f3 entre notaci\u00f3n prescriptiva<\/strong> (la que precede a la m\u00fasica y la instruye, como una partitura) y notaci\u00f3n descriptiva<\/strong> (la que sigue a la m\u00fasica y la registra). Ya hablamos esto en el blog<\/a>. El live coding<\/em> hace algo fascinante: colapsa las dos<\/strong>. El c\u00f3digo es a la vez la receta de lo que sonar\u00e1, el registro de las decisiones que tomas en el momento y la actuaci\u00f3n misma, visible en pantalla. La notaci\u00f3n ya no solo describe o prescribe: genera<\/strong>.<\/p>\n\n\n\n
A esto le sumo dos ingredientes m\u00e1s. El primero es el vibe coding<\/strong> (t\u00e9rmino de Andrej Karpathy, 2025): describir en lenguaje natural lo que quieres y dejar que una IA generativa produzca un prototipo funcional que luego escuchas, entiendes y reescribes. De hecho, Strudel Notebook fue creado \u00edntegramente con vibe coding<\/strong>, conversando con Claude. El segundo es lo pedag\u00f3gico: convertir todo esto en una experiencia de aula. A esa mezcla la llamo vibe-live-coding<\/strong>.<\/p>\n\n\n\n
La herramienta de base es Strudel<\/a>, la reimplementaci\u00f3n de TidalCycles en JavaScript creada por Felix Roos. Funciona en cualquier navegador, sin instalar nada, igual en Windows, macOS o LliureX. Ideal para un aula con dispositivos dispares (BYOD). Pero la documentaci\u00f3n oficial asume que ya conoces el house<\/em>, el techno<\/em> y las cajas de ritmo\u2026 no la armon\u00eda funcional ni los modos. Y ah\u00ed es donde quise invertir el punto de partida.<\/p>\n\n\n\n
Strudel Notebook: un manual vivo<\/h2>\n\n\n\n
Strudel Notebook<\/strong> es una plataforma web de c\u00f3digo abierto (VitePress + Vue 3 + el motor de audio de Strudel) que se despliega sola en GitHub Pages y funciona en cualquier navegador moderno. Su licencia AGPL-3.0 significa que cualquier docente puede bifurcarla, adaptarla y crear sus propias lecciones<\/strong> a partir de una plantilla incluida.<\/p>\n\n\n\n
El dise\u00f1o parte de lo que el alumno ya sabe<\/em>: las lecciones usan vocabulario musical (escalas, modos, grados) antes que jerga de programaci\u00f3n, las visualizaciones incluyen partitura y teclado junto al espectro, y la funci\u00f3n n().scale()<\/code> permite pensar en grados de escala\u2026 que es exactamente como piensa quien estudia armon\u00eda.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
El StrudelBox: un editor con varios modos<\/h3>\n\n\n\n
El coraz\u00f3n de la plataforma es el StrudelBox<\/strong>, un editor de c\u00f3digo embebido en cada lecci\u00f3n. Lo que lo diferencia del REPL est\u00e1ndar de Strudel es que ofrece distintos modos seg\u00fan la autonom\u00eda del alumno<\/strong>:<\/p>\n\n\n\n