当前位置：首页 > news >正文

5 分钟写出第一个 Godot 着色器：呼吸灯与扫描线实战

news 2026/8/29 10:58:18

5 分钟写出第一个 Godot 着色器：呼吸灯与扫描线实战

【免费下载链接】godotGodot Engine – Multi-platform 2D and 3D game engine项目地址: https://gitcode.com/GitHub_Trending/go/godot

你想给 Godot 游戏里的角色加一圈呼吸光晕，可打开着色器编辑器只看到一句shader_type canvas_item;，然后就不懂往下写了。这篇教程让你 5 分钟内跑通第一个 Godot 着色器效果：贴代码、看光晕呼吸、改参数、做 3D 扫描线，遇到参数不生效时也知道往哪查。

先跑通一个呼吸灯效果

原理放后面，先让它动起来。

在场景里选中Sprite2D节点，新建一个Shader资源挂到它的Material上，把下面这段代码贴进去。这段代码在做什么：用一个正弦波把贴图透明度来回推，让画面看起来像在呼吸。

shader_type canvas_item; uniform float speed : hint_range(1.0, 10.0) = 2.0; uniform float strength : hint_range(0.0, 1.0) = 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); }

运行后角色会一亮一暗地循环。把speed拖到 8，呼吸立刻加快。hint_range(1.0, 10.0)这段提示的作用是告诉编辑器：给这个变量画一个 1 到 10 的滑动条，不用你自己做 UI。

💡 提示：写 Godot 着色器第一步是确认shader_type和节点匹配——canvas_item管 Sprite2D、Label 这类 2D 节点，3D 模型必须写spatial。类型不匹配是"效果完全不显示"的头号原因。

Godot 着色器到底是怎么执行的

用不着懂 GPU 调度，但下面三步值得花两分钟读完：

声明阶段：以uniform开头的变量（可以理解为"暴露给面板的旋钮"）会自动出现在检查器面板里，随时可拖。
编译阶段：引擎把你的代码翻译成 GPU 能执行的形式，编译逻辑就在源码 servers/rendering/shader_language.cpp 里。写错语法时，编辑器底部的着色器面板会标出第一条报错行。
逐像素阶段：fragment()是逐像素执行的入口，屏幕上一个像素跑一次，一帧跑几十万次。TIME是从运行开始计的秒数，COLOR是这个像素最终的输出颜色——所以不写任何逻辑代码，纯靠这两个内置值就能做出动画。

要记住的核心就一句：着色器不是脚本，是公式。你只负责告诉 GPU"每个像素按什么规则算"，执行交给它。

怎么把 2D 效果改成 3D 全息投影

呼吸灯跑通后，3D 版只是换类型、换输出。

把下面这段放进 3D 模型的ShaderMaterial：它在做什么，是把模型的 UV 坐标切成 50 片，每片只点亮上半截，再随时间整体平移，扫描线就沿着模型表面滚动了。

shader_type spatial; void fragment() { float line = step(0.5, fract(UV.y * 50.0 - TIME * 2.0)); ALBEDO = vec3(0.2, 0.8, 1.0) * line; ROUGHNESS = 0.0; }

两个数字管全部表现：50.0是扫描线密度（越大越密），2.0是滚动速度。ROUGHNESS = 0.0把粗糙度拉到最低，表面全反光，青色线条才有全息感。

和 2D 的区别只在一组"输出接口"：2D 直接给COLOR；3D 拆成ALBEDO（基础颜色）、ROUGHNESS（粗糙程度）等多个旋钮，你只碰需要的即可，其余保持默认。