five-on-it / apps/client/src/ui/studio/StudioMap
apps/client/src/ui/studio/StudioMap
The studio's map: a city's solved plan drawn north up in an SVG of metres (frame.ts), its districts' lots tinted by style, its water, parks, hills, roads (as wide as they are, darker the higher their rank), roundabouts, places and spawn; the selected element's points as handles (the ones of its own dragged), the game's zones (circles, polygons with their points dragged once selected), the solver's issues pinned where their elements stand, and the road or river being drawn. Pan by dragging the ground, zoom with the wheel. A click is the tool's (StudioPage.tsx decides what it does); a click on an element selects it. The ids and data- attributes are the end-to-end tests' contract.