Et si votre page devenait un jeu ? Chaque clic forge un nœud qui s'illumine et se relie aux autres: sous vos yeux, une constellation prend vie, le réseau se densifie, le score grimpe. Un sonar pulse pour vous inviter, un HUD live affiche nœuds, connexions et état du réseau. Une pièce d'art génératif ludique et hypnotique, entièrement en CSS + SVG, sans une seule ligne de canvas, prête à poser sur votre site.
Cliquez n'importe où dans l'aperçu: chaque clic forge un nœud et tisse une nouvelle connexion.
Pas de canvas, pas de WebGL: tout est en DOM, SVG inline et CSS pur. À chaque clic, un nœud apparaît avec une co-explosion signature: un clip-path qui s'ouvre en cercle pendant qu'un stroke-dashoffset trace l'arc de connexion, simultanément. Les positions, couleurs et halos sont semés par un générateur pseudo-aléatoire (Mulberry32) pour une composition toujours différente. C'est ultra-léger, aucun GPU sollicité, accessible (respect de prefers-reduced-motion, rôles ARIA) et autonome: un fichier unique, zéro dépendance externe critique.
Oui. Vous cliquez pour poser des nœuds, ils se relient automatiquement en constellations, et un HUD affiche en direct le nombre de nœuds, de connexions, l'état du réseau et un score. L'effet forge se déclenche en moins d'une seconde à chaque clic.
Au contraire, c'est l'une des pièces les plus légères de la collection: aucun canvas, aucun WebGL, aucun GPU sollicité, uniquement du DOM, du SVG et du CSS. Elle respecte les préférences de réduction de mouvement et fonctionne en fichier unique autonome, sans dépendance externe critique.
L'intégration démarre à CHF 890: on accorde la palette, les libellés du HUD et les textes, puis on installe la pièce. Un site signature bâti autour démarre à CHF 2 500. Le devis suit l'ampleur de l'adaptation.
On forge le jeu chez vous. On choisit la palette, les libellés du HUD et les textes selon votre marque, et l'API JS (pause, resume) reste à portée. On installe ensuite la pièce en hero ou en section jouable. Intégration dès CHF 890. Un site signature bâti autour démarre à CHF 2 500. Hébergement suisse, code livré, pleine propriété.
Dans le même registre interactif et ludique: IDEOGRAPH v2.4, graphe de nœuds à force D3.js · Pop Mechanics, formes qui fuient le curseur · Tonal Bloom, fleur sonore au clic. Pour les studios: l'art génératif en marque blanche pour agences. Ou parcourez notre catalogue génératif.