Post

GoDot 4.5.1 Create Skeleton Animation

GoDot 4.5.1 Create Skeleton Animation

步驟一:建立節點與裁切圖片

建立結構:

Node2D (根節點)

Polygon2D (放入你的大圖)

  1. 選了 Polygon2D, 把圖片拖曳在右邊的 Properties 裡的 Texture

Skeleton2D -> Bone2D_Arm -> Bone2D_Hand

裁切手掌:

選取 Polygon2D,點擊上方的 「UV」。

在下方彈出的視窗中,點擊 「多邊形 (Polygon)」 工具,沿著手掌邊緣點出一圈。

關鍵點: 點完後點擊右下角的 「將多邊形複製至 UV」。

踩雷筆記: 此時畫面可能只剩下手,這是正常的,因為你已經把手掌區域「分離」出來了。

步驟二:解決消失的骨頭與「靜止姿勢」警告

新手最常遇到:「為什麼我的 Bone2D 顯示紅色十字或是根本看不到?」

找回骨頭:

選取 Bone2D_Arm,在屬性檢視器的 Transform > Position 輸入一個座標(例如 500, 500)。

此時畫面上會出現 紅色十字。請切換到移動工具(快捷鍵 W),將它拉到手腕位置。

選取 Bone2D_Hand,點住紅色十字往手指尖方向拉,一條藍色的骨頭就會現身。

消除黃色三角警告:

選取 Skeleton2D 節點。

找不到按鈕在哪? 就在視窗正上方,選單標籤 2D 下方的 「Skeleton2D」文字按鈕。

點擊它,選擇 「Make Rest Pose (設置靜止姿勢)」。

步驟三:確保「不變形」的權重刷法

這是決定你的手掌動起來像「紙片」還是「果凍」的關鍵。

選取 Polygon2D,在屬性面板的 Skeleton 欄位指派你的 Skeleton2D。

點擊上方的 「骨骼 (Bones)」 圖示。

找筆刷在哪?

下方編輯面板左上角,點擊那個像 「水滴/油漆桶」 的圖示就是筆刷。

刷權重秘訣:

選取右側清單的 Bone2D_Hand。

把整個手掌區域塗成 紅色 (權重 1.0)。
(實際上只有把端點變成白色, 而且要特定順序才會變白色)

確保手掌的頂點 100% 屬於手掌骨頭。只要不跟手臂骨頭混合,旋轉時手掌就不會縮小或變形。

步驟四:製作 2 度左右的擺動動畫

最後,我們讓它動起來。

新增 AnimationPlayer 節點。

在下方動畫面板點擊「動畫」->「新增」,命名為 wave。

調整總時長:

找不到怎麼拉到 2 秒? 在動畫面板右側,有一個預設為 1.0 的輸入框,手動改成 2.0。

打關鍵影格:

在 0s (0°)、0.5s (2°)、1.5s (-2°)、2.0s (0°) 分別針對 Bone2D_Hand 的 Rotation 打上鑰匙。

開啟自動播放與循環:

自動播放按鈕在哪? 在動畫面板頂端,找一個 「A」很像刪除的圖示,點亮它。

循環按鈕在哪? 在面板的時間軌道最右側的 「循環箭頭」 圖示,點亮它。

This post is licensed under CC BY 4.0 by the author.