Biolith Drift
Une identité visuelle qui respire. Le minimalisme nordique premium rencontre un organisme vivant : un réseau de transport qui s’auto-organise, image après image, en filaments de lavande et nœuds de jade.
→ Le fond n’est pas une image : c’est un organisme numérique qui tisse son réseau en direct. Faites défiler — chaque section éveille une nouvelle colonie.
La technique derrière le design
Le réseau n’est pas un dessin figé : il est cultivé image par image par le navigateur. La pièce simule le Physarum polycephalum — le « blob », ce myxomycète sans cerveau capable de résoudre des labyrinthes — selon l’algorithme de Jeff Jones (2010). Des centaines d’agents autonomes avancent en détectant la concentration de phéromone devant eux via trois capteurs (à ±45°), tournent vers la piste la plus forte, puis y déposent leur propre trace. Cette trace diffuse (flou 3×3) et s’évapore à chaque image : de cette boucle locale émerge spontanément un réseau de transport optimal, exactement comme le vrai organisme relie ses sources de nourriture. Le tout est peint en Canvas 2D natif, sans aucune librairie ni CDN. Page éditoriale multi-sections : une seule colonie tourne à la fois (lazy IntersectionObserver) pour rester légère, et l’animation se fige proprement si l’on préfère le mouvement réduit. Fichier unique autonome, intégration en 5 minutes.
Idéal pour
Palette — givre & jade
Questions fréquentes
Qu’est-ce que le Physarum polycephalum ?
C’est un myxomycète unicellulaire — le fameux « blob » — célèbre pour relier ses sources de nourriture par le chemin le plus court, sans système nerveux. Des chercheurs lui ont fait reproduire le réseau ferroviaire de Tokyo. Ici, son comportement est recréé numériquement : ce que vous voyez se tisser est une intelligence collective émergente, pas une animation pré-enregistrée.
Le réseau est-il vraiment calculé en direct ?
Oui. À chaque image, chaque agent capte la phéromone autour de lui, choisit sa direction et dépose sa trace ; la carte de phéromone diffuse et s’évapore. Aucune image n’est identique : le réseau croît, se réorganise et dérive en permanence, fidèle à la dynamique du vrai organisme.
Est-ce intégrable et personnalisable ?
Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), sans librairie ni CDN critique. Le nombre d’agents, la portée des capteurs, le taux d’évaporation et la palette (givre, lavande, jade) se règlent en quelques constantes en tête de script.
Est-ce léger et fluide sur mobile ?
Oui. Une seule colonie est simulée à la fois — celle visible à l’écran — sur une grille de résolution fixe, réduite automatiquement sur mobile. Le rendu reste fluide, et l’animation respecte le réglage « mouvement réduit » du système.
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, composants organiques) et documentation. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Morphogenèse Organique · Lenteur Organique · Rinpa Phase Field · Verdant Matrix · Accueil