· 2 min read
Paint a low-poly planet into being, one tile at a time
Oskar Stalberg's Planet lets you brush terrain onto a tiny globe; hand-built tiles snap to your edits via the vertex trick that grew into Townscaper.
#procedural#webgl#gamedev
Tagged: webgl
8 articles
· 2 min read
One developer's shelf of physics toys, and every one runs real simulation
Saharan's oimo.io works page is a grid of browser toys backed by actual numerics: SIMD water drops, GPGPU fur, MLS-MPM fluid, and a physics engine he wrote himself.
#physics#simulation#webgl
· 2 min read
Fold a Julia fractal until the math finally makes sense
Steven Wittens' essay How to Fold a Julia Fractal builds the Mandelbrot set from scratch with live WebGL diagrams, rendered by his MathBox library on top of Three.js.
#math#webgl#explainers
· 2 min read
The whole planet, drawn as columns of people
The Pudding's Human Terrain renders global population as 3D columns on a map, built from satellite settlement data served as Mapbox vector tiles so it stays smooth.
#dataviz#maps#webgl
· 2 min read
The raytraced pool from 2011 that its maker built before Figma
WebGL Water renders a pool with real-time caustics, refraction and soft shadows in a browser. Evan Wallace built it in 2011, then went on to co-found Figma.
#webgl#graphics#classics
· 2 min read
You can drive a car through this resume
Bruno Simon rebuilt his famous drivable portfolio on Three.js and WebGPU, and open-sourced the whole world down to the Blender files. Still the benchmark.
#webgl#threejs#portfolio
· 2 min read
The studio reel that runs live in WebGL, with no video file
Lusion's homepage looks like a rendered showreel, but the network tab shows no video. Every glossy 3D shape is drawn in real time on your own GPU.
#webgl#design#3d
· 2 min read
Drag your cursor and the GPU solves real fluid dynamics
WebGL Fluid Simulation runs the Navier-Stokes equations on your graphics card, twenty pressure iterations a frame, in about fifty kilobytes of JavaScript.
#webgl#shaders#simulation