Editor Features
Page currently under works. Right now, the Key bindings section is the most useful here. Check out getting start
Core Features
- ✏️ Draw pixel art with layers, selections, and keybinds
- 🧩 Edit one tile and apply changes instantly across your map
- 🔄 Rotate and flip tiles with quick transforms
- 🎨 Use colors to design textures, or textures as palettes
(images of the editors and description of features with foldout)
The editor allows you to design pixel art tiles and build your world with them — all in real time.
No more flipping between Tiled and Aseprite. Just draw and build.
Core Components
- Workbench: Tabbed workflow panel for utility switching.
- Draw Pixels Canvas: A lightweight pixel tile editor for your tileset creation.
- Tile Bin: Your curated tileset inventory.
- World Canvas: Paint your world using tiles from your Tile Bin.
Design Utilities
- Color Station: Pick, swap, and manage color swatches.
- Layers System: Supports stacking/editing of tile layers in Draw + World views.
- Utility Bar: Global controls for quick access to settings/tools.
Flow
- Draw a tile → Ship to Tile Bin
- Paint world with that tile
- Edit/duplicate tile → propagate or branch variation
- Export world for runtime use (JSON for now, later DOR scripting)
This engine prioritizes iteration speed, without leaving the app.
Component Overview
Workbench
Modal Tab view to cycle through tool bars and app states.
Draw Pixels Canvas
Drawing canvas to draw tiles to export to the Tile Bin.
Tile Bin
Texture Brush to Paint, Edit, Delete and Interact with World Canvas
Utilities
Utilities for grid, save, Load, and Export.
World Canvas
Level Editor for manipulating the world
Color Station
Color Selection to choose your color swatches, reorder them and update the world in real-time.
Layers
Layers dependent on the state.
- Draw Pixels Canvas holds Current Tile Layers.
- Tile Bin Focus holds World Canvas Layers.
Key Bindings
Draw Pixels Canvas Selection Mode
| Action | Shortcut |
|---|---|
| Rotate Left/Right | Q / E |
| Flip Vertically | W / S |
| Flip Horizontally | A / D |
| Duplicate On Release | Hold L-Ctrl |
World Canvas Selection Mode
| Action | Shortcut |
|---|---|
| Rotate Left/Right | Q / E |
| Flip Vertically | W / S |
| Flip Horizontally | A / D |
| Duplicate On Release | Hold L-Ctrl |
Layers
| Action | Shortcut |
|---|---|
| Toggle Active Layer Highlight | R |
| Rename Layer | R-Click |
| Submit Layer Name | Enter |
⚠️ Note: Layer renaming is currently sensitive to focus bugs. Rename and confirm before switching tabs.