THREE.JS / FOUNDATIONS — WEBGPU PERFORMANCE

Record the draw work. Replay the bundle.

A large static scene can be captured as a render bundle; dynamic object updates deliberately invalidate that static advantage.

Initializing render bundle—Preparing geometry families, scene group, and renderer.
backend
—
mode
—
source count
—
children
—
instances
—
animation policy
—
sample avg/p95
—
Contract: native WebGPU uses BundleGroup for the official render-bundle path; direct rendering and forced WebGL2 remain explicit comparison references. The group contains 15 geometry families plus a 10-instance mesh.

Pinned source: official Render Bundle example. Deterministic transforms/colors replace the source’s random field; Inspector styling, exact page/pixels, universal performance, and whole-example fidelity remain unverified.