Three.js WebGPU + TSL Migration Lab

BOOTING · đang khởi tạo renderer bất đồng bộ

Đang khởi tạo GPU renderer

Đang tải Three.js, TSL và backend. Control cùng trạng thái vẫn tồn tại trong DOM.

Backend policy Renderer DPR cap

Chuẩn bị runtime…

TSL graph Animate uniform + `time` Pulse speed 0.60× Metalness 0.35

Backend là một runtime decision; quality là policy riêng. Lab tự suspend khi tab hoặc iframe ra khỏi viewport và tôn trọng reduced motion.

Graph đang dùng

pulse = oscSine(time × speed)
color = mix(blue, cyan, pulse)
roughness = 0.20 + pulse × 0.45

MeshStandardNodeMaterial
  ├─ colorNode
  └─ roughnessNode