Procedural Generation - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

PLAIN: Generate Low-Poly 3D Terrain Graphics in Your Browser

PLAIN creates low-poly 3D plane graphics using vertex geometry and simplex noise. Displace a grid into terrain. Animate the surface. Control camera, color, shape. Export stills or loops. Built in p5.js.

Feb 6, 2026

ATMOS: A Scroll-Driven Flight Through Procedural Skies

A tiny plane follows a spline through high-poly clouds and shifting gradients. Troika renders the text. A fake DoF blur keeps it cheap. LEEROY made the whole thing load without a progress bar.

Jan 29, 2026

FLAKE: Distance-Driven Pattern Generation With Custom Shapes

FLAKE uses distance-from-center to control scale, color, and rotation across a grid of shapes. Use images as masks. Export to vector or video.

Jan 17, 2026

Aurelia: Fully Procedural Jellyfish with WebGPU

A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.

Jan 8, 2026

Holiday Snow Globe

Michael Modena's holiday snow globe uses WebGPU compute shaders to create volumetric snow that actually fills the dome with mesh-based particles generating proper normals. Plus a Porsche GT3 drifts inside. It's a Christmas card that doubles as a lighting and compute shader stress test.

Dec 23, 2025

Messenger

Messenger is a beautifully crafted WebGL delivery game. Set on a tiny cel-shaded planet, it runs flawlessly across browsers. Explore the charming world, complete deliveries, and discover hidden surprises.

Dec 22, 2025