Use this file to discover all available pages before exploring further.
Webtile provides keyboard shortcuts in both the map (tilemap) editor and the sprite editor. Shortcuts are designed to keep your hands on the keyboard while painting, reducing the need to reach for toolbar buttons. The two editors share some conventions — for example Ctrl+Z undoes in both — but each editor has its own tool shortcuts that reflect the capabilities available in that context.
Keyboard shortcuts are active when the editor canvas has focus. If you click a UI element such as a menu, modal, or input field, keyboard focus moves away from the canvas and shortcuts will no longer fire until you click back on the canvas area. Some shortcuts (such as Ctrl+Z) are wired globally in HomePage.jsx and remain active regardless of focus.
The sprite editor (SpriteEditor) provides shortcuts for tool selection, undo, clipboard operations, and display toggles. The pencil tool is the default; Escape always returns to it.
Key / Action
Description
F
Switch to the Fill tool — BFS flood-fill; constrained to the active selection rectangle if one is defined
R
Switch to the Select tool — drag to define a rectangular selection in sprite-pixel coordinates
D
Toggle double-width display — stretches pixels 2× horizontally to preview the wide-pixel CPC Mode 0 aspect ratio
Ctrl+Z
Undo — reverts to the previous sprite state (history stack holds up to 50 snapshots)
Ctrl+C
Copy selection — copies the pixels within the active selection rectangle to the clipboard
Ctrl+V
Paste — enters paste-preview mode; click on the canvas to stamp the clipboard contents at that position
Escape
Clear selection / exit paste / revert to Pencil — clears the active selection rectangle, cancels paste-preview mode, and returns the active tool to Pencil
Shift+click
Draw line (Pencil tool only) — draws a Bresenham straight line from the previous click point to the current cursor position