Clododesign

Prismatica Viva — spirographe génératif néon interactif (Canvas 2D)

Art génératif · Canvas 2D · Spirographe phosphorescent

Prismatica Viva

Un instrument, pas un panneau de réglages. Déplacez le curseur et la géométrie se transforme : hypotrochoïdes et épitrochoïdes se tracent en phosphore néon, comme un oscilloscope vivant. Un seul geste contrôle l’infini — et au repos, la pièce explore seule sa propre galaxie de figures.

→ Bougez la souris : l’axe X change le ratio des rayons, l’axe Y l’excentricité. Clic = effacer, clic droit = figer. Inactif, un curseur virtuel balaie les figures.

La technique derrière le design

Chaque trait suit les équations exactes du spirographe : x(θ) = (R±r)·cos θ ∓ d·cos((R±r)/r·θ), y(θ) = (R±r)·sin θ − d·sin((R±r)/r·θ). Le widget bascule automatiquement entre hypotrochoïde et épitrochoïde selon le ratio R/r piloté par le curseur. Le rendu est un phosphore d’oscilloscope : un voile très léger efface chaque image, si bien que les traits récents brillent et que les anciens s’estompent, tandis qu’un cycle chromatique HSL continu fait dériver la teinte. Cent pour cent Canvas 2D natif — aucune librairie, aucun CDN, aucun WebGL. Fichier unique autonome, ultraléger, qui tourne partout.

Idéal pour

Musique & audio-techAgences créatives & studiosGaming & esportsMusées des sciencesÉducation & mathématiquesMarques électronique & synthésFestivals & événements

Palette — néon sur nuit électrique

Nuit #0A0A1A
Cyan #00E5FF
Violet #B44FFF
Rose #FF3366
Vert #00FF88

Questions fréquentes

Qu’est-ce qu’un hypotrochoïde ?

C’est la courbe tracée par un point fixé à un cercle qui roule à l’intérieur (hypotrochoïde) ou à l’extérieur (épitrochoïde) d’un autre cercle — exactement le principe du jouet Spirograph. Selon le rapport des rayons, on obtient des étoiles, des rosaces ou des fleurs infiniment variées.

Le tracé est-il vraiment génératif ?

Oui, point par point en temps réel, à partir des équations paramétriques. La couleur dérive en continu (cycle HSL), la traînée phosphorescente s’estompe image après image, et un générateur déterministe assure une signature reproductible. Au repos, un curseur virtuel parcourt seul l’espace des figures.

Est-ce intégrable et adaptable ?

Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), Canvas 2D pur, sans dépendance. Quatre colorways sont fournis (Électrique Nuit, Aurora, Synthwave, Matrix), et vitesse, persistance et palette se règlent en quelques variables.

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, 4 colorways) et documentation. Usage commercial illimité.

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