60 FPS — Proven on Real Mobile Device
Most WebGL architectural scenes struggle on mobile.
This system maintains a stable 60 FPS under real conditions — measured directly inside the running application.
Most WebGL architectural scenes struggle on mobile.
This system maintains a stable 60 FPS under real conditions — measured directly inside the running application.
Measured live inside the application using in-app diagnostics.
Device: Android (mid-range) · AvgFPS: 62 · Pixel Ratio: 1.5 · Quality Mode: High
Interactive in ~0.9s · Fully loaded in ~7.7s
Measured. Not simulated.
A real-time architectural WebGL system designed to deliver high visual quality while maintaining stable performance across desktop and mobile devices.
Built using a phase-based loading pipeline and performance-driven rendering decisions, the system adapts to real-world device constraints rather than assuming ideal conditions.
Built as a system rather than a simple scene, the project combines structured loading, runtime performance decisions, interactive materials, and scalable scene design.
A scalable multi-villa scene designed for real-world architectural presentation.
Fast initial experience achieved through controlled asset loading and optimized resources.
Stable real-time interaction across tested devices, including mid-range mobile hardware under real-world conditions.
Real-time switching between architectural materials without breaking visual consistency.
Nordic RT is a performance-focused real-time 3D architectural system built for the web. The goal was not only to present a villa, but to deliver a complete interactive experience that remains stable across different devices.
The project connects scene structure, controlled loading, performance logic, and user interaction into one cohesive system designed for real-world usage, not just visual demonstration.
Most WebGL architectural scenes break on mobile.
Low FPS, long loading times, and unstable interaction are common when scenes become visually rich.
The challenge was to deliver high-end architectural quality without sacrificing real-time performance.
This required balancing asset size, render cost, scene complexity, and device limitations, while still presenting a clean and professional architectural experience.
The project was built as a system, not a scene — using controlled loading phases and runtime performance adaptation.
This system-oriented approach made it possible to preserve visual quality while keeping the experience smoother, cleaner, and more scalable.
As part of the system, the project includes an architectural cut mode that allows instant interior exploration.
This mode reveals the internal layout without loading delays, enabling clear spatial understanding and faster decision-making.
Designed for real estate platforms, configurators, and buyer experiences.
Phase-Based Adaptive Loading System
Scene content is introduced through a phase-based loading pipeline,
allowing controlled complexity growth while maintaining stability.
Runtime Performance-Driven Rendering System
Runtime measurements are used to guide rendering decisions such as
final pixel ratio and scene behavior.
Real-Time Material Switching System
Users can interactively switch between architectural materials in
real-time.
Environment System
Background, vegetation, and atmospheric elements are carefully
controlled to enhance immersion without excessive cost.
The project includes a real-time material configurator that allows users to explore different architectural finishes directly in the browser.
Core material categories include wood, concrete, marble, glass, and aluminum, each with multiple variations designed to reflect real-world architectural choices.
Measured on real devices including Samsung Galaxy S20 and mid-range Android devices
Performance was treated as a core design requirement from the beginning, not as a final optimization step. The system does not assume performance — it measures and adapts in real time.
The system is optimized to minimize unnecessary processing, helping reduce device load while maintaining smooth performance across devices.
The experience adapts during loading based on device performance, ensuring a stable and responsive result across different environments.
Key observed results:
• Smooth real-time interaction on desktop
• Around 60 FPS on tested mobile devices
• Stable camera movement and scene navigation
• Adaptive pixel-ratio control to help maintain responsiveness
• Optimized GLB assets and baked textures to reduce rendering
pressure
The environment was built as a controlled system to support immersion without introducing unnecessary rendering cost.
This makes the scene feel broader, more believable, and more spatially grounded while staying aligned with the project’s performance-first philosophy.
Unlike a typical single-building WebGL demo, Nordic RT manages a 6-villa scene using instanced rendering and conditional asset loading to keep performance stable where it matters most.
The scene was expanded from a single villa into a multi-villa environment, demonstrating the system’s ability to scale without losing performance stability.
This matters for real estate and development-oriented use cases, where the value often lies in presenting spatial context, not only one building in isolation.
The project is also informed by a strong architectural visualization background. That foundation helped shape not only the visual language of the villa, but also the spatial logic, material hierarchy, façade composition, and presentation discipline behind the real-time scene.
This is important because architectural web experiences become more convincing when they are built from actual design understanding, not only technical rendering experiments.
This project shows how real-time 3D can function as a practical product experience — not just a visual demonstration.
The same system logic can support real estate platforms, buyer-facing configurators, off-plan sales experiences, and digital twin previews.
Instead of showing a static render, it allows users to explore space, materials, and layout interactively in the browser.
This is not a concept or a visual experiment — it is a production-ready WebGL system designed for real-world architectural applications.
The project proves that high-quality real-time 3D experiences can run smoothly in the browser, including mobile devices, without sacrificing performance or usability.
By combining phase-based loading, performance-driven rendering, and scalable scene design, the system delivers a stable and reliable interactive experience across different environments.
It represents a performance-aware WebGL system that can be extended into real-world products such as configurators, real estate platforms, and digital twin solutions.
