๐ฎ Setup Guide โ Deymoon Platformer Starter
Good news: all the game code is already written! Your job is just to get the character art files into Godot. Follow these steps and youโll have a playable game in minutes.
๐น๏ธ Step 1 โ Load the Project
- Open your browser and go to https://editor.godotengine.org
- Download character-sprite-animation.zip
- Drag the ZIP file onto the Project Manager window
- Click Install and wait for it to finish loading
- Press the โถ Play button at the top โ you should see the game running!
๐ก Try it out! Press A/D to move and Space to jump. This is your game.
๐จ Step 2 โ Download the Character Sprites
The game needs 13 image files โ one for each move your character can do.
- Go to https://deymoon.itch.io/character-template and click Download
- Open the ZIP file that downloads to your computer
- Find the folder containing the PNG files (they all start with
character_) - Keep this folder open โ youโll need it in the next step
๐ Youโre looking for 13 files like
character_idle.png,character_walk.png, etc.
๐๏ธ Step 3 โ Customize a Sprite in Piskel
- Open https://www.piskelapp.com/ in your browser
- Drag and drop one PNG from your Deymoon folder into the Piskel editor (for example
character_idle.png) - In Import and Merge, choose Import as spritesheet
- Set Frame size to 48 ร 48 (width 48px), then click import
- Edit each frame in the timeline to draw your own character over the existing animation
- When youโre done: Export โ PNG, set Rows to 1 (and Columns to match the number of frames), then click Download
- Drag the exported PNG into Godot to replace the original file (keep the filename exactly the same)
๐ Step 4 โ Add the Sprites to Godot
โ ๏ธ Important: Drag the PNG files in directly โ do NOT drag the ZIP file.
- In Godot, find the FileSystem panel in the bottom-left corner
- Click on the
sprites/player/folder to open it - Drag ALL 13 PNGs from your Deymoon folder into
sprites/player/
Godot will automatically import them as you drop them in. Here are the exact file names โ they must match exactly:
character_air-spin.png
character_crouch-idle.png
character_crouch-walk.png
character_idle.png
character_jump.png
character_land.png
character_ledge-climb.png
character_ledge-grab.png
character_roll.png
character_run.png
character_walk.png
character_wall-land.png
character_wall-slide.png
| Animation | PNG File | Columns | What It Does |
|---|---|---|---|
| idle | character_idle.png | 6 | Standing still |
| walk | character_walk.png | 8 | Slow walk |
| run | character_run.png | 8 | Fast run (hold Shift) |
| roll | character_roll.png | 11 | Rolling dodge |
| jump | character_jump.png | 4 | Jumping up |
| air_spin | character_air-spin.png | 8 | Double jump spin |
| land | character_land.png | 3 | Landing on ground |
| crouch_idle | character_crouch-idle.png | 4 | Crouching still |
| crouch_walk | character_crouch-walk.png | 11 | Crouching + moving |
| ledge_climb | character_ledge-climb.png | 5 | Climbing up a ledge |
| ledge_grab | character_ledge-grab.png | 1 | Hanging from a ledge |
| wall_slide | character_wall-slide.png | 2 | Sliding down a wall |
| wall_land | character_wall-land.png | 1 | Landing from a wall |
๐ง Step 5 โ Fix the Blurry Pixels
Pixel art looks blurry by default. This one setting makes it look crisp:
Project โ Project Settings โ Rendering โ Textures โ Default Texture Filter โ Nearest
Then click Save & Restart.
๐ผ๏ธ Without this, your sprites will look soft and blurry. With it, every pixel is sharp!
๐น๏ธ Controls
| Key | Action |
|---|---|
| A or โ Arrow | Move left |
| D or โ Arrow | Move right |
| Space or โ Arrow | Jump |
| Space (in air) | Double jump spin ๐ |
| S or โ Arrow | Crouch |
| Hold Shift | Run fast |
| Tap Shift (moving) | Roll / dodge |
| Jump into a wall | Wall slide ๐ง |
| Jump near a ledge | Grab and climb the ledge ๐ช |