Real-time procedural jellyfish rendered in Three.js WebGPU, featuring a pulsing translucent bell mesh and flowing verlet-simulated tentacles with iridescent shader effects
Aurelia is a fully procedural jellyfish swimming in your browser, rendered in real-time using Three.js's WebGPURenderer. The creature itself is entirely generated on the fly: a hemisphere "bell" mesh contracts sinusoidally to mimic that classic jellyfish pulse, while GPU-driven verlet chains handle the trailing tentacles. What makes it particularly impressive is that nothing here is baked. The translucent textures, the volumetric glow, and that subtle iridescent shimmer are all computed in shaders using Three.js's TSL (Three.js Shading Language). It's a textbook example of what fully procedural organic forms can look like when you let the GPU do the heavy lifting.
The project comes from Niklas Niehus, a developer based in Hamburg/Lübeck with a background that's honestly kind of fascinating: he holds degrees in Biology and Bioinformatics, which probably explains why his procedural creatures feel so naturalistic. He's no stranger to the Three.js ecosystem either. He's contributed official examples to the Three.js repo, including compute_cloth and compute_particles_fluid, so he knows his way around WebGPU compute shaders.
If you want to dig in, the Aurelia repo is public. It's a solid learning resource if you're trying to understand how to structure compute-heavy work in Three.js TSL. Give him a follow and poke around the code.
- Live Demo: https://holtsetio.com/lab/aurelia
- Source Code: https://github.com/holtsetio/aurelia
- Author: Niklas Niehus (X, Instagram)