Aller au contenu
NEVERTRUSTROBOTS

Playground

Écrivez du GLSL à gauche, regardez-le à droite. Ça recompile pendant que vous tapez, et les erreurs pointent la ligne que vous avez sous les yeux. Rien à installer, rien à créer comme compte — le lien dans la barre d'adresse contient toujours ce qui est dans l'éditeur.

Première fois ? Commencez par la leçon 1 et descendez. Chacune est courte, change une seule idée et se termine par quelque chose à essayer. Pas besoin de comprendre tout le fichier pour changer un nombre.

Toujours là
  • vec2 u_res — largeur et hauteur en pixels
  • float u_time — secondes depuis le départ
  • vec2 u_mouse — 0..1 sur le canevas, lissé
  • vec4 color — ce que vous écrivez en sortie
1 · Space
  • vec2 uvCentered()
  • vec2 uv01()
  • vec2 mouseCentered()
2 · Soft edges
  • float pixel(float d)
  • float softEdge(float d, float radius)
  • float circle(vec2 p, float radius)
  • float band(float d, float halfWidth)
  • float smin(float a, float b, float k)
3 · Colour
  • vec3 palette(float t, vec3 a, vec3 b, vec3 c, vec3 d)
  • vec3 palette(float t)
  • vec3 paletteNTR(float t)
4 · Frequency
  • float harmonic(float x, int octaves)
5 · Noise
  • float hash21(vec2 p)
  • float noise(vec2 p)
  • float fbm(vec2 p, int octaves)
  • float fbm(vec2 p)
  • vec2 warp(vec2 p, float amount, float scale)
6 · Symmetry
  • vec2 rot(vec2 p, float angle)
  • vec2 tile(vec2 p, float count)
  • vec2 mirror(vec2 p)
  • vec2 polar(vec2 p)
  • vec2 kaleido(vec2 p, float n)
7 · Light
  • float vignette(vec2 p, float radius, float softness)
  • float vignetteFrame(float strength)
  • float occlusion(float density, float strength)
  • vec3 fog(vec3 c, vec3 far, float distance, float density)

Tout cela vit dans shader/lib.glsl et est préposé à chaque shader de ce site.