Web Browser Path Tracing With Hybrid Rasterization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current web browsers lack the capability to render photorealistic images interactively using path tracing on low-performance hardware due to the computational intensity of path tracing, while rasterization does not provide the same visual quality and realism.

Innovation Solution

Implementing systems and methods that enable interactive path tracing in web browsers by seamlessly switching between rasterization and path tracing, utilizing GPUs for path tracing algorithms, and optimizing acceleration structures based on hardware capabilities and scene dynamics.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If path tracing is used for rendering, then visual quality and realism are improved, but computational performance deteriorates on low-powered devices

Engineering Contradiction:
Improvevisual qualityVSAvoidcomputational performance
Core Design Contradiction:
Manufacturing precisionVSProductivity

Solution Approach 1:

The patent segments the rendering process into two distinct techniques: rasterization for base geometry rendering and path tracing for illumination and material effects. This segmentation allows each technique to be applied where it is most effective, enabling photorealistic rendering on low-powered devices by combining the efficiency of rasterization with the quality of path tracing in a hybrid approach

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements dynamic switching between rasterization and path tracing based on scene requirements, device capabilities, and user preferences. The system adapts the rendering approach in real-time, using path tracing selectively for complex lighting scenarios while relying on rasterization for simpler areas, thereby optimizing the balance between visual quality and computational performance

Inventive Principle:
Principle #15Dynamics

2Manufacturing precision

If path tracing is implemented in web browsers, then photorealistic rendering capability is improved, but device hardware requirements worsen

Engineering Contradiction:
Improverendering capabilityVSAvoidhardware requirements
Core Design Contradiction:
Manufacturing precisionVSDevice complexity

Solution Approach 1:

The patent introduces WebGPU as an intermediary layer between the browser and the GPU hardware, providing a standardized interface for path tracing operations. This intermediary enables photorealistic rendering capabilities to be accessed through the browser without requiring complex custom hardware implementations, lowering the barrier for device compatibility while maintaining high rendering quality

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent creates a universal rendering framework that can operate across diverse device types and hardware configurations. By designing the path tracing implementation to adapt to available GPU capabilities and falling back to rasterization when necessary, the system achieves broad compatibility while still delivering photorealistic rendering where hardware permits

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentUS20250328598A1Interactive Path Tracing on the Web
Publication Date: 2025.10.23 HOVER INC
  • US20250328598A1 patent drawing
  • US20250328598A1 patent drawing
  • US20250328598A1 patent drawing

AI summary

A method renders photorealistic images in a web browser. The method is performed at a computing device having a general purpose processor and a graphics processing unit (GPU). The method includes obtaining an environment map and images of an input scene. The method also includes computing textures for the input scene including by encoding an acceleration structure of the input scene. The method further includes transmitting the textures to shaders executing on a GPU. The method includes generating samples of the input scene, by performing at least one path tracing algorithm on the GPU, according to the textures. The method also includes lighting or illuminating a sample of the input scene using the environment map, to obtain a lighted scene, and tone mapping the lighted scene. The method includes drawing output on a canvas, in the web browser, based on the tone-mapped scene to render the input scene.