Octahedral Impostors in Threejs WebGPU React Three Fiber TSL
· 1:45 · Projects · three.js, react-three-fiber, webgpu, tsl
Watch on YouTube · Subscribe to the channel
Experimenting with a new component for R3F: Octahedral Impostors via hashtag using hashtag .
What you see are 5,000 trees that appear to be 3D, but are actually just planes with dynamic textures generated by threejs itself with a single atlas, with all textures in just 1 draw call.
Everything is automated. You can pass any 3D model, and the atlas is generated automatically. The component supports up to 100,000 impostors at 120 fps.
hashtag provides many optimization tools, such as dynamic atlas generation using GPUCompute and batched updates, which drastically improve the performance.
Next step: Improve transition stability
Related projects
- Octahedral Impostors — WebGPU direction-atlas impostors for cheap distant meshes