Godot 製作橫向遊戲（1）

想做一款 2D 橫向卷軸遊戲，卻不知道從哪開始？這篇教學會帶你一步步用 Godot 建立專案、加入角色、設定動畫與碰撞偵測，一起做出自己的小遊戲角色吧！

Step 1：建立專案

1. 開啟 Godot，點選「建立」。
2. 選擇儲存資料夾，輸入專案名稱（例如 SideScrolling）。
3. 點下「建立並編輯」，開始開工！

🎯 提醒：這次我們做的是 2D 遊戲，進入後記得切到「2D」視圖再新增「2D 場景」。

Step 2：素材準備與導入

建立好 Godot 專案後，下一步就是加入我們的遊戲素材。這些素材會構成遊戲的畫面與聲音，例如角色圖、背景圖、音效、音樂等等。

以下是本次教學會用到的素材，連結是我幫大家找到的免費素材：

• 腳色（點我下腳色素材）
• 地形（點我下載地形素材）

在專案資料夾中建立 assets 資料夾，並將下載好的檔案放到裡面。

如果想找更多風格、免費或商用授權的素材，非常推薦逛逛 Itch.io。
這是許多獨立開發者分享作品的寶庫，能找到符合你遊戲風格的素材。

Top game assets

Find game assets like Modern Interiors - RPG Tileset [16X16], PSX Tech, Kenney Game Assets All-in-1, KayKit : Block Bits, Sprout Lands - Asset Pack on itch.io, the indie game hosting marketplace

itch.ioThe freest man

Step 3：加入 CharacterBody2D 節點

負責「控制角色」的物理節點。

按照以下方式來建立CharacterBody2D 節點

右鍵 Node2D > 新增子節點 > 搜尋 CharacterBody2D > 建立！

Step 4：讓角色動起來！加入 AnimatedSprite2D

1. 選取 CharacterBody2D > 新增子節點 AnimatedSprite2D
2. 點右側屬性欄的「SpriteFrames」旁空白格子 > 新增 SpriteFrames 資源
3. 加入動畫圖檔（Idle）
   1. 根據圖片的排版，設定「水平為 4」、「垂直為 1」來分割影格。
   2. 選擇所有影格（可框選或按 Ctrl+A），點選「新增影格」。
4. （可選）勾選 Autoplay 讓角色自動播放動畫

Step 5：加入碰撞偵測 CollisionShape2D

1. 繼續在 CharacterBody2D 加入子節點 CollisionShape2D
2. 選 CapsuleShape2D（適合角色形狀）
3. 調整大小讓它包覆住角色，讓角色不會穿牆或卡住！

💡 小提醒：碰撞形狀只定義外框，要搭配物理節點（像 CharacterBody2D）才有作用。

Reference

• Godot 官方文件 - CharacterBody2D
• Godot 官方文件 - AnimatedSprite2D