今日教程｜像素畫劍刃揮砍攻擊動畫：預(yù)備、揮砍與回收

這篇來自 itch.io 上 imonk 的教程：在已有站姿精靈的基礎(chǔ)上，做一段帶劍的揮砍攻擊動畫。

教程把揮砍拆成「預(yù)備 → 揮砍 → 回收」三段，再補(bǔ)上中間幀和一點運(yùn)動模糊，很適合當(dāng)「像素劍攻擊」的入門參考。

一、從站姿開始：揮砍需要哪幾類關(guān)鍵幀

教程從「角色持劍站立」的默認(rèn)精靈出發(fā)。要做出有重量感的揮砍，至少需要三類關(guān)鍵幀：

• 預(yù)備幀（anticipation）：讓觀眾預(yù)感到角色即將揮劍；通常角色會先把劍往后帶、身體略后仰，為揮出做準(zhǔn)備。
• 揮砍幀（slash）：表現(xiàn)劍刃揮出的過程，是攻擊的「主體」。
• 回收幀（recovery）：表現(xiàn)角色從揮砍結(jié)束回到待機(jī)站姿；不是必須，但加一到兩幀會讓動作更自然。

幀數(shù)多少取決于你需要多快的動畫：快節(jié)奏動作游戲可以預(yù)備幀少而干脆，慢一點、偏寫實的可以多加幾幀。

Anticipation

Slash

Recovery

二、預(yù)備幀：劍往后帶、身體與重心要跟上

做預(yù)備時，要讓角色「把劍往后帶」，身體略向后傾，但不要傾太多。

同時要平衡重心：教程里角色用盾牌往前伸來平衡。

為方便后續(xù)揮動，可以稍微扭轉(zhuǎn)軀干，并把后腳轉(zhuǎn)向，這樣揮砍時發(fā)力更順。

三、揮砍幀：斜向揮砍 + 運(yùn)動模糊

這一段的揮砍是斜向的：大致水平帶一點向下。

要強(qiáng)調(diào)速度感，需要運(yùn)動模糊：教程里用了一點偏藍(lán)的模糊來表現(xiàn)劍刃軌跡。

揮砍時角色身體前傾、軀干往反方向扭轉(zhuǎn)，后腳可以踮起，讓整段動作更有「發(fā)力一擊」的感覺。

四、中間幀（tween）與揮砍后的細(xì)節(jié)

關(guān)鍵幀定好后，在中間加 tween 幀讓過渡更順。

教程里把預(yù)備做得比較干脆，適合快節(jié)奏動作游戲（作者參考了《Maximo: Ghosts to Glory》的揮砍手感）；揮砍段則加了若干 tween，并在劍刃揮過之后加了一點風(fēng)/粒子從刃口飄出，增強(qiáng)「剛揮完」的感覺。

五、回收幀：不要立刻彈回待機(jī)

揮完劍后，如果角色立刻「啪」一下回到待機(jī)，會顯得很假。

加一到兩幀回收，讓劍和身體慢慢回到初始位置，觀感會好很多。

教程里還提到：回收時可以讓揮砍時出現(xiàn)的風(fēng)/粒子逐漸消散，和動作節(jié)奏一致。

六、小結(jié)

劍刃揮砍動畫可以按「預(yù)備 → 揮砍 → 回收」來拆：預(yù)備用身體與重心配合劍往后帶；揮砍用運(yùn)動模糊和軀干、腳步強(qiáng)化力度；回收用少量幀和粒子消散避免生硬。

中間用 tween 把關(guān)鍵幀串順，再根據(jù)游戲節(jié)奏決定每段幀數(shù)。