Skip to content

Maps

A tag group can be a place. Turn that on and its tags stop being a list of names and become zones you draw: outlines on a canvas, with hands pinned to positions inside them. Drag a hand from one zone to another and it’s rebound to the new zone’s tag.

The Village example's map in Storyletter: five illustrated zones laid out on the canvas, each an overhead picture with its outline traced over it and its hands standing as pins inside it. The zoom cluster sits top left of the canvas. A side panel on the right lists the map's contents: the five zones with their colours, the thirteen hands, and the five background pictures. The strip underneath carries the add buttons and reads '5 zones, 13 pinned'.
The Village example's map: five zones, each with a background picture behind its outline and its hands pinned inside it. The side panel lists everything on the map - zones, hands, pictures - and a row brings its thing into view, or arms the tool that adds it if it isn't placed yet. The strip underneath adds zones, backgrounds, frames and comments.

One thing to hold on to: a map is a drawing of tags you already have. There’s no geometry in the engine, and nothing in a bundle that a runtime reads as a shape. A zone is a tag; a site is where you chose to draw a hand. Delete the whole map and the project plays identically.

Open the box, go to the Tags tab, pick a group, and turn on A place under Map. The group’s tags are now zones, and the box grows a Maps tab.

A box can have several spatial groups, and each is its own map. A box with none has no Maps tab at all.

The strip under the canvas carries the four things you can add:

  • Zone: trace an outline for one of the group’s tags. A tag with no outline yet is offered when you start drawing; you can also draw a shape first and make the tag with it. Drag a corner to reshape, drag a mid-point to add one.
  • Background: a picture behind everything, to trace over. Move it, scale it, fade it, lock it so clicks pass through, or hide it.
  • Frame: a labelled rectangle that describes the map to whoever reads it. It means nothing to the engine.
  • Comment: drop a thread straight onto the canvas as a marker. See Reviewing.

Hands are placed from the map’s own side panel: a hand with no position yet is offered there.

A site is a hand’s position on this map. Drag it into a zone and the hand is rebound to that zone’s tag. That’s a real edit to hands.storylethands, and one undo step.

Zones can overlap. A market square inside a district is a perfectly normal thing to draw, so “which zone is this site in?” needs an answer, and the rule is: a site belongs to the frontmost zone containing it, and to no other. Frontmost means the one drawn on top, which is the one you can see at that point.

Drawing one outline inside another does not make it a sub-zone. Zones are tags, and tags don’t nest, so a site sitting inside both village and the-inn belongs to whichever is in front, and only that one. Filter to the other and you won’t find it.

You can’t see that on a drawing, so the editor shows it: a site sitting inside more than one outline wears a dashed amber ring, and selecting it explains which zones don’t count. It’s a warning, not an error: nothing is broken, and you may well have meant it.

If you want containment to mean something, use two tag groups, say a region group and a place group, and bind a hand in both.

  • Zoom and fit live in the bottom-right control: fit everything, fit the selection, zoom out, back to 100%, zoom in. Home fits, F fits the selection. The full key list is on Keyboard shortcuts.
  • A site is coloured by its zone, so a site whose colour disagrees with the ground under it has been moved off the zone it’s bound to.
  • A hollow site is a hand nothing is binding: it marks a spot and no more.
  • View ▸ Coverage Overlay, once you’ve run a coverage test, tints sites by how much play reached them. See Coverage testing.

Positions live in view.storyletview, the arrangement shard, and nothing else does. Which zone a site is in is not recorded there: that’s the hand’s binding, in hands.storylethands. So two people rearranging one map produce a position conflict, not a content one. See The shards.

MIT-licensed open source · Made by · storylet.studio