GameBuilder

GameBuilder 📜

Assets

Step 1/2

Steps:
1. Background - Select environment
2. Player - Configure character
3. Freestyle - Add NPCs, Walls, etc

Tips: Draw red barriers directly on the game view. Barriers collide. Walls are visible in-game by default; use the Walls toggle to hide them while testing.

ENVIRONMENT

Background Selection

To add your own backgrounds, place files under images/gamebuilder/bg and then press the Refresh Assets button. See upload instructions.

Backgrounds json: images/gamebuilder/bg/index.json

PLAYER

Name Sprite

To add your own spritesheets, place files under images/gamebuilder/sprites (and set rows/cols in index.json). Then press Refresh Assets. See upload instructions.

Sprites json: images/gamebuilder/sprites/index.json

X Position Y Position Movement Keys

Scale Factor

Step Factor

Animation Rate (ms)

Rows

Columns

Directional Rows

Down Row

Right Row

Left Row

Up Row

Up-Right Row

Down-Right Row

Up-Left Row

Down-Left Row

Direction Frames (columns)

Hitbox (collision box)

Width Reduction (%)

Height Reduction (%)

Smaller values mean a larger collision box (closer to sprite edges). Larger values trim the box inward symmetrically.

NPC

NPCs use the same spritesheet system as the Player. Place files under images/gamebuilder/sprites and set rows/cols in index.json, then press Refresh Assets. See upload instructions.

Sprites json: images/gamebuilder/sprites/index.json

Interaction: Walk up to an NPC and press E to open their dialogue. Interactions trigger on collision or close proximity. Ensure the NPC has either a greeting or dialogues set for text to appear.

WALLS

Game Viewer

Code Runner