shaders - Three.js 着色器开发
使用 GLSL 或 TSL 为 Three.js 编写自定义着色器，支持 WebGL 和 WebGPU
标签
更新于: 2026-05-09能力
典型输入
典型输出
该技能可以做什么
- 编写自定义着色器
- 创建视觉效果
- 调试着色器问题
- 构建后处理管线
- 实现噪声函数
- 创建程序化纹理
- 构建自定义材质
- 将 GLSL 移植到 TSL
- 优化着色器性能
输入
- GLSL 着色器代码
- TSL 节点图
- 纹理数据
- 几何体数据
- 材质定义
- 渲染参数
输出
- 自定义材质
- 着色器效果
- 后处理管线
- 视觉元素
要求
- Three.js
- GLSL
- TSL
- WebGL
- WebGPU
- Spector.js