用途：指导在 Three.js 中使用 WebGPU 渲染器、基于节点的材质（NodeMaterial）、TSL（Three Shading Language）与计算着色器。资料标注为实验性，WebGPU 渲染器与 TSL 仍在开发中，API 可能随版本变化，建议固定（pin）Three.js 版本。
主要能力与用法：从 three/webgpu 引入，创建 WebGPURenderer 后必须 await renderer.init() 再首次渲染，并用 renderer.setAnimationLoop() 取代 requestAnimationFrame。创建前先用 WebGPU.isAvailable() 检测，并为不支持的浏览器提供 WebGLRenderer 降级。不要写原始 GLSL/WGSL 字符串，改用 TSL 函数；不要用 ShaderMaterial，改用 NodeMaterial；不要用 three/examples 的 EffectComposer，改用 PostProcessing 类与 TSL 后处理节点。材质有对应节点版本（如 MeshStandardNodeMaterial 等），且需从 three/webgpu 导入。TSL 提供类型、uniform、varying、运算符、几何/相机/模型节点、纹理操作、If/Loop/Switch 等控制流与 Fn 函数定义。计算着色器通过 compute 与 renderer.computeAsync() 异步派发，支持 storage、原子操作与 barrier；该能力在 WebGL 降级模式下不可用。
适用场景：需要在 WebGPU 下实现自定义着色、GPU 计算或后处理效果的项目，以及从 WebGL 迁移到 WebGPU 的场景（迁移步骤见资料列出的六步）。限制：浏览器支持情况为 Chrome/Edge 113+ 完整支持、Safari 18+ 支持、Firefox 实验性需开启 dom.webgpu.enabled；未 await init() 就 render 会运行时报错。官方文档与示例链接见 threejs.org 资料。其余细节暂未提供。