This experiment runs on WebGPU, which your browser doesn't support. You can watch a demo instead.
Particle Portraits
Five paintings, one cloud
Old paintings, but you can walk around them. A van Gogh skull, a Sharaku print and a few more. Pick a painting and a swarm of particles becomes it. Pick another and the whole thing swirls into the next one. Zoom in, orbit, drag your cursor through and it lights up.
Techstack
WebGPU with Three.js doing the heavy work. Fun fact: it is the same particle cloud the whole time. To be fully technical, 238,000 particles. Nothing gets swapped or reloaded. The particles just get new orders. TSL handles the swirl, the glow under your cursor and the bloom. Everything stays in storage buffers on the GPU. Your browser doesn't even sweat.
Credits
Based on a Revelium showcase of what WebGPU can do.
Five paintings, one cloud
Old paintings, but you can walk around them. A van Gogh skull, a Sharaku print and a few more. Pick a painting and a swarm of particles becomes it. Pick another and the whole thing swirls into the next one. Zoom in, orbit, drag your cursor through and it lights up.
Techstack
WebGPU with Three.js doing the heavy work. Fun fact: it is the same particle cloud the whole time. To be fully technical, 238,000 particles. Nothing gets swapped or reloaded. The particles just get new orders. TSL handles the swirl, the glow under your cursor and the bloom. Everything stays in storage buffers on the GPU. Your browser doesn't even sweat.
Credits
Based on a Revelium showcase of what WebGPU can do.