橫版角色攻擊：鞭子攻擊的 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