THREE.JS / GALLERY webgpu_portal
A scene inside the scene.
The portal surface samples a second animated scene through the TSL pass(scenePortal, camera) graph.
InitializingPreparing
Preparing the portal scenes, animation mixers, and source-shaped node material.
- models
- -
- mixers
- -
- portal graph
- -
- camera
- -
- noise scale
- -
- frame ms
- -
Portal controlsloading
Waiting for the source-shaped portal graph.
Scoped contractsource-shaped
sceneMain.backgroundNodenormalWorld gradientscenePortal.backgroundNodeWorley noisepass(scenePortal, camera)portal colorNodeAnimationMixer × 2independent model clocksThe local RobotExpressive asset substitutes for the official Xbot.glb. Exact presentation, Inspector UI, and whole-example fidelity remain separate.
Portal preview issue
Pinned source topology: official webgpu_portal. Use ?backend=webgl for the labeled compatibility lane.
THREE.JS FOUNDATIONS LAB