横版角色攻击：鞭子攻击的 smear 与 overshoot

横版角色攻击：鞭子攻击的 smear 与 overshoot

今天的教程来自 SLYNYRD 的Pixelblog 37 - Castlevania Study

作者 Raymond Schlitter 以《恶魔城 3》为参考，重做了吸血鬼猎人的基础模型，并在角色攻击上做了明显强化——把原本「鞭子伸展一帧」拆成smear（运动模糊）和overshoot（ overshoot）两帧，和之前写的近战挥砍思路一致，只是表现形式是横版游戏角色攻击。

一、为什么横版游戏角色攻击也要拆帧

教程里主角是 16×16 像素、严格对齐 16×16 瓦片格的侧视角色（走、蹲、跳、攻击）。

不要只画「鞭子伸出去」的一帧，那样会显得平、没有爆发感。

和俯视角剑击一样，侧视鞭击也可以拆成「蓄力 → 爆发 → 收招」，其中「爆发」用两帧来表现会更清晰：

• 第 3 帧：smear——鞭子带拖影、轨迹拉长，强调挥出的速度。
• 第 4 帧：overshoot（过冲）——鞭子略超过最终位置再定住，让打击更有重量感。

这样玩家一眼能看出「抽出去」的瞬间，而不是「突然多了一根线」。

二、与瓦片格、其他动作的配合

教程里所有动作都卡在 16×16 格子里：起跳高度 2 格、受击击退 2 格、楼梯半步一格，这样和关卡设计一致。

蹲姿帧被复用到跳跃：跳跃时用同一张蹲帧，空中攻击则用普通攻击帧，不单独做「跳攻」帧，省帧又保持可读性。

攻击部分的核心就是上面说的：smear + overshoot 两帧，让鞭击从「一根线」变成「一次挥击」。

三、复古限制与可读性

用 NES 色板但没死守 NES 的 3 色 + 1 共享限制，在保持复古感的前提下稍微加了颜色，让轮廓和攻击轨迹更清晰。要点是：在低分辨率下，攻击的「轨迹」和「落点」要能一眼看懂，smear 负责轨迹，overshoot 负责落点，两帧分工明确。

四、小结与延伸

把「侧视角色攻击」也当成「蓄力 → 爆发（smear + overshoot）→ 收招」来拆，和近战挥砍[1]、俯视角角色攻击[2]是同一套思路，只是视角和武器不同。原教程里还有怪物 sprite、城堡瓦片等，感兴趣可以看原文的 KEY POINTS：多参考、分块画、不描图、考虑现代屏幕下的像素清晰度。

• ：Pixelblog 37 - Castlevania Study[3] by Raymond Schlitter
• 本站前文：丝滑打击感：近战攻击进阶[4]、俯视角角色攻击：六帧与三种武器[5]。

近战挥砍: 2026-02-20-tutorial-melee.md

俯视角角色攻击: 2026-02-21-top-down-character-attack-animation.md

Pixelblog 37 - Castlevania Study: https://www.slynyrd.com/blog/2022/3/19/pixelblog-37-classic-castlevania-study

丝滑打击感：近战攻击进阶: 2026-02-20-tutorial-melee.md

[5]

俯视角角色攻击：六帧与三种武器: 2026-02-21-top-down-character-attack-animation.md