Creative Coding

Taller introductivo a conceptos y herramientas de programación y programación visual, presentación y estudio de entornos de scripting y live-coding, entre los cuales Sonic PI, Mosaic, VCV Rack y Hydra. Unos primeros pasos en los territorios de los lenguajes orientados a la creación audiovisual generativa para web, instalaciones o live performance.

[La máquina analítica] podría actuar sobre otras cosas además del número ... suponiendo, por ejemplo, que las relaciones fundamentales de los sonidos en la ciencia de la armonía y de la composición musical fueran susceptibles de tal expresión y adaptaciones, el motor podría componer piezas de música elaboradas y científicas de cualquier grado de complejidad o medida.

Ada Lovelace, 1843

Sobre la programación creativa

Una de las perspectivas de análisis del concepto de creative coding (en castellano programación creativa) se origina en la combinación de dos matrices de pensamiento, la de la lógica y la técnica, relacionada con el universo de los lenguajes de programación en su sentido más amplio (la interpretación de un lenguaje es posible gracias a unas reglas fijadas, su “programación”, o su gramática en el caso de lenguajes hablados), y la filosófica/humanística de la imaginación y la creatividad, territorio ilimitado e indestructible.

Una especial combinación entre estos dos universos se puede describir como creative coding, que puede espaciar desde lo que se llama computational design (John Maeda, Design By Numbers), visual programming, live coding, physical computing, hasta el propio concepto de hacking (la palabra hacker originalmente se utilizaba para definir a una persona que creaba muebles con un hacha, lo que ya de por sí denota una habilidad e ingenio extra sobre un carpintero común. Cabe destacar el uso de esta palabra por extensión a toda persona que implementa soluciones para cualquier sistema, sea informático o no, de manera que este pueda emplearse de formas no pensadas por quienes crearon dichos sistemas).

Partiendo de esta base, se puede leer la programación creativa como una alteración de los flujos de datos pre-establecidos, entendiendo los flujos de datos como la misma materia que compone el resultado, el objeto, el dispositivo, el sonido, la imagen, tanto si este flujo está compuesto por ceros y unos (representación digital) como por electricidad y voltaje (el mundo analógico, circuitos electrónicos, cables de audio, cables de video). ¿Cuándo una imagen es una imagen? O mejor, ¿porqué una imagen es una imagen? Para nosotros una imagen es algo estrictamente relacionado con lo visual, quizás demasiado, y solemos asociar el concepto de “imagen” con algo filtrado e interpretado por la visión; entonces información, filtrada e interpretada, en resumen.

Mientras la información suele ser limitada (analizamos un numero máximo limitado de elementos simultaneamente), la interpretación se puede situar en el territorio de la imaginación, es decir sin limites. De la misma manera, podríamos decir que la misma información puede tener infinitas interpretaciones, diferentes puntos de vista que al mismo tiempo ocultan y revelan distintas combinaciones de características del mismo conjunto de datos. ¿Podría una imagen cambiar a otra cosa? ¿Podría una imagen ser escuchada? En la programación sin creatividad, no, no sería posible, porqué la naturaleza de los datos es fija y está predefinida, sin embargo en el universo de la creatividad podríamos tener una respuesta sencilla que a la vez es otra pregunta: ¿Sabe una imagen ser una imagen? NO

Entonces puede ser cualquier cosa.

Programar es pensar e inventar mundos, imaginar es pensar e inventar mundos, creative coding es pensar y cambiar mundos inventados que cambian el pensamiento, proceso creativo ilimitado e indestructible.

Linux, la ultima bahía autónoma

Si cuando usas el prompt tienes sensación de no estar físicamente en el lugar donde crees estar, si te da la impresión que en el scroll de instagram te están saliendo stories relacionadas con aquello que pensaste hace una hora pero aún no comentaste a nadie, si por cada tap que das en la pantalla percibes un cambio en el ritmo de la respiración, no de los placenteros, y después de no recordar nada de lo que acabas de ver te das cuenta que ya llegas tarde, si a veces te preguntas si habrá más, mas allá de los lugares que nos sirven en bandeja, todo por nuestra comodidad y su beneficio, si alguna vez soñaste con pisar suelo nunca pisado, o llegar a una bahía autónoma temporal donde suena Radiohead como si la música saliera de un gramófono, donde nadie te dice lo que tienes que hacer y en cada paso todo reside en tu propia decisión, no olvides que tal lugar existe, solo depende de que tu lo decidas.

This is the red one: How to install Ubuntu alongside Windows 11 (Dual Boot)

The blue one has been digested already.

Fechas

Desde el 5 hasta el 22 de mayo 2025

Aula virtual Teams, curso online síncrono

Lunes 5, martes 6, miércoles 7, jueves 8 | de 16:00h a 18:30h

Lunes 12, martes 13, miércoles 14, jueves 15 | de 16:00h a 18:30h

Lunes 19, martes 20, miércoles 21, jueves 22 | de 16:00h a 18:30h

Programa

Lunes 5

Introducción y herramientas

Teoría. Presentación del taller, panorámica general de las herramientas de programación y programación visual que se usarán en la parte práctica. ¿Que es una imagen digital? Y un sonido?

Martes 6

Linux, la última bahía autónoma

Taller. Introducción al mundo Linux, en concreto en la distro Ubuntu, y al principio de FLOSS software. Pequeño tutorial de instalación en dual boot ( windows + linux en el mismo ordenador ) . 2H
Q&A. Dudas y resolución de problemas. 30MIN

Miércoles 7

VCV Rack y MIDI

Teoría. Introducción a VCV Rack, principios básicos de síntesis audio modular. 2H
Q&A. Descarga e instalación del software, ajustes para los distintos sistemas operativos, resolución de problemas. 30MIN

Jueves 8

VCV Rack

Taller. Practica de VCV rack, alteración de ejemplos, introducción a librerías de módulos externos. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Lunes 12

Visual-programming y Live-patching

Teoría. Panorámica de herramientas de programación visual, entre las cuales Pure Data y Mosaic, origen del concepto de visual programming, y ejemplos prácticos. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Martes 13

Sonic PI y live-coding

Teoría. Introducción al live coding con Sonic Pi, interfaz, aprender código jugando con el sonido. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Miércoles 14

Sonic PI y live-coding

Taller. Practicas de live coding con Sonic PI, los primeros synths, secuencias y efectos. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Jueves 15

Sonic PI y live-coding

Taller. Practicas de live coding con Sonic PI. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Lunes 19

Sonic PI y live-coding

Taller. Practicas de live coding con Sonic PI. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Martes 20

Live-coding, Hydra y arte generativo

Teoría. Introducción a la herramienta Hydra, principios de live coding visual en el browser. 1H
Taller. Ejemplos básicos de hydra, color, movimientos y aleatoriedad. 1H
Q&A. Dudas y resolución de problemas. 30MIN

Miércoles 21

Live-coding, Hydra y arte generativo

Taller. Práctica de live coding en browser con Hydra. 2H
Q&A. Dudas y resolución de problemas. 30MIN

Jueves 22

Live-coding, Hydra y SonicPI

Taller. Practicas de live coding con SoniPI e Hydra. 2H
Q&A. Cierre del taller, conclusiones. 30MIN

Material

History of computers ( some of it )

Linux

Links

VCV Rack

VCV Rack Modules Basics

VCO ( Voltage Controlled Oscillator )

Oscilador controlado por voltaje, es una fuente de voltaje continuo, que emitirá una señal cuya frecuencia es una función de los ajustes. En su forma básica, estas pueden ser formas de onda simples (generalmente una onda cuadrada o una onda de diente de sierra, pero también incluyen ondas de pulso, triángulo y sinusoidal), sin embargo, se pueden cambiar dinámicamente a través de controles como la sincronización, la modulación de frecuencia y la auto-modulación.

Noise

La fuente de ruido: es una fuente que genera un voltaje aleatorio. Los tipos comunes de ruido que ofrecen los sintetizadores modulares incluyen el ruido blanco, rosado y de baja frecuencia.

VCA ( Voltage Controlled Amplifier )

Amplificador controlado por voltaje, generalmente es un amplificador de ganancia unitaria que varía la amplitud de una señal en respuesta a un voltaje de control aplicado. La curva de respuesta puede ser lineal o exponencial. También se llama un multiplicador de dos cuadrantes.

VCF ( VOltage Controoled Filter )

Es un filtro controlado por voltaje, que atenúa las frecuencias por debajo de una determinada frecuencia (paso alto), por encima (paso bajo) o por debajo y por encima (paso de banda). Los VCF también pueden configurarse para proporcionar rechazo de banda (notch), por lo que las frecuencias altas y bajas permanecen mientras que las frecuencias medias se atenúan. La mayoría de los VCF tienen resonancia variable, a veces controlada por voltaje.

LFO ( Low-Frequency Oscillator )

Es un oscilador de baja frecuencia puede estar o no controlado por voltaje. Puede operarse con un período de tiempo desde un cuadragésimo de segundo hasta varios minutos. Generalmente se usa como voltaje de control para otro módulo. Por ejemplo, la modulación de un VCO producirá una modulación de frecuencia, y puede crear vibrato, mientras que la modulación de un VCA(ver abajo) producirá modulación de amplitud y puede crear un tremolo, dependiendo de la frecuencia de control. La onda rectangular se puede utilizar como una función lógica / temporal / disparador.

Mixer

Un módulo que combina voltajes.

Envelope Generator

El generador de envolvente es una fuente de voltaje transitorio. Un disparador ante una compuerta de un generador de envolvente, produce una transición de voltaje en relación con el tiempo. A menudo configurado como ADSR (Attack (ataque), Decay(Decaimiento), Sustain (sostenimiento), Release(liberación)) proporciona un voltaje transitorio que sube y baja. Puede ser activado por un teclado o por otro módulo en el sistema que produce un disparo de rápido aumento en presencia de una puerta. Por lo general, controla la amplitud de un VCA o la frecuencia de corte de un VCF, pero la estructura de conectores del sintetizador hace posible utilizar el generador de envolvente para modular otros parámetros, como la frecuencia o el ancho de pulso del VCO. A veces están disponibles EGs más simples (AD o AR) o más complejos (DADSR: Retardo, Ataque, Decaimiento, sostenimiento, Liberación).

Sequencer

El secuenciador, también llamado a veces secuenciador de pasos analógicos, es una familia de tipos de módulos compuestos que pueden ser una fuente o un procesador. Como fuente, dependiendo de la configuración, puede producir una secuencia de voltajes, que generalmente se establecen ajustando los valores en los mandos del panel frontal. El secuenciador también puede generar un disparador, y/o puerta, en cada paso (etapa). Los secuenciadores pasan por un disparador que se aplica a la entrada del disparador. Los distintos diseños pueden permitir avanzar o retroceder, patrones oscilantes, patrones en orden aleatorio o solo usar un número limitado de etapas.

Quantizer

En su forma más simple, un cuantificador es un módulo que toma un voltaje de control y genera el mismo voltaje redondeado a la nota más cercana.

Clock generator

Un generador de reloj produce un reloj estable que puede usarse como maestro para todos los módulos dependientes del reloj en un sistema.

MIDI ( Musical Instrument Digital Interface )

Es un estándar tecnológico que describe un protocolo, una interfaz digital y conectores que permiten que varios instrumentos musicales electrónicos, ordenadores y otros dispositivos relacionados se conecten y comuniquen entre sí.

OSC ( Open Sound Control )

Es un protocolo para conectar en red sintetizadores, ordenadores y otros dispositivos multimedia con fines como la interpretación musical o el control de espectáculos. Las ventajas de OSC son la interoperabilidad, la precisión, la flexibilidad y una mejor organización y documentación.

References

Visual Programming

Sonic PI

Hydra

Ejemplos

```
osc().out()
```
```
osc(20).color(0,1,1).scale( 1 ).out()
```

shape(3).color(0.5,0,1).scale( 1 ).out()

shape(6).color(0.5,0,1).scale(1,1,()=>window.innerWidth/window.innerHeight).out()

noise(2).rotate(0.3,0.3).color(1,0,0.5).out()

```
voronoi(10).color(0,1,1).out()
```

voronoi(10).color(0,() => (Math.sin(time)+1) / 2,1).out()

var rand = function(){
  return Math.random()
}

voronoi(10).color(rand,() => (Math.sin(time)+1) / 2,1).out()

var randomRange = function(min=0,max=1){
  return Math.random() * (max-min) + min
}
  
voronoi(10).color(() => randomRange(0.1,0.8),() => (Math.sin(time)+1) / 2,1).out()

voronoi(10,1).colorama(10).hue(0.5).saturate([0,1,4,11]).scale(() => 0.5+(0.001*mouse.x)).out()

voronoi(10,1).colorama(10).hue(0.5).saturate([0,1,4,11]).scale(() => 0.5+0.2*a.fft[0]).out()

a.show() // a.hide()
a.setBins(6) // MAX 24

voronoi(10).color(0,() => a.fft[0] *2,1).out(o0)
noise(() => a.fft[1] *200).rotate(1,1).color(1,0,0.5).out(o1)
osc(40).color(0,1,1).scale( () => a.fft[2] *2 ).out(o2)
shape(7).color(0.5,0,1).scale( () => a.fft[3] *2 ).out(o3)
render()

```
s0.initCam()
src(s0).scale(1.5).out()
```

s0.initCam()
src(s0).scale(1.5).pixelate(60,60).saturate(11).out()

s0.initScreen()
src(s0).saturate([0,1,4,11]).scale(1.75).kaleid(16).scale(() => 0.5+0.2*a.fft[0]).out()

s0.initScreen()
src(s0).scale(1.65).kaleid(8).rotate(0.1,0.1).scale(1.3,1.3,()=>window.innerWidth/window.innerHeight).invert().out(o1)
src(s0).mult(o1).saturate(0.5).add(src(o1).modulate(voronoi(15,2)).saturate(0.13)).out()

var test = 0
var func = function(){if(cc[1] == 0) test += Math.PI/12;return test}
osc(10).rotate(func).scale(10).out()

// multiples texturas independientes ( MAX 4 )

osc().out(o0)
          
osc(33,0.3,0.3).out(o1)
          
src(o2).modulate(noise(3),0.005).blend(shape(4),0.01).out(o2)
          
osc(3,0.3,33).out(o3)
          
          
render()

// multiples texturas combinadas  ( MAX 4 )

osc().modulateRotate(o0,0.3).out(o0)
            
src(o0).mult(o0,5).blend(o1,0.98).kaleid(3).rotate(() => time/10).out(o1)
            
render(o1)

// screen capture feedback
s0.initScreen()

// reset
// src(s0).out(o0)

// wavy
src(s0).modulate(noise(3), 0.3).out(o0)

// ejemplo de feedback
  osc(10,0.02,0.1).colorama().rotate(3.14/2)
  .modulate(src(o0).scrollX(0,0.03,0.06),0.09)
  .blend(o0,0.98)
  .contrast(1.01)
  .out(o0)

// MIDI input

await loadScript("https://creativecoding.d3cod3.org/material/Hydra/midiInput.js")

osc().color(() => cc[3],0,0).out()

// OSC receiving example ( use it with "13_breakcore_live_midi_hydra.txt" example from the SonicPi section )
// check this: https://github.com/ojack/hydra-osc
// or this: https://github.com/colinbdclark/osc.js/

await loadScript("https://cdn.jsdelivr.net/gh/ojack/hydra-osc/lib/osc.min.js")


_osc = new OSC()
_osc.open()

_osc.on("*", (m) => { /*console.log(m.address, m.args)*/ })

freq = 0
_osc.on("/cmaster1", (m) => {
  //console.log(m)
  freq = m.args[0]/127.0
})

crush = 0
_osc.on("/crush", (m) => {
  //console.log(m)
  crush = m.args[0]
})

octa = 0
_osc.on("/octa", (m) => {
  //console.log(m)
  octa = m.args[0]
})

osc(8, () => -0.5*freq, 1)
    .color(-1.5, -1.5, -1.5)
    .blend(o0).rotate(-0.5, -0.5)
    .modulate(shape(4)
            .rotate(0.5, 0.5)
            .scale(2)
            .repeatX(() => (octa*2)+0.1, 2)
            .modulate(o0, () => crush * 0.5)
            .repeatY(2, 2))
.out(o0)

Links

Comunicación OSC

Artists

An Interview with cyclo. (Ryoji Ikeda and Carsten Nicolai)

Random

Referencias

The virtual modular platform based on Eurorack synthesizers

VCV Rack

VCV Rack es un sintetizador modular virtual gratuito de código abierto: se pueden conectar varios módulos para sintetizar un sonido. De forma predeterminada, el software contiene varios VCO, LFO, mezcladores y otros módulos de sintetizador estándar. Sin embargo, se pueden agregar más como complementos a través del sitio web de VCV Rack.

webpage

An openFrameworks based Visual Patching Creative-Coding Platform

Mosaic

Una cita muy utilizada de Henri Bergson dice así: «Los ojos sólo ven lo que la mente está preparada para comprender. » Siguiendo ese pensamiento, eventualmente entraremos en el reino del pensamiento visual, o mejor aún, en el reino de la imaginación, donde las ideas complejas se pueden comunicar de una manera sencilla, o todo lo contrario.

webpage

Pure Data (or just "Pd") is an open source visual programming language for multimedia.

Pure Data

Pure Data (o Pd) es un lenguaje de programación visual desarrollado por Miller Puckette durante los años 90 para la creación de música por ordenador interactiva y obras multimedia. Aunque Puckette es el principal autor del software, Pd es un proyecto de código abierto y tiene una gran base de desarrolladores trabajando en nuevas extensiones al programa. Está publicado bajo una licencia similar a la licencia BSD.

webpage

Experience the sound of code

Sonic Pi

Sonic Pi es un entorno de programación de código abierto, diseñado para explorar y enseñar conceptos de programación a través del proceso de crear sonidos nuevos. Es un sintetizador libre de programación en directo para todo el mundo, creado por Sam Aaron en el laboratorio de informática de la Universidad de Cambridge. Puedes usar Sonic Pi para programar, componer e interpretar una gama de estilos desde clásicos a contemporáneos, de Canons a Dubstep.

webpage

A java based code sketchbook

Processing

Processing es un cuaderno de bocetos de software flexible y un lenguaje para aprender a codificar. Desde 2001, Processing ha promovido el aprendizaje de la programación dentro de las artes visuales y el aprendizaje visual dentro de la tecnología. Hay decenas de miles de estudiantes, artistas, diseñadores, investigadores y aficionados que utilizan Processing para aprender y crear prototipos.

webpage

An open source C++ toolkit for creative coding

openFrameworks

openFrameworks es una herramienta de código libre (Código abierto) diseñada para la "codificación creativa", es decir, para la programación creativa orientada a artistas y diseñadores.

webpage

In-browser real-time video synth

Hydra

Hydra es un sintetizador de video y entorno de codificación en vivo (livecoding) que funciona sobre el navegador. Es de software libre y está pensado tanto para principiantes como expertos.

webpage

Real-time programming collective

LiveCode.NYC

LiveCode.NYC es un colectivo con sede en la ciudad de Nueva York que se reúne para discutir, promover y explorar programación en tiempo real.

webpage

Transdimensional Organisation for the Proliferation of Live Artistic Programming

TOPLAP

TOPLAP es una organización fundada en 2004 para explorar y promover el live-coding.
El live-coding es una nueva dirección en la música y el vídeo electrónicos, y está llegando a un lugar interesante. Los codificadores en vivo exponen y reconfiguran las entrañas del software mientras este genera música y/o imágenes improvisadas.

webpage

Generative Design

Generative Gestaltung

Repositorio de ejemplos de Processing desde libros relacionados con diseño generativo.

webpage

Home

Creative Coding

Sobre la programación creativa

Linux, la ultima bahía autónoma

Fechas

Programa

Material

Links

Lecturas

Links

Ejemplos

Links

VCV Rack Modules Basics

VCO ( Voltage Controlled Oscillator )

Noise

VCA ( Voltage Controlled Amplifier )

VCF ( VOltage Controoled Filter )

LFO ( Low-Frequency Oscillator )

Mixer

Envelope Generator

Sequencer

Quantizer

Clock generator

MIDI ( Musical Instrument Digital Interface )

OSC ( Open Sound Control )

Links

References

Ejemplos

Links

Ejemplos

Links

Ejemplos

Links

Ejemplos

Links

Ejemplos

Links

Referencias