Getting Around

The editor is split into a few main areas: project controls, the document workspace, sidebars for managing content, and inspectors for editing the selected item.

Most work starts in the document workspace. Select a tool, place something on the canvas, then fine-tune it through the inspector or the lists in the sidebar.

Main areas

  • Project controls open managers for Tile Sets, Object Types, Event Types, and Project Settings.
  • Tool buttons switch between selection and placement tools.
  • Document workspace is the canvas where you place and arrange game content.
  • The Wheel appears at the bottom of the workspace while a placement tool is active, letting you search and pick which Tile or Object Type you're about to place.
  • Left sidebar lists the current Document's Layers and children, and helps you select, reorder, hide, lock, or organize them.
  • Inspector shows editable fields for the current selection.
  • Preview and Code buttons let you test or export the active Document.

Number fields throughout the editor also accept simple math, so you can type something like 32+16 or 128/2 into a position or size field and Spritedeck will work out the result.

Basic workflow

  1. Open or create a Project
  2. Choose the Document you want to edit
  3. Add or select a Tile Set if you are drawing Rectangles with art
  4. Place Rooms, Rectangles, Objects, or Paths in the workspace
  5. Name and organize items into Layers in the sidebar so the exported data is easy to read
  6. Preview or export when you are ready to test in your game

Selection tips

Use the Select tool when you want to move, resize, inspect, duplicate, lock, reorder, or delete existing content. Other tools are for placing new content. Press Escape to return to the Select tool at any time.