THREE.JS / WEBGPU XR + PROCEDURAL TRACK

Ride the source curve.

The pinned roller-coaster example combines RollerCoasterGeometry, lifters, shadow geometry, seeded terrain, trees, sky, rotating funfairs, a banking train, VRButton, and the explicit WebGL2 fallback seam.

Initializing—

Preparing the track, terrain, train, and renderer…

backend
—
environment
—
terrain
—
trees
—
track
—
lifters
—
shadow
—
funfairs
—
train
—
pipeline
—
frames
0
VR
—
velocity
—
sample avg / p95
—
state
—
progress
—

Derived from the pinned webgpu_xr_rollercoaster.html source. This route preserves the official roller-coaster geometries, train banking, VRButton, setupWebGLXRFallback, and direct-pipeline compatibility seam. Desktop controls and the visible VR button are inspectable references, not immersive-session proof; official page pixels, headset/device/compiler matrices, performance generalization, and whole-example fidelity remain separate. Use ?forceWebGL=1 for the explicit WebGL2 reference.