Cet article présente une étude de programmation créative en p5.js, où je combine deux langages visuels dans une même image : une structure 3D stricte de cubes filaires imbriqués et une couche 2D plate inspirée par Sonia Delaunay et l’orphisme. J’ai conçu le résultat spécifiquement pour la projection VJ et les performances de musique ambient.
Deux systèmes dans la même image
J’ai bâti la base à partir de quatre cubes filaires imbriqués les uns dans les autres. D’abord, j’ai fait tourner chaque cube à un rythme légèrement différent, créant un rythme mécanique apaisé. De plus, j’ai placé de petits points qui orbitent et glissent le long des arêtes — ils restent fidèles à la géométrie, mais ajoutent une pulsation vivante, comme une énergie parcourant la structure.
Par-dessus cela, j’ai ajouté une superposition Orphic : des anneaux concentriques et des arcs qui se chevauchent, se traversent et créent un collage en mouvement. J’ai gardé cette couche volontairement plate et graphique — un contrepoint à la profondeur des cubes. Ensemble, ces deux systèmes créent une tension visuelle discrète qui tient bien lors de projections prolongées.
La couleur comme mouvement
J’ai choisi une palette en accord avec les contrastes simultanés de Delaunay : rouge, jaune, bleu, orange, vert, blanc et noir. La couleur n’est pas une décoration ici — elle impulse le mouvement perçu. En conséquence, l’image continue de se transformer même lorsque l’animation reste subtile, car les rotations lentes et les forts contrastes créent sans cesse de nouvelles combinaisons.
Un détail important : je considère le blanc comme de l’espace plutôt que comme de la peinture. Je laisse transparents les segments qui seraient normalement blancs, de sorte que le fond noir transparaît. Ainsi, les anneaux donnent l’impression d’être découpés dans l’obscurité — plus légers et plus architecturaux.
Pourquoi cela convient à la musique ambient
La musique ambient n’a pas besoin d’un montage rapide. Elle a plutôt besoin d’images qui peuvent respirer. C’est pourquoi j’ai maintenu l’animation lente et en couches. Les cubes apportent la structure. Les cercles et les arcs introduisent le rythme et le mouvement des couleurs. De plus, les points en orbite forment une pulsation régulière. Ensemble, ils créent donc une tension discrète qui fonctionne bien en projection — on peut la regarder pendant des minutes et continuer à y découvrir de nouvelles combinaisons.
Je relie directement cette étude de programmation créative à mon travail de projection VJ en direct dans Resolume.
Notes techniques — p5.js WEBGL
J’ai réalisé le visuel dans p5.js en mode WEBGL à 1920×1080. J’ai construit l’ensemble à partir de formes simples et de motifs répétés : des anneaux comme géométrie segmentée, des arcs comme couches de découpe, des cubes en filaire. J’ai écrit le code complet depuis zéro, sans shaders ni dépendances externes — juste de la composition et du mouvement.
Enfin, si vous souhaitez explorer davantage ce travail, visitez la page « Creative Coding » ou la page musique FDR-Sound.
