Este artículo trata un estudio de programación creativa en p5.js, en el que combino dos lenguajes visuales en un mismo encuadre: una estructura 3D estricta de cubos alámbricos anidados y una capa 2D plana inspirada en Sonia Delaunay y Orphism. Diseñé el resultado específicamente para proyección VJ y actuaciones de música ambiental.
Dos sistemas en una imagen
Construí la base con cuatro cubos alámbricos anidados uno dentro de otro. Primero hice que cada cubo rotara a un ritmo ligeramente distinto, creando un ritmo mecánico y sereno. Además, coloqué pequeños puntos que orbitan y se deslizan a lo largo de los bordes: se mantienen fieles a la geometría, pero añaden un pulso vivo, como energía que recorre la estructura.
Encima añadí una superposición Orphic: anillos concéntricos y arcos que se solapan, se cortan entre sí y crean un collage en movimiento. Mantuve esta capa deliberadamente plana y gráfica —un contrapunto a la profundidad de los cubos. Juntos, estos dos sistemas crean una tensión visual contenida que funciona bien en proyecciones prolongadas.
El color como movimiento
Elegí una paleta alineada con los contrastes simultáneos de Delaunay: rojo, amarillo, azul, naranja, verde, blanco y negro. Aquí el color no es mera decoración: impulsa la percepción del movimiento. Como resultado, la imagen sigue cambiando incluso cuando la animación es sutil, porque las rotaciones lentas y los contrastes fuertes crean constantemente nuevas combinaciones.
Un detalle clave: trato al blanco como espacio más que como pintura. Dejo transparentes los segmentos que normalmente serían blancos, de modo que el fondo negro se vea a través. Por eso los anillos parecen recortados en la oscuridad —más ligeros y con una cualidad arquitectónica.
Por qué encaja con la música ambiental
La música ambiental no necesita montajes rápidos. En cambio, requiere visuales que respiren. Por eso mantuve la animación lenta y por capas. Los cubos aportan estructura. Los círculos y arcos introducen ritmo y movimiento cromático. Además, los puntos en órbita forman un pulso constante. Por ello, en conjunto construyen una tensión contenida que funciona bien en proyección: puedes verla durante minutos y seguir descubriendo nuevas combinaciones.
Conecto este estudio de programación creativa directamente con mi trabajo de proyección VJ en directo en Resolume.
Notas técnicas — p5.js WEBGL
Construí el visual en p5.js en modo WEBGL a 1920×1080. Lo construí todo a partir de formas simples y patrones repetidos: anillos como geometría segmentada, arcos como capas de corte, cubos como wireframes. Escribí el código completo desde cero, sin shaders ni dependencias externas —solo composición y movimiento.
Finalmente, si quieres explorar más de este trabajo, visita la Visión general de Programación creativa o la página de música de FDR-Sound.
