topdown俯視角角色攻擊動(dòng)畫(huà)：六幀與三種武器

今天這篇來(lái)自我常看的 SLYNYRD 的 Pixelblog 56：Top Down Character Attack Animation。作者 Raymond Schlitter 在已有 8 方向 idle / 跑步的基礎(chǔ)上，給同一個(gè)角色做了劍、矛、錘三種武器的攻擊動(dòng)畫(huà)，并且把「動(dòng)作階段」和「幀時(shí)序」講得很清楚。我按自己的理解整理成一篇第一人稱(chēng)筆記，方便以后做俯視角攻擊時(shí)直接對(duì)照。

一、動(dòng)作拆解：五階段六幀

無(wú)論朝哪個(gè)方向，一次攻擊都是6 幀完成；按武器不同，會(huì)落在4～5 個(gè)階段，每幀的停留時(shí)間（frame timing）也不同。

階段 作用 幀數(shù)Anticipation（蓄力）武器后拉，為揮擊蓄勢(shì)，讓打擊更有重量感 1 幀，時(shí)長(zhǎng)可變Smear（運(yùn)動(dòng)模糊）動(dòng)作幅度最大，武器帶拖影，強(qiáng)調(diào)速度與軌跡 多幀、短時(shí)長(zhǎng)Rebound（回彈）僅錘子等觸地武器需要，觸地后輕微彈起 1 幀（可選）Follow Through（延伸）攻擊完全伸展，可再進(jìn) 1 pixel，無(wú) smear 1 幀，時(shí)長(zhǎng)較長(zhǎng)Recover（收招）武器收回 idle 姿態(tài) 1 幀

要點(diǎn)：蓄力幀和收招幀不要做 smear，否則會(huì)搶掉「向前揮擊」的注意力；幀時(shí)序會(huì)直接體現(xiàn)武器重量和手感。

二、劍：中規(guī)中矩的短劍

短劍攻速快、蓄力和收招都短，適合做「普攻」感。揮砍范圍通過(guò)身體與劍的橫掃體現(xiàn)，smear 用棱角分明的形狀強(qiáng)化力度。八方向會(huì)刻意微調(diào)角度，讓 hitbox 在各方向相對(duì)均衡。

• 幀時(shí)序（ms）：100, 50, 50, 50, 100, 50
• 總周期：400 ms

矛的射程更長(zhǎng)，代價(jià)是蓄力和 follow through 明顯拉長(zhǎng)，整體更「蓄力一擊」的感覺(jué)。注意 idle 時(shí)是反手握矛，攻擊時(shí)從反手轉(zhuǎn)為刺出，和劍的舉劍姿態(tài)要區(qū)分開(kāi)。

• 幀時(shí)序（ms）：200, 50, 50, 50, 150, 50
• 總周期：550 ms

錘子把蓄力、延伸、收招都拉得更長(zhǎng)，再加上觸地后的 rebound 幀，配合屏幕震動(dòng)，重量感就出來(lái)了。軌跡比劍更集中，hitbox 更窄，用「單次高傷害」來(lái)平衡。

• 幀時(shí)序（ms）：250, 50, 50, 50, 300, 100
• 總周期：800 ms

教程里強(qiáng)調(diào)了兩點(diǎn)我很受用：動(dòng)畫(huà)是一幀一幀做出來(lái)的，八方向一開(kāi)始會(huì)讓人頭大，但拆成階段和幀時(shí)序之后就好排期；蓄力 / 收招不用 smear，把 smear 留給「向前揮」的那幾幀，讀招會(huì)更清晰。原文還提到可以按需做 run + 完整角色設(shè)計(jì)的攻擊動(dòng)畫(huà)，這篇?jiǎng)t先用 dummy 把劍 / 矛 / 錘三種武器變體講透，方便直接套到自己的角色上。

• ：Pixelblog 56 - Top Down Character Attack Animation[1] by Raymond Schlitter（SLYNYRD）

Pixelblog 56 - Top Down Character Attack Animation: https://www.slynyrd.com/blog/2025/5/23/pixelblog-56-top-down-character-attack-animation