Clododesign

Morphic Code — Art génératif réaction-diffusion (Turing)

Art génératif · Réaction-diffusion · Suisse

Morphic Code

Comment naissent les taches d’un léopard ? D’une simple équation. Morphic Code fait vivre une réaction-diffusion de Turing (modèle de Gray-Scott) calculée image par image sur le GPU : une chimie qui se déploie, se brise et se réorganise sous vos yeux. Dark academia, computationnel, hypnotique.

→ Cliquez et glissez dans le cadre pour injecter de la matière et perturber le motif.

La technique derrière le design

En 1952, Alan Turing montrait que deux substances qui diffusent et réagissent suffisent à expliquer les motifs du vivant — pelages, coquillages, coraux. Morphic Code rejoue cette idée en temps réel : un shader WebGL2 applique l’équation de Gray-Scott (paramètres F≈0,035, k≈0,065) sur des milliers de cellules, à 60 images par seconde. Chaque clic injecte de la « substance », et le système trouve son propre équilibre. Entièrement autonome : un seul fichier, aucune dépendance externe, rien ne casse si un CDN tombe.

Idéal pour

Sciences du vivant & biotechDeep-tech & R&DUniversités & rechercheData & IAÉdition & revues intellectuellesMusées de science

Palette

Noir abyssal
Nuit profonde
Ardoise chimique
Or ambre
Or vif
Parchemin

Questions fréquentes

Qu’est-ce qu’une réaction-diffusion ?

C’est un modèle mathématique (ici Gray-Scott, hérité des travaux d’Alan Turing) où deux substances diffusent et réagissent. De règles locales très simples émergent des motifs complexes — taches, labyrinthes, cellules — jamais identiques. Tout est calculé en direct, ce n’est pas une vidéo.

Est-ce que cela ralentit mon site ?

Non. Le rendu est délégué au GPU (WebGL2) et tient dans un seul fichier autonome, sans bibliothèque externe à charger. L’animation se met en pause hors écran et reste fluide à 60 images/seconde.

Puis-je changer les couleurs et l’intégrer facilement ?

Oui. Le widget s’intègre en 5 minutes (un bloc HTML), et un panneau de personnalisation permet d’ajuster la couleur d’accent et les paramètres. La charte design complète (couleurs, typographie, tokens) est fournie.

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 (couleurs, typographie, tokens) et documentation. Usage commercial illimité.

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