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://kennethcabacungan.com/projects/G8LDmV
One of my previous interior visualization projects that I converted into a real-time interactive 3D walkthrough.
Tools: Blender, RizomUV, Substance Painter, PlayCanvas (WebGL).
Original stats: 4M polys, 4K textures, 12K objects
After optimizing: 500K polys, 2K atlases, 142 objects
The optimization process involved geometry decimation, texture baking, atlasing, and baked lighting (HDRI skybox, 2 lightmaps, 1 reflection map). Blender scene exported in glTF, which was then assembled in PlayCanvas.
I also coded some front-end features such as splash screen, navigation UI, and ambient music.
Final build stats: 70 draw calls, 350MB VRAM, 70MB build size (Draco + Basis compressed).
