Threejs Archiviz - Model Optimization Tutorial
· 2:00 · Tutorials · three.js, tutorial, model-optimization, archiviz, react-three-fiber, r3f, creativecoding
Watch on YouTube · Subscribe to the channel
Starting another Archiviz project for PlanPoint and sharing some secrets to good performance: 3D model optimization.
Before: 1.3 million triangles: 50MB GLB
After: 142.000 triangles: 2 MB GLB
Know more in the comments .
First, we remove all unnecessary meshes. Then, we apply the decimate modifier + boolean + weld modifier to reduce the poly count. Finally, we search for replacements where a mesh can be a texture.
Next step: threejs render
Related projects
- WebGPU Archiviz — 6MB Architecture Visualization