第二十八课：游戏特效基础（VFX）

上一课 UI 告诉你「还有多少血」；这一课特效告诉你「这一下打没打上」。

游戏没特效也能玩，但打完没火花、落地没尘、爆了没闪白——手感会像拿纸板刀砍人。像素游戏里，手绘序列帧最常用，够控风格，也比乱撒粒子省性能。

1、特效大体干四件事

类型	干什么	例子
战斗	攻击命中、技能释放	剑光、火花、击破烟
环境	氛围、持续状态	火、雨、雾、烛火
UI	反馈、引导	获得道具弹出、按钮闪
状态	Buff / Debuff	中毒烟雾、护盾环

实现上常见三条路：

1. 序列帧——逐帧画完再播（像素本课主推）
2. 粒子——一堆小图片飘；数量要狠管，否则糊掉像素感
3. 屏幕特效——震屏、闪白、调色；便宜又好用，别滥用遮视线

2、序列帧是怎么「发生」的

想清楚它在说什么，再动笔。

常见节奏：

阶段	干啥	时长感
闪 / 起	白核、对比最强	极短 1～2 帧
主体	形最大、色最亮	短促
消散	碎、烟、淡出	可稍长

打击向的：亮得快、灭得快。环流向的（火、冒烟）：循环短序列，形状微抖即可。

爆炸看这张：先贴地一点火花 → 鼓成蘑菇 → 撕开 → 碎散 → 只剩几点像素。别从第一帧就画成完整火球，会像慢放的气球。

3、火焰：热核 + 摇曳

火要「往上活」：

• 核心最亮（白 / 黄）
• 外圈偏橙红
• 顶缘碎、往上飘、偶有脱离的火星

环境用小火更常见：烛火、篝火用 4～8 帧循环，底座不动、火焰换形就够——玩家会读成「在烧」，不必每帧重画蜡柱。

大招火球、喷射也同理：先剪影会不会「往上窜」，再抠色。

4、命中感：看得到「打到了」

角色挥完还不够。命中瞬间要有明确一帧：

左边那种星闪 / 冲击核：白心 + 黄晕 + 一点火星，接在攻击帧上；右边稍散开一点，像余波。

再配一点点「时间被摁住」就更狠：

配套	用法
Hit Stop	冻 2～8 帧（轻击短、重击长）
震屏	轻微相机抖，别抖到恶心
闪白 / 闪红	1～2 帧，别挡住读招
击退 / 闪烁	受击方给反应

开场那张剑弧同理：色条不是装饰，是轨迹与时机的可视化——轻、重、旋转，弧的长短和厚度应不同。

5、形怎么长、怎么散

爆炸、烟雾别一上来就「一团随机噪点」。形状通常：简单圆 → 略抖 → 撕成不规则。游戏里消散比现实更快——现实太慢，操作会钝。

持续烟 / 弹道尾迹也一样：先成块，再拆成碎像素散掉。半透明别整团灰糊——玩家还要看人在哪。

三条坑：

1. 粒子过多 → 优先序列帧，或限同时个数
2. 特效盖死场景 → 控透明度、别挡角色中心
3. 风格各画各的 → 调色板、线粗和细节密度跟全作统一（接第22课 Style Guide）

6、作业

做一组能接进攻击的命中特效：

1. 设计一页纸：名字（如「短剑命中」）、用途、色板（3～5 色）、关键帧草图（起 / 高 / 散）
2. 序列帧：至少 6 帧，建议 32×32 或 64×64，透明底；含闪核 → 主体 → 消散
3. 引擎或预览：叠到角色挥击帧上；试不同 FPS，截一张「看着最有力」的
4. 选做：同一套改两套色（火 / 冰），或加轻微震屏 / Hit Stop，对比手感差异

下一课会把这类闪再嵌进攻击与受击动画本身——特效层和动作层怎么对齐，一起决定「手感」。