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.