Albers Percolation
Le moment exact où des îlots dispersés deviennent un continent connecté. Une grille où la physique de la percolation rejoue, en terracotta et ocre, la leçon de couleur de Josef Albers : la teinte ne vaut que par son contexte.
→ Au repos, la probabilité p respire autour du seuil critique et les amas se font et se défont. Faites défiler pour piloter p vous-même et provoquer la percolation.
La technique derrière le design
Cette pièce transforme une transition de phase en composition chromatique. À chaque image, une grille carrée est tirée au sort selon une probabilité d’occupation p (générateur Mulberry32 à graine fixe 0x414C4245), puis l’algorithme de Hoshen-Kopelman (Physical Review B, 1976) étiquette les amas en deux passes via une structure Union-Find à compression de chemin. Au seuil critique p_c ≈ 0,593, un amas traversant relie soudain les deux bords opposés : la percolation émerge. L’amas dominant se pare de la terracotta d’Albers, les îlots d’ocre et de brun-rouge — la couleur révèle la structure, comme dans Homage to the Square. Canvas 2D natif, zéro librairie, zéro CDN, fichier unique autonome. Intégration en 5 minutes.
Idéal pour
Palette — terracotta, ocre & parchemin
Questions fréquentes
Qu’est-ce que la théorie de la percolation ?
C’est l’étude de la connectivité dans un milieu aléatoire : on occupe chaque case d’une grille avec une probabilité p, et l’on observe à quel moment apparaît un amas qui traverse tout le système. Sur une grille carrée, ce seuil critique vaut p_c ≈ 0,5927. En dessous : des îlots isolés. Au-dessus : un réseau connecté. La transition est nette, universelle — un grand classique de la physique statistique.
Que fait l’algorithme de Hoshen-Kopelman ?
Publié en 1976 dans Physical Review B, il identifie tous les amas d’un réseau en une seule traversée. Une première passe attribue des étiquettes provisoires ; une table Union-Find (avec compression de chemin) fusionne les étiquettes équivalentes ; une seconde passe les remappe en index denses. Résultat : un étiquetage exact des amas, en temps quasi linéaire — c’est lui qui colore chaque cellule ici.
Quel est le rapport avec Josef Albers ?
De 1950 à 1976, Albers peint plus de mille Homage to the Square pour démontrer que la perception d’une couleur dépend entièrement de son entourage. Cette grille reprend l’idée : l’appartenance d’une cellule à un amas change sa couleur apparente. La palette chaude — terracotta, ocre, brun-rouge sur parchemin — est directement héritée du vocabulaire Bauhaus d’Albers.
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, en Canvas 2D natif — fluide sur desktop comme sur mobile. La taille de grille, la graine, le seuil et la palette se règlent en tête de fichier. Respecte « mouvement réduit ».
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 notes d’artiste. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Verdant Matrix · Spiral Threshold · Suprema Grid · Oscillator Sublime · Accueil