Rendering laboratory

Three.js / Hal Wayland WebGPU

Saved model

Drop one GLB, or one glTF with all referenced files.

Only the selected renderer exists. Camera, scene controls, and the last pick point persist when Run switches renderer.

Core scene controls

Both renderers receive equivalent scene concepts through their native pipelines.

Material Override glTF

Base color Metalness 0.00 Roughness 0.50 Opacity 1.00

Environment and key light

Key color Environment 0.35 Key intensity 2.50 Key elevation -45 Key azimuth 143

Material detail

Applies when material override is enabled.

Emissive color Emissive intensity 0.00 Material IBL 1.00

Fill and rim lights

Fill

Intensity 0.00 Elevation 25 Azimuth 130

Rim

Intensity 0.00 Elevation -70 Azimuth 20

Floor Enabled

Base color Metalness 0.00 Roughness 0.25

Presentation

Instances

Transparency

Drag to orbit · Scroll to zoom · Click to pick

Advanced renderer controls

Antialiasing

FXAA applies only to Hal Wayland. Supersampling applies to either active renderer.

FXAA strength 1.00

Reflections Enabled

Intensity 1.00 Distance R 1.50 Thickness % 1.00 Tube fixture

Custom confidence

Hal Wayland bevel

Three.js retains source normals.

Enabled

Radius mm 0.25 Auto angle 30

Picking and stress

A B C

Point —

Three.js 0.185.1 · GTAO · SSR

No shading bevel

Unmounted · Press Run to load the retained model and camera

CPU median — ms GPU avg — ms Models — Scene tris — Submitted draws — Submitted tris — Load — ms Resources — Selected —

Hal Wayland WebGPU · GTAO · SSR

Propagated shading bevel

Unmounted · Press Run to load the retained model and camera

CPU median — ms GPU avg — ms SSR avg — ms Models — Scene tris — Submitted draws — Submitted tris — Last upload — ms Decoded — Selected — Bevel —

CPU values use rolling medians. GPU values use rolling means of completed native timer queries. Three.js resource counts and Hal Wayland decoded bytes are different measurements. This page is an inspection laboratory, not a performance benchmark.