Clododesign

Void Sigil — Art génératif SDF raymarching (WebGL)

Art génératif · Raymarching SDF · Suisse

Void Sigil

Un objet mathématique pur, suspendu dans le vide. Un tore distordu, sculpté en temps réel par raymarching SDF sur le GPU, tourne lentement dans un noir presque absolu. Pas de décor, pas de bruit : le vide est la composition. Computational sublime.

→ Une rotation contemplative (~31 s par tour) ; déplacez le curseur pour incliner le regard.

La technique derrière le design

Aucun maillage 3D, aucune image : la forme est calculée pixel par pixel. Un fragment shader WebGL2 lance un rayon par pixel et avance par fonction de distance signée (SDF) — 128 pas de marche — jusqu’à toucher la surface d’un tore déformé par trois sinusoïdes asynchrones. L’éclairage est physique : Lambert, reflet Blinn-Phong, rim light cobalt, occlusion ambiante et ombres douces. Entièrement autonome : WebGL2 natif, aucune bibliothèque, un seul fichier.

Idéal pour

Deep-tech & R&DIA & calcul scientifiqueStudios de design & creative codersPortfolios premiumCrypto & fintechGaleries d’art numérique

Palette

Vide
Surface
Spéculaire
Rim cobalt
Texte
Texte discret

Questions fréquentes

Qu’est-ce que le raymarching SDF ?

Une technique de rendu 3D où la forme n’est pas un maillage de triangles, mais une fonction mathématique de distance. Pour chaque pixel, le GPU « avance » le long d’un rayon jusqu’à toucher la surface. Résultat : une géométrie parfaitement lisse, déformable à l’infini, calculée en direct.

Est-ce lourd pour mon site ?

Non. Tout est délégué au GPU (WebGL2) et tient dans un seul fichier autonome, sans bibliothèque externe. L’animation se met en pause hors écran ; un repli s’affiche si le navigateur ne gère pas WebGL2.

Puis-je l’intégrer et l’adapter ?

Oui. Intégration en 5 minutes (un bloc HTML), couleurs et paramètres ajustables via le panneau de personnalisation. 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