OverlayNew
Map inset of the home town with a growing region
A small top-down plan of the home town in a corner, with home marked and a disc or a band from the shore that grows.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| mode | choice | circle | circle, band | a disc growing from a point (a fire, a strike, a town), or a band inland from the shore (a rising sea) |
| radius (Can change over time) | number | 150 | 0 to 1000000 m | the disc's radius in metres (mode circle); give a track or a follower of the counter, (v) => v * 20Can change over time |
| reach (Can change over time) | number | 60 | 0 to 100000 m | how far inland the band reaches from the shore, in metres (mode band); a track or a follower of the counterCan change over time |
| center | vec2 | 110, 90 | -1000000 to 1000000 | where the disc grows from: metres along the shore and inland of home's door (the sea lies at about -258 inland) |
| tone | choice | accent | accent, warn | the region's colour: the accent, or the warning colour for danger |
| note | text | – | – to 24 | the word before the size under the plan, such as burned or flooded; empty says radius or reach |
| label | text | – | – to 40 | a word over the plan; empty for none |
| readout | choice | size | size, none | write the region's size under the plan, or not |
| unit | choice | auto | auto, m, ft, km, mi | the unit of the reading and the scale bar is metres or kilometres; the reading can use feet or miles |
| decimals | integer | 0 | 0 to 3 | decimal places of the reading |
| format | choice | grouped | grouped, plain, compact, scientific | how numbers are written: 12,500 / 12500 / 12.5k / 1.25×10⁴ |
| extent | number | 600 | 10 to 1000000 m | how many metres the plan's width spans; the streets fade out when it spans several kilometres |
| zoom | choice | follow | follow, fixed | follow: a disc that outgrows the plan widens it; fixed: the plan keeps its width |
| focus | vec2 | -30, -90 | -1000000 to 1000000 | the plan's middle: metres along the shore and inland of home's door |
| at | vec2 | 0.86, 0.6 | 0 to 1 | the plan's centre, across and down the frame; a plan near an edge slides in |
| size | number | 0.3 | 0.15 to 0.6 | the plan's side, a share of the frame's height |
| ink | color | #f3f0e8 | – | its words, numbers, ticks and outlines |
| accent | color | #4fb8e8 | – | the growing region (tone accent) |
| warn | color | #ff6b4a | – | the growing region (tone warn) |
| font | choice | sans | sans, serif, mono | the face of its words and numbers |
| backing | number | 0.55 | 0 to 1 | how dark the soft panel behind it is; 0 for none |
| reveal | number | 0.8 | 0 to 5 s | how long it takes to draw in; 0 shows it at once |
Use it in a film
film.js
elements: { 'map-inset': { mode: 'circle', radius: 150 } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.