LATTICE DECAY
Une cité computationnelle qui naît, culmine, décline et renaît sous vos yeux. Des cellules s’allument, s’élèvent en tours isométriques, puis s’éteignent — un automate cellulaire à 3 états calculé sur le GPU et projeté en architecture 2.5D. Au scroll, cinq tableaux s’enchaînent comme les âges d’une métropole. Froid, précis, hypnotique.
→ La cité émerge automatiquement ; faites défiler pour traverser ses cinq âges (émergence, apogée, déclin, renaissance).
La technique derrière le design
Le paysage n’est pas une vidéo : c’est une vraie simulation cellulaire qui tourne en direct. Une grille de cellules suit des règles de vie/mort/déclin (Conway modifié à 3 états) calculées entièrement sur le GPU en WebGL2 (rendu render-to-texture en ping-pong). L’innovation : la projection isométrique 2.5D — les cubes, leur hauteur et leurs ombres — est dessinée intégralement dans le fragment shader, pixel par pixel. Côté performance, une seule carte est simulée à la fois (la carte active du défilé), avec mise en pause hors écran et repli propre si le WebGL2 manque. Un fichier autonome, sans aucune dépendance critique.
Idéal pour
Palette — analogue froide + déclin corail
Questions fréquentes
Est-ce une vraie simulation ?
Oui. C’est un automate cellulaire à 3 états (vivant / déclin / vide) qui calcule chaque génération en temps réel sur le GPU, puis le projette en architecture isométrique. La cité se recompose réellement — elle n’est jamais deux fois identique.
Est-ce lourd ou risqué pour mon site ?
Non. Le rendu est optimisé : un seul contexte WebGL2 est actif à la fois (la carte visible du défilé), l’animation se met en pause hors écran, et un repli propre prend le relais si le WebGL2 n’est pas disponible. Le tout est un fichier unique autonome, sans dépendance externe critique.
Puis-je l’intégrer et l’adapter ?
Oui. Intégration en 5 minutes (un bloc HTML), couleurs de la palette, densité de la grille et textes ajustables. La charte design complète (couleurs, typographie, tokens) est fournie avec le kit.
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À découvrir aussi : Morphic Code · Void Sigil · Lithograph Engine · Accueil