Clododesign

Oscillator Sublime — réaction Belousov-Zhabotinsky & Op Art WebGL2

Art génératif · Belousov-Zhabotinsky · Op Art

Oscillator Sublime

La chimie oscillante rencontre l’illusion perceptuelle. Des spirales de Belousov-Zhabotinsky émergent du chaos moléculaire, superposées aux grilles optiques de Bridget Riley — la rigueur scientifique en pièce d’art.

→ Les ondes concentriques ne sont pas une boucle vidéo : c’est une vraie réaction chimique simulée image par image sur votre carte graphique. Les motifs s’organisent et oscillent sans fin.

La technique derrière le design

Les ondes ne sont pas dessinées : elles réagissent. La pièce résout en WebGL2, image par image sur le GPU, le modèle Oregonator (FKN, 1972) — la description chimique de la célèbre réaction de Belousov-Zhabotinsky, où une solution oscille spontanément entre deux couleurs au lieu d’atteindre l’équilibre. Trois espèces couplées — l’activateur HBrO₂, l’oxydant Ce⁴⁺ et l’inhibiteur Br⁻ — diffusent et réagissent selon un système de réaction-diffusion à trois variables. De cette mécanique émergent spontanément des ondes cibles et des spirales auto-entretenues, signature visuelle de la BZ. Ce champ vivant est superposé aux grilles optiques de l’Op Art (Riley / Vasarely, 1964-1970), créant une vibration perceptuelle entre science et illusion. Zéro librairie, zéro CDN, fichier unique autonome ; repli gracieux et « mouvement réduit » respecté. Intégration en 5 minutes.

Idéal pour

Agence de design scientifiqueConseil en innovationCommunication biotechÉdition scientifique premiumLaboratoires pharmaRecherche & R&DMusées des sciencesCleantech

Palette — laboratoire & pigment

Parchemin #F5F5F0
Encre #0A0A0A
Terracotta #C4401A
Teal #2A8C7A
Or pâle #C8B87A
Surface #EEEEE8

Questions fréquentes

Qu’est-ce que la réaction de Belousov-Zhabotinsky ?

C’est une réaction chimique célèbre, découverte dans les années 1950-60, qui oscille : au lieu d’atteindre un équilibre stable, la solution change de couleur de façon rythmée et forme des ondes cibles et des spirales. C’est l’un des plus beaux exemples d’auto-organisation hors-équilibre, ici simulé via le modèle Oregonator.

Les ondes sont-elles vraiment calculées en direct ?

Oui. Aucune vidéo : un système de réaction-diffusion à trois variables tourne réellement à chaque image sur le GPU, en WebGL2. Les spirales naissent, dérivent et se réorganisent en permanence — ce que vous voyez est de la physico-chimie computationnelle, pas une animation pré-enregistrée.

Et le lien avec l’Op Art ?

Le champ chimique vivant est superposé à des grilles et lignes optiques inspirées de Bridget Riley et Victor Vasarely (1964-1970). La rencontre des deux crée une vibration perceptuelle : l’œil oscille entre la structure géométrique et le mouvement organique des ondes.

Est-ce intégrable, léger et personnalisable ?

Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), sans librairie ni CDN. Les paramètres de la réaction, les colorways et la palette se règlent en tête de script. La simulation tourne sur une grille fixe avec densité de pixels plafonnée, fluide sur desktop comme sur mobile.

Ce que vous recevez

Le kit complet : widget autonome (un seul fichier, intégration en 5 minutes), fragment WordPress copier-coller, art génératif injectable, charte design (tokens couleur, échelle typographique, composants, colorways) et SVG vectoriel animé. Usage commercial illimité.

Voir toute la collection → Tout l’art génératif