360 interior panorama as reflection map rendered in Blender
Environment map grabbed from Polyhaven.com (meadow)
Geometry optimization: decimation and triangulation
Geometry and texture optimization: unsubdivide, decimation, and billboard textures (images with alpha coverage)
Geometry and texture optimization: unsubdivide, decimation, and billboard textures (images with alpha coverage)
Live app: https://playcanv.as/p/A7ZNweBT/
Original project: https://www.artstation.com/artwork/G8LDmV
I converted a past Blender interior scene into a real-time WebGL experience using glTF and PlayCanvas.
Original: 4M polys, 4K textures, 12K objects
Optimized: 500K polys, 2K atlases, 142 objects
Tools that I used for optimization: Blender, RizomUV, and Substance Painter. Optimization methods and techniques included polycount reduction, texture baking and atlasing, and baked lighting (HDR IBL, 2 lightmaps, 1 reflection). I also added some interactivity, UI, and ambient music.
Final build: 70 draw calls, 350MB VRAM, 70MB build size (Draco + Basis compressed).
