Shaders

Cercle irisé

Un anneau de lumière tracé pixel par pixel en WebGL, dont la teinte tourne lentement autour du centre. L'anneau n'est pas dessiné puis coloré : c'est la soustraction de deux smoothstep sur la distance au centre, ce qui donne un bord anti-aliasé sans coût. Le tremblement organique vient d'une variation calculée sur l'angle du pixel et non sa position, donc l'ondulation suit le contour au lieu de glisser dessus. Un anneau fin est ajouté après la coloration : il reste blanc pur et fait le filament net au milieu du dégradé. WebGL 1 brut, deux triangles, aucune dépendance.

AMOUSSOU Siméon Céphas· 7 vues1