做 3D 游戏时，无论是能量护盾、全息投影，还是水面边缘的泡沫，你都会希望模型边缘出现一圈光。很多新手的第一反应是用 UV 做渐变：把模型上下两端的 UV 拉暗，中间提亮。静态截图好像能蒙混过关，但相机一旦绕到侧面，UV 边并不会因为你观察角度变化而变亮，看起来就像“光贴在贴图表面”，而不是“光出现在物体边缘”。
真正符合直觉的做法，是使用菲涅尔（Fresnel）效果。它的核心判断是：光的强度取决于视线方向与表面法线的夹角。正对表面时反射弱、透射强；掠射角时反射强。这就是现实中玻璃边缘、水面、皮肤轮廓在侧光下更亮的原因。
这篇文章会从两条路实现菲涅尔效果：一条是 Godot 可视化着色器（Visual Shader）的节点连接方式，适合不想写 GLSL 的开发者；另一条是纯 Shader 代码方式，适合需要精确控制、批量复用的场景。读完你会明白 Fresnel 节点到底在算什么、结果该送入 EMISSION 还是 ALPHA、为什么相机角度变化时效果会不一样，以及常见坑怎么排查。
1. 菲涅尔效果是什么：先解决“边缘光为什么不真实”
先看一个具体场景。你有一个能量护盾，想要它边缘发蓝光、中间透一点。如果只靠 UV，效果是模型坐标系固定的，不会跟随视线变化。你以为自己做了一个“边缘光”，其实只是“平面渐变”。一旦物体旋转或相机移动，边缘光的亮区还停留在原来的 UV 坐标上，穿帮感非常强。
菲涅尔效果和 UV 边缘光的本质区别就在于：它依赖观察方向。上帝视角看一个地面水面，水面几乎是透明的；但站在湖边低角度远眺，水面的反射会明显增强。这不是水面贴图变了，而是视线与水面法线的夹角变了。Godot 的 Spatial 着色器里，这个逻辑可以写成一句近似公式：
float fresnel = pow(1.0 - clamp(dot(NORMAL, VIEW), 0.0, 1.0), power);NORMAL：表面法线，在 Godot 片段着色器中通常位于视空间。VIEW：从表面指向相机的方向，也在视空间。dot(NORMAL, VIEW)：法线和视线的夹角余弦。- 表面正对相机时，
dot接近 1，1 - dot接近 0，边缘光弱。 - 掠射角观察时，
dot接近 0，1 - dot接近 1，边缘光强。 power控制衰减速度，power 越大，边缘越“锐利”，亮区越窄。
需要承认的是，这个公式是简化版，不是完整物理的 Fresnel 方程。但对游戏项目中的能量护盾、扫描描边、水面泡沫来说，视觉效果完全够用，而且可控性好。Godot 内置的 Visual Shader 中甚至直接提供了Fresnel节点，你只需要把法线和视线接进去，再调一个指数，就能得到边缘强度。
所以本文第一个结论是：不要看到“菲涅尔”三个字就觉得是复杂物理，你真正要掌握的是法线、视线、角度这三个量之间的关系，以及结果如何驱动材质通道。
2. Godot 可视化着色器的核心概念与适用场景
Godot 的可视化着色器（Visual Shader）本质上还是生成 Shader 代码，只不过用节点图代替手写文本。它在文件系统中是一个独立的.tres资源，双击打开后是一个节点编辑器界面，用户可以拖入节点、连接输入输出，并在右侧 3D 视口中实时观察效果。
2.1 Visual Shader 与手写 Shader 的对比
| 对比维度 | Visual Shader | 手写 Shader 代码 |
|---|---|---|
| 入门门槛 | 较低，不用记忆语法 | 需要掌握 GLSL 基础语法和 Godot 内置变量 |
| 可读性 | 节点连接直观，但复杂逻辑难以阅读 | 文本逻辑清晰，便于代码审查和 diff |
| 性能 | 节点图会被编译器转换为 Shader，性能差异不大 | 手写可精确控制指令，优化更直接 |
| 参数管理 | 可以添加 uniform 节点，检查器中可调 | 用uniform关键字声明，也是检查器中可调 |
| 复用与维护 | 复杂效果后期难维护 | 复制、重构、注释都更方便 |
| 适合场景 | 原型验证、美术同学制作材质 | 生产项目、需要精确控制的效果 |
如果你的项目里有程序化生成的材质、需要团队协作维护，我建议优先考虑手写 Shader；如果只是快速实现一个护盾效果、写效果原型，Visual Shader 效率非常高。这两者在 Godot 中不是互斥的，同一个材质可以先用可视化节点跑通，再在需要时用代码重写。
2.2 理解 Fresnel 节点
在 Visual Shader 节点库中搜索Fresnel，你会看到一个叫 Fresnel 的节点。它通常提供以下输入和输出：
- Normal 输入：表面法线，默认值通常已经是自动生成的 NORMAL。
- View 输入：视线方向，默认由编辑器提供。
- Power 参数：指数，控制边缘光过渡的锐利程度。
- 输出：一个 Float 值，表示边缘强度，范围大概在 0 到 1 之间。
这里真正容易踩坑的地方是：很多人以为 Fresnel 节点输出的值可以直接当颜色用。但其实它是一个Float，你需要把它乘上一个颜色值，才能得到彩色边缘光。如果直接把 Float 接到 EMISSION 上，结果只会是灰色亮光。所以在节点连接时，通常会加一个Multiply乘法节点，把颜色和 Fresnel 数值乘起来。
还有一个常见误解是“Fresnel 节点输出越亮越好”。从视觉上说，边缘光不应该全屏发亮，它的作用是强调轮廓。Power 值建议从 1.5 到 4.0 之间开始调。数值太小时，整个表面都会亮，失去“边缘”意义；太大时，亮区收窄成一个细线，效果可能过于锐利。
3. 环境准备与基础工程结构
本文示例基于 Godot 4.x 的可视化着色器操作路径。理论上 Godot 3.x 也有 Visual Shader 和 Fresnel 节点，但界面布局、节点名称会略有差异。如果你使用 3.x，请以你实际版本为准，概念完全一致。
3.1 准备 Godot 工程
不需要安装额外插件，Godot 本身就内置可视化着色器编辑器。建议准备一个最简单的 3D 场景：
- 新建一个 Node3D 作为根节点。
- 添加一个 DirectionalLight3D，用于观察光照对材质的影响。
- 添加一个 MeshInstance3D，默认网格选择 SphereMesh 或 BoxMesh。
- 在资源面板创建两个资源：材质（Material）和着色器（Shader）。
我通常的习惯是先用球体测试菲涅尔效果，因为球体表面法线方向变化丰富，很容易看到“正面弱、边缘强”的变化。如果用立方体测试，边缘过于棱角分明，反而不容易看出菲涅尔的连续性。
3.2 创建可视化着色器文件
在 FileSystem 面板中右键选择New -> Shader -> VisualShader，命名比如FresnelGlow.tres。双击打开后，你会看到一个 VisualShader 节点编辑器，左侧是节点库，中间是画布，右侧是 Inspector 属性面板。
注意，VisualShader 和普通 Shader 文件不同，它保存为资源后最终仍然会被编译为可在 GPU 上运行的 Shader 程序，只是编辑方式不同。你可以在材质中引用这个 VisualShader 资源，也可以直接在 VisualShader 编辑器里预览中间结果。
如果只是想快速验证效果，可以不创建材质，而是直接在 MeshInstance3D 上新建一个 ShaderMaterial，并在 Shader 属性里加载你的 VisualShader 资源。这样一步到位，便于实时查看。
4. 可视化着色器实现：从零搭一个边缘发光球
下面按步骤演示如何在 Godot 4 的可视化着色器中实现菲涅尔边缘光。
4.1 第一步：确认输出节点
打开 VisualShader 编辑器后，画布中默认有一个Output节点。这个节点代表 Spatial Shader 的最终输出端口，里面分为 Albedo、Emission、Alpha、Metallic、Roughness 等不同通道。我们接下来要连接的是Emission通道，因为边缘光本质上是自发光，不需要外部光照参与。
4.2 第二步：添加 Fresnel 节点
在节点库搜索Fresnel，把它拖入画布。Fresnel 节点会自动带有法线和视线输入。点击该节点，在右侧 Inspector 中可以看到Power参数，先设为 2.0 或 3.0，后续再调整。
此时你可以把 Fresnel 节点的输出直接连接到 Output 的Emission通道上，但如前面所说，这只能得到灰度亮光。我们先加颜色。
4.3 第三步：添加颜色 Uniform 节点
在节点库搜索ColorUniform（或类似名称），拖入画布。这个节点会生成一个 uniform 颜色参数，之后在材质检查器中就可以直接调颜色，不需要改 Shader 源码。默认颜色可以先设为蓝色：(0.2, 0.7, 1.0)。
如果没有 ColorUniform，也可以用Color常量节点替代。差别是常量节点不能从材质外部修改，修改时只能在节点图里改。对于生产项目，推荐用 Uniform，方便美术调整。
4.4 第四步：乘法混合
从节点库搜索Multiply，拖入画布。将 ColorUniform 的输出连接到 Multiply 的 A 输入，将 Fresnel 的输出连接到 Multiply 的 B 输入。Multiply 的输出就是“带颜色的边缘光强度”。
然后把 Multiply 的输出连接到 Output 节点的 Emission 输入。
4.5 第五步：把材质应用到模型
回到 3D 场景，为 MeshInstance3D 的 Material 属性新建一个 ShaderMaterial，然后把 Shader 属性指向刚才创建的 VisualShader 资源。保存场景后，你应该能在视口中看到蓝色边缘发光效果。
如果想让中间正面也有微弱可见的颜色，可以再加一个Add节点，把一个小常数加到最终结果上。但大多数能量护盾效果希望正面透明，所以不推荐一开始就加。
4.6 参数微调
使用 VisualShader 最大的优势是参数可以即时反馈。建议一边旋转相机，一边调整材质 Inspector 中的颜色和 Fresnel 节点 Power 值。
- Power 设为 1.0 时，亮区从边缘向中心扩散较大，适合柔和光晕。
- Power 设为 3.0 到 5.0 时，亮区收窄，适合高光描边。
- 颜色亮度建议控制在 1.0 以内，因为经过 Emission 输出后，超过 1.0 的亮度在高动态范围下会过曝。
需要注意：Emission 通道不受光照影响，即便场景里没有任何灯光，边缘光也依然显示。如果你想让它受光照影响，需要把颜色写入 Albedo 而不是 Emission，但那样会改变物体表面颜色，效果逻辑不同。
5. 纯代码版 Shader：更可控的菲涅尔实现
可视化节点适合快速原型，但进入生产项目后，我更推荐手写 Shader。原因很简单：代码可以加注释，可以走版本管理，可以在不同模型间复制复用。下面给一个完整可用的 Godot Spatial Shader。
// 文件路径：res://shaders/fresnel_glow.gdshader shader_type spatial; render_mode blend_mix, depth_draw_opaque, cull_back; uniform vec4 edge_color : source_color = vec4(0.2, 0.7, 1.0, 1.0); uniform float fresnel_power : hint_range(0.1, 8.0) = 2.5; uniform float emission_strength : hint_range(0.0, 5.0) = 1.5; void fragment() { // 计算视线方向与法线方向的夹角余弦 // NORMAL 和 VIEW 在 Godot spatial shader 中都位于视空间 float view_dot_normal = clamp(dot(NORMAL, VIEW), 0.0, 1.0); float fresnel = pow(1.0 - view_dot_normal, fresnel_power); ALBEDO = vec3(0.0); EMISSION = edge_color.rgb * fresnel * emission_strength; ALPHA = edge_color.a; }这段代码的核心逻辑：
dot(NORMAL, VIEW)计算方向关系。表面面向相机时值大，掠射时值小。clamp把结果限制在 0 到 1 之间，避免出现负数。pow(1.0 - view_dot_normal, fresnel_power)是经典菲涅尔近似。EMISSION输出边缘光颜色，ALBEDO设置为黑色，这样物体本身不会受到光照影响。
把这段代码保存为.gdshader文件后，可以用 GDScript 动态创建并应用材质：
# 文件路径：res://scripts/apply_fresnel.gd extends MeshInstance3D @export var edge_color: Color = Color(0.2, 0.7, 1.0) func _ready(): var shader := load("res://shaders/fresnel_glow.gdshader") as Shader var material := ShaderMaterial.new() material.shader = shader material.set_shader_parameter("edge_color", edge_color) material.set_shader_parameter("fresnel_power", 2.5) material.set_shader_parameter("emission_strength", 1.5) set_surface_override_material(0, material)这个脚本的好处是可以在代码中批量生成不同颜色的护盾，而不需要每个护盾单独做材质。你只需要在场景中摆放若干 MeshInstance3D，然后通过代码赋材质即可。
6. 从边缘光到实用效果：护盾、水面泡沫、呼吸光
菲涅尔如果只用来做静态边缘光，那只是起步。它在真实项目中通常会和其它效果组合，下面给出几个高频组合场景。
6.1 半透明能量护盾
护盾一般由内向外发光，并且边缘亮、正面几乎透明。此时需要把菲涅尔结果同时送进 Emission 和 Alpha 通道，并使用合适的混合模式。
// 文件路径：res://shaders/shield_fresnel.gdshader shader_type spatial; render_mode blend_mix, cull_disabled, depth_draw_never; uniform vec4 shield_color : source_color = vec4(0.3, 0.8, 1.0, 1.0); uniform float fresnel_power : hint_range(0.5, 6.0) = 3.0; void fragment() { float fresnel = pow(1.0 - clamp(dot(NORMAL, VIEW), 0.0, 1.0), fresnel_power); EMISSION = shield_color.rgb * fresnel * 1.2; ALPHA = shield_color.a * clamp(fresnel, 0.0, 1.0); }对于护盾外壳，建议使用cull_disabled双面渲染，防止从另一侧观察时模型消失。depth_draw_never可以减少透明物体与场景深度冲突时的排序问题，但具体是否启用取决于你的场景结构。
6.2 水面边缘泡沫
水面泡沫的常见做法是：通过噪波扰动菲涅尔阈值，让边缘产生的泡沫带不规则化，而不是一条完美平滑的弧线。可以先用噪声纹理采样一个数值，再和菲涅尔做 smoothstep：
uniform sampler2D noise_texture : source_color; uniform float foam_threshold : hint_range(0.0, 1.0) = 0.6; void fragment() { vec2 uv = UV * 4.0; float noise = texture(noise_texture, uv).r; float fresnel = pow(1.0 - clamp(dot(NORMAL, VIEW), 0.0, 1.0), 2.0); float foam_mask = smoothstep(foam_threshold, foam_threshold + 0.2, fresnel + noise * 0.1); EMISSION = vec3(1.0) * foam_mask * 0.8; }这里的思想是：菲涅尔决定边缘位置，噪声让边缘位置产生起伏，smoothstep 提供一个柔和过渡带。实际项目中，uv 的缩放、噪声纹理的重复度都需要根据水面大小调整。
6.3 呼吸灯效果
护盾边缘光如果固定不变，会显得比较死板。可以引入TIME内置变量，给强度加一个正弦呼吸：
float glow = 0.5 + 0.5 * sin(TIME * 2.0); EMISSION = edge_color.rgb * fresnel * glow;需要注意TIME是全局时间，多个护盾共享同一个值，如果需要不同相位，可以通过 uniform 传入一个时间偏移，例如sin(TIME * speed + phase)。
7. 运行结果与效果验证
完成材质和脚本后，可以搭建一个最简单的验证场景：
- 新建 Node3D 场景。
- 添加 MeshInstance3D，网格设置为 SphereMesh。
- 把 ShaderMaterial 赋给 MeshInstance3D。
- 添加一个 DirectionalLight3D，设置不同的光照方向。
- 运行游戏，旋转相机观察。
预期效果是：
- 正对球体中心时，中心区域亮度接近 0，几乎看不出颜色。
- 球体边缘出现一圈蓝色亮光。
- 相机绕到侧面时，亮区始终跟随真实边缘，不会固定在某个 UV 区域。
- 调节 Power 参数时，边缘光宽度实时变化。
- 如果使用代码版 GDScript，运行后材质参数与脚本中设置一致。
如果运行后看不到效果，第一步应该检查材质引用链：VisualShader 是否被正确指定到 ShaderMaterial 的 Shader 属性，ShaderMaterial 是否被赋给 MeshInstance3D 的 Surface Material。很多问题不是 Shader 写错，而是材质没有真正挂到物体上。
8. 常见问题与排查思路
下面是菲涅尔效果在 Godot 中最常见的问题，按排查顺序整理成表格。
| 问题现象 | 可能原因 | 排查方式 | 解决方案 |
|---|---|---|---|
| 模型整体全亮，没有明显边缘 | Fresnel Power 设置太低 | 查看 Fresnel 节点或 uniform 的 Power 值 | 增大 Power，例如 3.0 到 5.0 |
| 正面完全透明，连物体都看不见 | Alpha 通道被菲涅尔值乘到很低 | 检查 ALPHA 输出和混合模式 | 调整 Alpha 最小值，或把菲涅尔乘数降低 |
| 边缘光不受场景灯光影响 | 使用了 EMISSION 通道 | 确认材质预期是否自发光 | 若要受光照，把结果写入 ALBEDO |
| 背面出现奇怪的发光面片 | 单面渲染，背面被剔除 | 从另一侧旋转观察 | 使用cull_disabled或调整几何体朝向 |
| 颜色失真或过曝 | 颜色分量超出 0 到 1 范围 | 在 Inspector 中检查颜色值 | 降低颜色亮度或 emission_strength |
| 动态更改 uniform 不生效 | 参数名拼写不一致 | 检查 set_shader_parameter 名称与 Shader 中 uniform 名 | 保持命名完全一致 |
| 可视化节点图里看不到效果 | 输出通道连接错误 | 检查 Output 节点是否连接到 Emission | 重新连接正确通道 |
9. 最佳实践与工程建议
9.1 统一 uniform 命名规范
多个菲涅尔效果并行时，建议使用统一命名，例如edge_color、fresnel_power、emission_strength、alpha_scale。这样美术调整材质时不需要逐个翻 Shader 文件，脚本也能通过统一属性批量设置。
9.2 慎用高倍 Emission
Godot 中EMISSION可以超过 1.0，在 HDR 环境下会产生辉光泛光。如果你在项目级环境设置中启用了 Glow，高亮边缘会向外扩散，效果会不一样。建议先在小数值范围内调整，例如 0.5 到 2.0，再决定是否开启 Glow。
9.3 性能注意点
菲涅尔公式本身计算量很小，但如果你在多个物体上使用，并且每帧都在 fragment shader 中执行，最终开销取决于片元数量。可以在材质精度上做取舍，例如移动端使用低分辨率、减少屏幕特效。另外，可视化着色器生成的 Shader 如果节点树非常复杂，性能未必比手写代码差，但代码可读性和维护成本会明显下降。
9.4 注意法线方向和坐标系
NORMAL在 Godot 的 spatial shader 中默认位于视空间，VIEW也是视空间向量，因此点乘才有意义。如果你从外部导入的模型法线方向不正确，比如建模软件中法线翻转，菲涅尔边缘会出现在错误的一侧。排查时可以在 Fragment 中输出NORMAL的调试颜色，确认法线是否朝外。
9.5 使用材质实例分离参数
如果场景中有多个护盾，但颜色不同，不要每个护盾都新建一个完整材质。更好的做法是共享同一个 ShaderMaterial，然后通过duplicate()或脚本设置独立参数。这样 Shader 编译只有一份，参数更新在 CPU 侧完成，内存和切换成本更低。
10. 总结与后续学习方向
菲涅尔效果并不是一个需要记住复杂公式才能上手的图形学概念。在 Godot 中，它本质上就是法线和视线方向的关系。可视化着色器可以让你绕过 GLSL 语法直接看结果，而手写 Shader 则让你对最终指令有完全控制。两种方式都应该会，因为你的第一版原型可以用 Visual Shader，进入生产时大概率会迁移到代码。
下一步，建议你把菲涅尔结果和噪声纹理、深度纹理、顶点动画组合起来，做一版真正能放进游戏里的水面效果或盾牌特效。也可以继续研究 Godot 的 Fresnel 物理近似与真实 Fresnel 公式的差异，比如 Schlick 近似，理解它在哪些材质上会出现偏差。把边缘光做对之后，再看玻璃、水面、皮肤次表面散射，思路会顺畅很多。
