俯視角角色待機(jī)動畫與八向跑步（攻擊動畫的前置基礎(chǔ)）

今日教程｜八方向角色待機(jī)跑步攻擊動畫

今天這篇來自 SLYNYRD 的Pixelblog 55 - Top Down Character Animation，講的是 3/4 俯視角的 8 方向角色：先做素體 待機(jī)idle 和跑步，再套到角色設(shè)計上。

一、為什么先做素體

俯視角（3/4 top down）在像素游戲里很常見，但要做出 8 方向且每個方向都清晰、不 jank，得先把動作和比例在 素體上定好。

先畫 5 個朝向（前、上、側(cè)、以及兩個斜角），利用左右對稱做 flip 湊滿 8 方向；尺寸約 26×32px，大致 1×2 個 16×16 格，方便和關(guān)卡 tile 統(tǒng)一。

素體定好后再往「帶頭發(fā)、裝備」的正式角色上套，會省很多返工。

二、待機(jī)Idle 與跑步的節(jié)奏

待機(jī)Idle 用不等速的幀停留（在動作兩端多停一點、中間過渡快一點），會比均勻播放更自然。

跑步是6 幀一循環(huán)，重點在頭部的上下 bounce：不要做成勻速的正弦波，而是「下-下-上」這種有輕重節(jié)奏的分配（例如一 stride：下 1px、下 1px、上 2px），另一 stride 再對稱，這樣讀起來更像真實步態(tài)。

八向的做法是先做完前、側(cè)、上三個方向，再用對稱 flip 補(bǔ)全。

三、跑步參考

6 幀跑循環(huán)的關(guān)鍵是：腿的 contact / down / pass / up 要和其他方向?qū)R，方便后面做「跑 + 攻擊」等組合。

先把各方向草稿做完，再擺成一圈同步播放，邊播放邊修比例和節(jié)奏，保證旋轉(zhuǎn)時不會突然抖或變形。

四、從素體到角色設(shè)計

角色設(shè)計要在「靜態(tài)好看」和「動起來不糊」之間取舍：顏色太碎、對比都堆在中間，動起來會變噪聲；簡化輪廓、把明暗拉開，八方向每一幀才都能讀清楚。

裝備（劍、盾、披風(fēng)）可以單獨一層疊在 base 上，方便以后換裝。

頭發(fā)、披風(fēng)在 idle 里可以做 2–4 幀的輕微 bounce，增加一點活感。

五、小結(jié)

這篇把俯視角 8 方向角色的基礎(chǔ)動畫（idle + run）講清楚了，如果你在做「角色攻擊動畫」，先把角色待機(jī)/跑 打穩(wěn)，再去做攻擊會順很多。

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

Pixelblog 55 - Top Down Character Animation: https://www.slynyrd.com/blog/2025/3/24/pixelblog-55-top-down-character-animation