VR INTERIOR TOUR

This case study digs into what it takes to build genuinely optimised VR experiences for mobile devices. It started with a detailed 230 m² apartment model, carefully optimised down to just 70,000 polygons while holding onto visual fidelity through advanced texture baking.

Built with Three.js and vanilla JavaScript for maximum performance, the project shows how to create lightweight yet powerful 3D experiences. By skipping heavy frameworks and leaning on core web technologies, it hits exceptional performance on everything from low-end phones to high-end desktops.

The optimisation work involved carefully decimating complex geometry, UV unwrapping for efficient texture use, and baking lighting straight into the textures. That combination enables real-time rendering on mobile VR devices without sacrificing visual quality.

Key technical highlights include:

• Three.js handling efficient 3D rendering and scene management
• Custom vanilla JavaScript for peak performance with zero framework overhead
• Progressive texture loading for quicker initial load times
• Optimised geometry and materials tuned for mobile GPUs
• A playful banana 🍌 mode

The result is a lightweight yet visually striking VR experience that shows the potential of mobile-first architectural visualisation. The same workflow scales to larger architectural projects, making immersive VR far more accessible on mobile.