add editor screenshots

2026-09-21 00:20:06 +07:00
parent ec95a3c0c2
commit 1dc8ca8281
4 changed files with 15 additions and 0 deletions
@@ -122,6 +122,21 @@ They exist because some things cannot be authored blind: whether an asteroid ove
 ship's nose, whether a row breathes, whether the page is balanced. Those are seen, not
 specified.
 <img src="docs/screenshots/editor-collecting-asteroids.jpg" width="100%">
 *`collecting-asteroids` — an asteroid selected. The status bar reports what the tool needs:
 `val=2 | asteroid1 | base=0.30` on the left, `left: 67mm, top: 1mm | rot: -15° | scale: 1.05`
 on the right, and the active hotkeys in between.*
 | | |
 |:---:|:---:|
 | <img src="docs/screenshots/editor-space-route.jpg" width="440"> | <img src="docs/screenshots/editor-cargo-filling.jpg" width="440"> |
 | `space-route` — a mode switch (objects / route), highlight and flip, over a hex graph | `cargo-filling` — 54 selectable cards; formula rows must stay aligned with their ships |
 Each editor carries its own toolbar and its own keymap, because each type is edited
 differently — but they all sit on the same core and save through the same endpoint into
 the same overlay format.
 All four share `src/editor/editor-core.js` — worksheet loading, page navigation, selection,
 toolbar, toast, save, export. Type-specific logic (what is draggable, what a keypress means,
 how state serialises) stays in each `editor.html`.