threejs-shaders - 创建 Three.js 自定义着色器效果
使用 GLSL、ShaderMaterial、uniform、顶点变形、片元效果和内置材质扩展创建或修改 Three.js 着色器。
标签
更新于: 2026-10-01能力
典型输入
典型输出
该技能可以做什么
- 创建 ShaderMaterial 着色器
- 配置着色器 uniform
- 传递 varying 数据
- 在 GLSL 中采样纹理
- 变形网格顶点
- 实现片元效果
- 扩展内置材质
- 注入着色器代码
输入
- Three.js 项目代码
- 着色器效果需求
- 纹理资源
- uniform 值
- 材质配置
输出
- ShaderMaterial 代码
- RawShaderMaterial 代码
- GLSL 着色器代码
- 修改后的材质着色器
- 自定义视觉效果
要求
- Three.js 环境
- GLSL 支持
- 支持着色器的渲染上下文