Godot Shader 学习指南：从入门到精通 一、Shader 基础认知（第一步） 1.1 什么是 Shader？ Shader（着色器）是一种运行在 GPU 上的特殊程序，负责决定如何拾取网格模型的数据（如顶点位置、颜色、法线等）以及如何将它们绘制到屏幕上。与普通程序不同，Shader 执行完毕后不会保留任何数据，最终颜色输出到屏幕后便进行新的工作。 1.2 Godot Shader 的基本结构 所有 Godot Shader 必须以类型声明开头： shader_type canvas_item; // 2D着色器 // 或 shader_type spatial; // 3D着色器 // 或 shader_type particles; // 粒子着色器 第二行可指定渲染模式（可选）： render_mode unshaded, cull_disabled; Godot 的着色器语言与 GLSL 非常相似，并整合了内置功能简化复杂操作。 二、三种处理器函数（核心概念） Godot 提供了三种主要的处理器函数，理解它们的作用是掌握 Shader 的关键： 2.1 顶点处理器函数 (vertex) 作用：对每个顶点执行一次，用于修正逐顶点信息，并传递数据到片元函数。 2D 应用：在 canvas_item 着色器中，VERTEX 是 vec2 类型，表示模型中的顶点坐标。你可以通过调整它来改变顶点的位置。 3D 应用：在 spatial 着色器中，顶点函数设置 VERTEX（位置）和 NORMAL 等属性。 // 2D示例：让精灵做圆周运动 void vertex() { VERTEX += vec2(cos(TIME)*100.0, sin(TIME)*100.0); } 2.2 片元处理器函数 (fragment) 作用：对每个可见像素执行，设置材质参数，决定最终颜色。 2D 应用：通过操作 COLOR 变量控制像素颜色，可结合 UV 坐标和 TEXTURE 纹理采样。 3D 应用：设置 ALBEDO（漫反射颜色）、ROUGHNESS（粗糙度）、METALLIC（金属度）等 PBR 参数。 // 2D示例：蓝色调纹理 void fragment() { COLOR = texture(TEXTURE, UV); COLOR.b = 1.0; }

// 3D示例：水的材质 void fragment() { METALLIC = 0.0; ROUGHNESS = 0.01; ALBEDO = vec3(0.1, 0.3, 0.5); } 2.3 光照处理器函数 (light) 作用：逐像素计算每个影响物体的光源，在片元处理器内部被调用。2D 和 3D 的作用机制不同。 三、何时应用顶点 vs 片元着色器 3.1 使用顶点着色器的场景 场景说明几何变形让物体波动、弯曲、缩放顶点动画角色布料模拟、旗帜飘动粒子效果控制粒子位置和运动轨迹视差效果2D 伪 3D 的深度位移 3.2 使用片元着色器的场景 场景说明颜色调整色调映射、颜色滤镜纹理混合多重纹理叠加、溶解效果光照计算改变材质属性（粗糙度、金属度）特效实现呼吸发光、扫描线、全息效果 核心决策原则：如果你需要改变物体的形状、位置、顶点数量，使用顶点着色器；如果你只需要改变颜色、光照、材质属性，使用片元着色器。 四、由浅入深的学习路径 第一阶段：基础入门（1-3天）

理解 Shader 是什么：参考官方文档的着色器简介 编写第一个 2D Shader：创建一个 Sprite2D 节点，挂载 ShaderMaterial，修改 COLOR 掌握 uniform 变量：通过编辑器调整参数，实现交互式效果

shader_type canvas_item; uniform float blue = 1.0;

void fragment() { COLOR = texture(TEXTURE, UV); COLOR.b = blue; } 第二阶段：数据类型与语法（3-7天）

学习数据类型：vec2、vec3、vec4、mat4、sampler2D 等 掌握类型转换：float a = float(2); 混写技巧：vec3 b = a.rgb;、vec3 b = a.xyz; 精度控制：lowp、mediump、highp

第三阶段：实战 2D 效果（1-2周）

UV 坐标应用：实现渐变、条纹、网格效果 纹理操作：结合 TEXTURE 和 texture() 函数 时间动画：使用 TIME 内置变量实现循环动画 呼吸发光效果：

shader_type canvas_item; uniform float speed = 2.0; uniform float strength = 0.5;

void fragment() { float pulse = sin(TIME * speed) * 0.5 + 0.5; COLOR = texture(TEXTURE, UV) * vec4(1.0, 1.0, 1.0, pulse * strength); } 第四阶段：3D Shader 进阶（2-4周）

PBR 材质系统：理解 ALBEDO、METALLIC、ROUGHNESS 的关系 顶点变形：实现地形波动、海洋效果 内置属性：利用 AO、SSS_Strength、RIM 等参数 3D 扫描线效果：

shader_type spatial; void fragment() { float scanline = step(0.5, fract(UV.y * 50.0 - TIME * 2.0)); ALBEDO = vec3(0.2, 0.8, 1.0) * scanline; ROUGHNESS = 0.0; } 第五阶段：高级技术（1-3个月）

多点光源处理：掌握 light() 函数 后处理效果：模糊、景深、色调映射 粒子着色器：火焰、烟雾、魔法粒子 自定义 GLSL：使用计算着色器实现复杂效果

五、做出自己想要效果的实用技巧 5.1 效果分解法 将复杂效果拆解为多个简单步骤：

先实现基础颜色 → 添加纹理 → 增加动画 → 叠加特效 先从 2D 开始 → 迁移到 3D

5.2 善用 uniform 参数 将可调节的参数暴露为 uniform，方便在编辑器中实时调整： uniform vec4 my_color : hint_color; uniform float intensity : hint_range(0, 1); uniform sampler2D my_texture; 5.3 利用渲染模式简化工作

render_mode unshaded：不计算光照，适合纯色效果 render_mode diffuse_toon, specular_toon：卡通风格渲染

5.4 调试与优化

实时预览：勾选编辑器右下角的“实时更新”按钮 使用颜色调试：将 UV 或中间值输出为 COLOR 查看 性能优化：避免循环中的复杂计算，减少纹理采样次数

六、常见问题与解决 6.1 效果不显示

检查着色器类型是否匹配（2D/3D） 确认材质已正确挂载到节点 检查代码是否有编译错误（查看控制台输出）

6.2 颜色不准确

注意 vec4 的四个分量分别是 R、G、B、Alpha 在 3D 着色器中使用 ALBEDO，而不是 COLOR

6.3 性能低下

使用较低的精度修饰符（mediump、lowp） 禁用不需要的光照计算（render_mode unshaded）

七、推荐学习资源

官方文档：Godot 着色器参考 实战教程：尝试改写上述代码示例，从简单的颜色修改开始 社区资源：Godot 内置的 100+ 预设效果可作为学习模板

总结 学习 Godot Shader 的核心思路是：先理解概念（顶点/片元函数的作用）→ 掌握基础语法（数据类型、uniform）→ 从简单效果入手（2D 颜色修改）→ 逐步增加复杂度（纹理、动画、3D PBR）→ 最终实现自定义效果。 记住，片元着色器控制颜色和材质，顶点着色器控制几何形状和位置。当你明确想要改变物体的哪个方面时，选择对应的处理器函数即可。多动手实践，从修改现有代码开始，逐步积累经验，你就能做出想要的 Shader 效果。