WebGL that
hands the context back
three.js effects, one self-contained file each. Only three — no three/addons, no fiber, no drei, and no textures, models or environment maps to ship alongside. Everything is generated in the file.
new effects added daily · a browser grants a page around 16 WebGL contexts, so this grid holds at most 6 and gives each one back on scroll
Aurora Curtain
moderateRays that arrive where a sampled sheet folds end-on, so no line of code decides where a ray belongs.
Contour Bands
lightLine width divided by the height gradient per pixel, so the lines crowd on steep ground without ever changing thickness.
Fog Bank
lightSlabs composited back to front, each dimming what is behind it, so the bank has an inside rather than a surface.
Lattice Net
lightEdges recomputed from distance every frame with nothing created or destroyed, so the mesh thickens where nodes gather.
Molten Mirror
lightA four-number room sampled through a bent view direction, so every highlight is a reflection rather than a painted one.
Plasma Bloom
lightThree fields multiplied rather than added, so light appears only where all three agree and most of the frame stays dark.
Silk Sheen
lightBrightness taken from thread direction rather than position, so the highlight moves because the cloth turned.
Star Parallax
lightSize, brightness and colour all read off one depth, so the field reads as distance rather than as assorted dots.
Swell Surface
moderatePoints moved in circles rather than up and down, so crests peak and troughs flatten without either being shaped.
Thin Film Wash
lightColour computed from film thickness at three wavelengths, so the sequence is interference and not a hue ramp.