What is WebGL?

WebGL is an open standard programming interface that allows web browsers to access the graphics processing capability of the viewer's device directly. It enables 3D graphics to be rendered in a browser without a plugin, a download, or any specialist software.

WebGL provides a direct connection between the browser and the device's GPU. The GPU processes the 3D scene and outputs the rendered frames to the browser window. The rendering happens on the viewer's device, not on a remote server. This is the fundamental distinction between WebGL and pixel streaming, where the rendering takes place on a remote server and the output is streamed to the browser.

WebGL is maintained by the Khronos Group, an open industry consortium, and is supported as a standard feature in all major modern browsers including Chrome, Firefox, Safari, and Edge. Any web page that includes a WebGL application can display and interact with 3D graphics in real time without any action required from the viewer beyond opening the page.

How is WebGL used in property marketing?

WebGL is the technology behind a range of browser-based interactive tools that are widely used in property marketing.

Interactive floor plan explorers allow buyers to explore a development's layout in three dimensions, select units, and access specification and availability information. Built on WebGL, they are accessible on any browser without installation and can be embedded directly on a project website.

Interactive masterplan models present a simplified 3D view of a development's full layout, allowing buyers to explore the relationship between buildings, public spaces, and amenity areas, and to select specific plots or buildings for more detail. These are commonly deployed as WebGL applications on project websites and launch microsites.

360 tour viewers frequently use WebGL to render the panoramic images within the browser and handle the viewer's navigation between positions. The interactive layer of a 360 tour is often WebGL-powered even when the panoramic images themselves are pre-rendered.

Lighter real-time 3D property experiences are also built on WebGL for some deployments. These are typically less visually complex than experiences built in Unreal Engine and delivered via pixel streaming, but they are accessible on any browser without server infrastructure costs.

What are the advantages of WebGL for property marketing?

Universal browser compatibility is the primary advantage. WebGL is supported in all major modern browsers without any plugin or installation. Any buyer with a modern browser can access a WebGL application through a URL. This accessibility is shared with pixel streaming but is achieved through local rendering rather than server-side streaming.

The absence of server infrastructure is a significant practical and commercial advantage. Because WebGL renders on the viewer's device rather than a remote server, there are no concurrent user limits to plan for and no streaming costs per session. A WebGL application can serve an unlimited number of simultaneous users without the cost model of pixel streaming. For interactive tools that need to be always-on and widely accessible, this is commercially meaningful.

Device responsiveness follows from local rendering. Because the processing happens on the viewer's device, there is no network latency between the user's input and the application's response. The interaction feels immediate, which is an advantage in contexts where network conditions are variable or unreliable.

WebGL applications integrate naturally into standard web pages and can be embedded alongside other web content without requiring a separate viewer or application window. This makes them straightforward to deploy within existing project website environments.

What are the limitations of WebGL for property visualisation?

Device-dependent quality is the most significant limitation. The visual quality of a WebGL application depends on the processing capability of the viewer's device. A buyer on a high-specification laptop will see a better result than one on an older mobile phone. The experience is not consistent across all devices in the way that pixel streaming is, where the rendering always happens on the same server hardware.

The visual quality ceiling is lower than what dedicated server hardware can achieve. WebGL applications are constrained by what the viewer's device can render in real time. For property experiences requiring the visual richness of Unreal Engine, including Lumen global illumination, complex materials, and dense dynamic content, WebGL cannot achieve the same standard.

Mobile limitations compound this further. Mobile devices have significantly less GPU processing power than laptops or desktops. WebGL applications that perform well on a desktop may perform poorly on a mobile phone. Content must be specifically optimised for mobile if mobile access is a genuine requirement, and that optimisation typically involves reducing visual complexity.

The 3D content deployed via WebGL must be optimised to run within the processing constraints of the target device range. Highly complex scenes with many polygons, detailed materials, and dynamic elements will not perform reliably on lower-specification devices.

What is the difference between WebGL and pixel streaming?

The fundamental distinction is where the rendering happens. WebGL renders on the viewer's device. Pixel streaming renders on a remote server and streams the output to the browser. Every other difference follows from this.

Pixel streaming delivers a consistent visual experience to all viewers regardless of their device, because the rendering always happens on the same server hardware. WebGL delivers a variable quality experience because it depends on the viewer's own device capability.

Pixel streaming can deliver the full visual quality of a high-performance server's GPU, including the richness of Unreal Engine. WebGL is constrained by the viewer's device and is better suited to lighter, less visually complex content.

WebGL has no per-session server cost. Pixel streaming incurs server costs that scale with usage. For high-traffic or always-on deployments, this cost difference is commercially relevant.

The two technologies serve different content types and different stages of the buyer journey. WebGL is well suited to interactive floor plans, lighter 3D explorers, and 360 tour viewers. Pixel streaming is the appropriate technology for full real-time 3D immersive experiences that require Unreal Engine quality. A developer may use WebGL for their online floor plan explorer and interactive masterplan, and pixel streaming for their premium online immersive walkthrough. The two serve different applications within the same digital marketing strategy.

What should developers consider when evaluating WebGL-based property tools?

Define the target device range before commissioning or deploying a WebGL application. The range of devices the target audience will use determines the visual and interactive complexity the application can reliably deliver. Designing for desktop-only access is very different from designing for a mobile-first audience.

Test across devices before deployment. WebGL applications should be tested on a representative range of target devices, including lower-specification mobile phones. Performance issues that are invisible on a high-specification development machine will be encountered by buyers on lower-specification devices.

Understand what WebGL can and cannot deliver at the required quality level. WebGL is appropriate for functional and informational 3D tools. It is the right technology for floor plan explorers, interactive masterplans, and 360 tour viewers. For premium immersive visualisation requiring Unreal Engine quality, pixel streaming or offline deployment is the appropriate choice.

If mobile performance is a requirement, design for mobile from the outset. Mobile optimisation is a design discipline applied at the start of production, not a reduction applied at the end.

Position WebGL tools within the broader buyer journey. A WebGL floor plan explorer on the project website is a valuable awareness and interest tool. It works best as an entry point to deeper engagement, with clear pathways to more immersive encounters for buyers who are ready for them.

WebGL is a mature and well-supported technology for browser-based 3D. It serves specific and valuable functions in property marketing. Understanding where its capability is appropriate, and where pixel streaming or offline deployment is required, helps developers invest in the right technology for each specific need.

‍

Find out how Virtuelle deploys the right browser technology for each stage of the buyer journey, from WebGL-powered interactive tools to full real-time 3D streaming experiences.