THREE.JS / FOUNDATIONS / SOURCE PROMOTION
A node for every rotation.
The official sprites example turns a shared texture into a deep field of camera-facing sprites. This lab keeps the custom node contract visible: texture and UV color, alpha opacity, and per-sprite rotation from userData.
InitializingPreparing WebGPU
Preparing the native sprite graph…
- backend
- —
- graph
- —
- sprites
- —
- texture
- —
- rotation
- —
- frame ms
- —
- sample
- WAITING
Source-shaped controlsnative nodes
One shared SpriteNodeMaterial serves the group while userData rotation remains per sprite.
Ownership boundarypartial
WebGPURenderernative initialization pendingSpriteNodeMaterialcustom node graphuserData('rotation')per-sprite rotation inputNative node graph is live. The local sprite asset and whole-example fidelity remain separate.
Sprite initialization issue
Derived from the official WebGPU sprites example and its pinned custom SpriteNodeMaterial source. Use ?backend=webgl for the explicitly labeled direct SpriteMaterial reference lane.
THREE.JS FOUNDATIONS LAB / WEBGPU SPRITES