@johnmorrisdotca/kyogijo-stadiums 0.44.1 → 0.45.0

package/dist/cityctx.vancouver-nature.data.d.ts

@@ -0,0 +1,3 @@
+import type { ContextArea } from "./context.ts";
+/** Vancouver: water, green and trees round BC Place and Rogers Arena: 0 buildings, 0 street lines, 28 land cover outlines and 1370 trees within 450 metres of the middle, read 2026-10-22. */
+export declare const VANCOUVER_NATURE: ContextArea;

package/dist/cityctx.vancouver-nature.data.js

@@ -0,0 +1,57 @@
+/** Vancouver: water, green and trees round BC Place and Rogers Arena: 0 buildings, 0 street lines, 28 land cover outlines and 1370 trees within 450 metres of the middle, read 2026-10-22. */
+export const VANCOUVER_NATURE = {
+    "key": "vancouver-nature",
+    "name": { "en": "Vancouver: water, green and trees round BC Place and Rogers Arena", "ja": "バンクーバー：BCプレイスとロジャース・アリーナ周辺の水面・緑地・樹木" },
+    "origin": [-123.11038, 49.277237],
+    "radius": 450,
+    "grid": 0.5,
+    "layers": {
+        "landCover": {
+            "source": "VoxCity 1.7.0 land cover from OpenStreetMap",
+            "read": "2026-10-22",
+            "licence": "ODbL 1.0 (OpenStreetMap); VoxCity is MIT",
+            "attribution": { "en": "Land cover made with VoxCity (MIT) from OpenStreetMap", "ja": "土地被覆：OpenStreetMap から VoxCity（MIT）で作成" },
+            /** Each outline: the class (0 water, 1 green, 2 wood), then the first point (east, north) and each step to the next, in grid steps from `origin`. A hole is an outline of its own (filled even-odd). */
+            "rows": [
+                [0, 1838, 1998, -80, -120, 80, -40],
+                [0, 1558, 1998, -479, -200, 479, 40],
+                [0, 1119, -1079, -1758, 40, 0, -280],
+                [0, -80, -1159, 120, 80, 0, -40],
+                [0, -679, -1358, -1319, 159, 0, -799],
+                [1, 799, 1878, -80, -120, 80, -40],
+                [1, 1079, 1758, -120, -120, 639, 160],
+                [1, -1319, 1358, -199, -39, 199, -40],
+                [1, -1478, 1239, -120, -240, 160, 160],
+                [1, 80, 1199, -160, -120, 160, -80],
+                [1, -1119, 440, -160, 0, 0, -80],
+                [1, 599, 479, -40, -279, 280, 200, 0, 40],
+                [1, 639, 400, 40, 40, 0, -40],
+                [1, 1998, 479, -40, -359, 40, 0],
+                [1, 1159, 519, -480, -359, 520, -40],
+                [1, 1918, 80, -120, -120, 160, -40],
+                [1, 599, -160, -40, -160, 120, 40],
+                [1, 1438, -320, -119, -159, 119, 0],
+                [1, 1119, -240, -120, -479, 160, -40],
+                [1, 1718, -519, -200, -400, 160, 0],
+                [1, -919, -959, 320, 0, -40, 120],
+                [1, 1159, -1159, -40, 80, -240, -80],
+                [1, -1598, -919, -200, -439, 240, 319],
+                [1, 959, -1279, -120, -239, 80, -40],
+                [1, 120, -1119, -240, -160, -40, -119, 280, -120],
+                [1, -40, -1358, 40, 39, 0, -39],
+                [1, -799, -1598, -160, -120, 200, 40],
+                [1, -1598, -1918, -200, -80, 240, 0],
+            ],
+        },
+        "trees": {
+            "source": "OpenStreetMap natural=tree and the City of Vancouver's Public trees: https://opendata.vancouver.ca/explore/dataset/public-trees/",
+            "read": "2026-10-22",
+            "licence": "ODbL 1.0 (OpenStreetMap) and the Open Government Licence - Vancouver",
+            "attribution": { "en": "Trees: City of Vancouver open data, Public trees, under the Open Government Licence - Vancouver; simplified and edited by Kyogijo Stadiums", "ja": "樹木：バンクーバー市オープンデータ「Public trees」（Open Government Licence - Vancouver）；Kyogijo Stadiums が加工して作成" },
+            /** One row for all the trees: the first tree's east, north and crown radius, then each next tree's step in east and north from the one before and its crown radius, all in grid steps. */
+            "rows": [
+                [-343, -825, 5, 4, 3, 7, 5, 4, 6, 8, 6, 5, 27, 11, 4, -1, 1, 5, 7, 6, 5, -13, 1, 5, -131, 8, 5, 15, 2, 5, -16, 2, 4, 0, 8, 5, -4, 2, 5, 20, 1, 5, -22, 3, 5, 41, 8, 5, -17, 0, 5, 10, 0, 5, 11, 4, 5, 57, 1, 4, -2, 1, 5, -19, 0, 5, 76, 3, 5, -208, 1, 5, 314, 1, 5, -228, 1, 4, -13, 1, 5, -55, 1, 5, 75, 1, 5, 112, 2, 4, 118, 0, 5, -313, 1, 5, 25, 2, 5, 261, 3, 5, -221, 1, 5, 258, 1, 5, -249, 0, 5, -52, 0, 5, -7, 1, 4, -2, 1, 5, 131, 0, 5, -166, 2, 5, 321, 1, 5, 29, 0, 5, -168, 1, 4, -136, 2, 5, 280, 1, 5, -315, 2, 5, 320, 2, 5, -248, 0, 5, 5, 1, 5, -33, 1, 5, -33, 3, 5, 315, 0, 5, -274, 3, 5, 140, 0, 5, -12, 1, 5, -223, 1, 5, 65, 3, 5, -59, 8, 5, 106, 0, 5, -36, 0, 5, 42, 1, 4, 4, 5, 5, 5, 1, 4, 107, 0, 5, -147, 1, 5, -77, 1, 5, 213, 0, 5, 192, 3, 5, -281, 2, 5, 290, 3, 5, -324, 0, 5, 351, 1, 5, -340, 5, 5, 5, 2, 5, 119, 1, 5, -13, 1, 5, -101, 3, 5, -148, 1, 3, 152, 1, 4, -172, 0, 5, 4, 0, 3, 210, 2, 4, -1, 3, 5, 86, 2, 5, -76, 4, 5, -35, 0, 4, -2, 1, 5, -165, 1, 5, 293, 1, 5, -44, 0, 5, 11, 0, 5, 20, 3, 5, -67, 1, 5, 3, 1, 4, -43, 0, 5, 158, 0, 5, -151, 1, 4, 90, 3, 5, -209, 0, 5, 121, 1, 5, 40, 2, 5, -32, 1, 5, -1, 3, 5, -115, 2, 5, 174, 1, 5, -11, 0, 4, 23, 0, 5, -26, 1, 5, -31, 2, 5, -2, 1, 5, 71, 1, 5, -186, 3, 5, 129, 3, 5, -3, 1, 5, -113, 4, 5, 126, 2, 5, -1, 1, 5, 66, 4, 5, -178, 2, 5, -119, 6, 3, -6, 1, 5, 139, 1, 5, -206, 2, 5, 85, 4, 5, 135, 4, 5, 2, 0, 3, 87, 1, 5, -2, 1, 4, 30, 0, 5, -233, 0, 4, -3, 2, 5, 130, 2, 5, 68, 4, 5, -181, 3, 5, 128, 1, 5, 77, 2, 5, -73, 0, 3, 73, 1, 4, -186, 4, 5, 149, 1, 5, -26, 1, 5, 24, 1, 4, -21, 0, 3, 51, 1, 5, -161, 6, 5, 147, 8, 5, -126, 1, 4, 126, 0, 4, 448, 1, 5, -687, 0, 5, 109, 0, 5, -236, 0, 5, 58, 7, 5, 79, 2, 5, 127, 5, 4, -269, 1, 5, 264, 0, 5, 559, 6, 5, -429, 0, 5, -108, 4, 4, -4, 1, 5, -291, 0, 5, 74, 1, 5, 326, 2, 4, -177, 1, 5, 200, 4, 5, -12, 4, 4, 424, 3, 5, 84, 7, 5, -496, 2, 5, 450, 2, 5, -443, 3, 5, -80, 6, 5, 90, 2, 5, -469, 1, 4, 393, 6, 5, 3, 1, 4, 516, 1, 5, -13, 1, 5, -886, 6, 3, 395, 0, 5, 3, 1, 4, 82, 1, 5, -66, 8, 4, 451, 0, 5, -11, 0, 5, -443, 1, 5, -403, 0, 5, 486, 1, 5, 360, 5, 5, -448, 5, 5, 24, 1, 4, 436, 4, 5, -888, 0, 5, 878, 1, 5, -832, 0, 5, -41, 1, 7, 459, 3, 5, -18, 1, 5, 23, 1, 4, 15, 4, 4, -427, 4, 5, -38, 2, 7, 479, 3, 4, -62, 0, 5, 38, 0, 5, -452, 4, 5, 472, 0, 5, -5, 7, 5, 20, 3, 5, -477, 1, 5, 5, 3, 7, 467, 2, 5, -332, 3, 5, -131, 3, 5, 287, 3, 5, -157, 2, 5, 476, 1, 5, -14, 2, 5, -580, 2, 6, 338, 1, 5, -216, 2, 4, -5, 1, 5, 228, 4, 5, -14, 1, 5, -199, 2, 5, 182, 1, 5, 9, 0, 5, -204, 1, 5, -112, 1, 5, 108, 0, 5, 227, 1, 5, -327, 1, 6, 504, 2, 4, -189, 1, 5, -201, 0, 5, 491, 2, 5, -300, 1, 5, 196, 2, 5, -403, 0, 5, -94, 4, 5, 107, 1, 5, -12, 3, 4, 523, 2, 5, -527, 0, 5, 16, 2, 5, -89, 7, 7, 103, 1, 5, 425, 0, 4, 88, 3, 5, -89, 0, 5, -525, 2, 5, 97, 3, 5, -19, 3, 5, 140, 5, 5, 1283, 2, 5, -1296, 1, 5, 347, 0, 4, -478, 0, 5, 1419, 0, 5, -9, 2, 5, -935, 0, 5, 928, 0, 5, 33, 1, 5, -43, 0, 5, -26, 0, 5, -1334, 2, 5, 1306, 1, 5, -21, 0, 5, 112, 1, 5, -208, 0, 5, 107, 1, 5, -1156, 0, 5, -14, 2, 5, 329, 2, 5, 703, 1, 5, 239, 2, 5, -1279, 0, 5, -155, 0, 7, 1213, 3, 5, -711, 3, 5, -375, 0, 5, 918, 1, 5, 15, 0, 5, -1122, 5, 5, 72, 0, 4, 8, 0, 5, 1425, 2, 5, -854, 0, 5, -76, 0, 5, 685, 1, 5, -670, 5, 4, -396, 0, 5, -201, 3, 5, 192, 1, 5, 1316, 0, 5, -1506, 0, 4, 593, 0, 5, -506, 3, 5, 115, 0, 5, -380, 1, 5, 271, 0, 8, 1163, 1, 5, -649, 1, 4, -3, 3, 5, 115, 0, 5, -727, 2, 5, 200, 0, 5, 1317, 0, 5, -1414, 0, 7, 1198, 3, 5, -673, 0, 4, 54, 2, 5, 607, 0, 5, -1094, 0, 5, -354, 0, 5, 1423, 2, 5, -1155, 0, 5, -275, 2, 5, 208, 2, 3, -47, 1, 4, 44, 1, 5, -47, 0, 5, 631, 2, 5, -465, 1, 5, 488, 1, 4, -571, 1, 5, 3, 0, 4, 111, 1, 5, -332, 0, 5, 264, 1, 3, 582, 1, 5, -61, 2, 5, -795, 0, 5, 139, 1, 5, 49, 2, 5, 2, 2, 4, 1447, 1, 5, -1628, 3, 5, 122, 1, 5, 154, 1, 3, -40, 0, 3, -2, 1, 5, -272, 0, 5, 0, 2, 5, 856, 1, 4, -648, 6, 3, -57, 0, 5, 54, 1, 5, 118, 1, 5, 1123, 1, 5, -1113, 2, 5, 519, 1, 5, -565, 3, 5, -271, 1, 5, 47, 2, 5, 231, 1, 4, -155, 0, 5, 52, 0, 5, 4, 1, 3, 673, 2, 5, -838, 8, 5, 1427, 1, 5, -1327, 1, 4, -53, 0, 5, 104, 1, 5, -54, 1, 5, 758, 0, 5, -578, 1, 4, -1, 1, 5, -262, 4, 5, 41, 2, 5, -43, 0, 5, 127, 2, 4, -4, 2, 5, -108, 8, 5, -3, 1, 5, 1395, 1, 5, -1291, 1, 3, -4, 0, 5, 779, 2, 4, 66, 1, 5, -929, 6, 6, 860, 1, 5, -788, 0, 5, 807, 4, 4, 498, 3, 5, -503, 4, 5, -885, 3, 5, 907, 2, 4, -907, 6, 5, 903, 0, 5, -892, 3, 5, 913, 5, 4, -845, 2, 5, 772, 0, 5, -848, 2, 4, 919, 2, 5, -922, 0, 5, -10, 0, 5, 835, 2, 5, 48, 0, 5, -879, 5, 5, 941, 1, 5, -953, 0, 5, 10, 1, 5, 864, 6, 5, -883, 1, 5, 11, 1, 5, 242, 4, 5, -247, 1, 5, 1410, 0, 5, -1280, 0, 5, 767, 1, 5, -899, 1, 5, -8, 8, 5, -21, 2, 5, 19, 0, 5, 300, 1, 5, -143, 0, 3, 117, 0, 5, 630, 2, 5, 11, 1, 5, -23, 0, 5, 810, 4, 5, -1714, 3, 5, 181, 2, 3, 132, 2, 5, 610, 2, 5, 795, 0, 5, -810, 0, 5, -10, 1, 5, -920, 1, 5, 1726, 2, 5, -1387, 0, 5, -327, 1, 5, -3, 2, 5, -19, 5, 5, 958, 2, 5, 508, 0, 5, -1458, 4, 5, 1105, 2, 4, -1108, 1, 5, 1105, 1, 5, -870, 1, 3, 714, 2, 5, 179, 7, 4, -1141, 1, 5, -11, 0, 5, 344, 3, 5, -73, 0, 3, 897, 3, 4, -3, 1, 5, -827, 1, 5, 699, 7, 5, -709, 2, 5, -43, 0, 3, 632, 3, 5, -594, 2, 5, -5, 5, 5, 915, 0, 4, -5, 2, 5, -931, 3, 5, 730, 0, 5, -704, 1, 5, 926, 1, 5, -931, 4, 5, 699, 5, 5, -710, 1, 5, 623, 3, 5, -896, 1, 5, -1, 3, 5, 974, 9, 5, -676, 7, 5, -276, 1, 3, -4, 1, 5, -39, 0, 5, 3, 1, 3, 1451, 1, 5, -469, 2, 5, -34, 4, 5, -940, 2, 3, 1463, 0, 3, -1464, 0, 5, 40, 1, 5, 4, 1, 5, 903, 1, 5, 304, 0, 4, 197, 1, 3, -545, 1, 5, 50, 0, 5, 508, 2, 5, -213, 0, 5, -1234, 6, 5, 11, 11, 5, 38, 0, 5, -37, 1, 3, 1436, 0, 5, -16, 5, 5, -1371, 4, 5, 1177, 0, 4, -1179, 0, 5, 1175, 2, 5, 216, 1, 3, -16, 11, 5, 17, 3, 3, -213, 0, 4, -1194, 6, 5, 1191, 2, 5, -1181, 6, 5, 8, 8, 7, 1177, 3, 14, -856, 3, 5, -40, 1, 5, -22, 0, 5, -213, 1, 3, 216, 2, 7, -251, 2, 6, 278, 4, 5, -236, 0, 5, 2, 1, 5, 195, 3, 6, -227, 4, 6, 175, 1, 5, 103, 3, 4, 1, 1, 5, -52, 0, 5, -11, 3, 6, -4, 1, 5, -202, 1, 6, 322, 7, 5, 149, 0, 5, -266, 2, 5, -11, 0, 5, 1427, 2, 5, -1610, 0, 3, 479, 1, 5, 655, 2, 4, -1002, 3, 5, 1447, 1, 7, -1531, 1, 6, 1083, 0, 5, 466, 0, 5, -804, 1, 3, -788, 0, 5, 7, 2, 3, 1550, 0, 5, -938, 1, 5, -289, 2, 6, 1210, 1, 5, -999, 1, 5, 982, 2, 5, -1473, 0, 5, 449, 1, 5, -446, 0, 4, 58, 3, 5, 1499, 0, 5, -41, 0, 5, -64, 1, 5, 107, 0, 8, -39, 0, 7, 26, 0, 5, -1584, 2, 5, 322, 1, 5, -189, 1, 5, -2, 0, 4, 1415, 0, 6, -1219, 0, 3, 472, 1, 3, 316, 1, 4, 416, 1, 7, -73, 0, 5, -346, 3, 5, 327, 1, 5, 147, 1, 6, -42, 0, 5, -32, 2, 7, -1433, 0, 5, 1401, 0, 5, -1359, 1, 5, 1302, 0, 7, -3, 1, 5, 124, 0, 7, -66, 1, 7, -818, 1, 5, -15, 0, 5, 935, 0, 5, -764, 1, 3, 683, 0, 8, -93, 0, 7, -2, 1, 5, 63, 0, 7, -25, 1, 5, -1328, 0, 4, 0, 2, 5, 233, 4, 5, -41, 0, 6, 43, 0, 3, 1134, 1, 5, 6, 0, 6, -45, 1, 7, -667, 0, 5, -131, 1, 5, -616, 1, 3, 599, 2, 5, 832, 1, 5, -1148, 3, 5, 1149, 0, 6, 13, 3, 5, -682, 1, 5, 5, 0, 4, 612, 0, 5, 70, 1, 7, -845, 0, 5, 761, 0, 5, 18, 0, 7, -11, 1, 7, -1080, 1, 5, 292, 0, 5, 813, 0, 8, 19, 3, 7, -33, 6, 7, -99, 0, 7, 93, 0, 5, -1075, 1, 3, 482, 1, 4, -4, 0, 5, 577, 1, 5, -767, 0, 5, 947, 0, 7, -266, 1, 7, 220, 0, 7, -921, 1, 5, -223, 1, 5, 917, 0, 5, -1197, 1, 5, 1366, 0, 4, -1362, 0, 5, 1351, 1, 4, -27, 0, 8, -1399, 0, 5, 1463, 1, 5, -13, 0, 5, -41, 1, 7, -152, 0, 5, -1254, 1, 4, 1347, 0, 5, -89, 0, 9, 110, 1, 5, 159, 0, 9, -50, 1, 5, -74, 1, 5, -169, 0, 5, 220, 0, 6, -1099, 0, 5, 203, 2, 5, 241, 0, 5, -225, 0, 5, -256, 1, 3, 1059, 1, 5, 66, 1, 7, -12, 0, 5, -73, 1, 5, 162, 0, 5, -1439, 1, 5, 1404, 0, 5, -172, 0, 5, -1323, 1, 3, 1232, 0, 5, 296, 0, 7, -198, 2, 7, 46, 2, 5, 147, 0, 5, -967, 1, 5, 320, 0, 5, -307, 1, 5, -506, 1, 6, 763, 0, 5, 518, 1, 7, 113, 1, 5, -1075, 0, 5, 1028, 0, 5, -1420, 1, 3, 1228, 0, 5, -1114, 0, 5, 231, 1, 5, 1022, 0, 5, 27, 0, 5, -1354, 0, 6, 1331, 0, 7, -74, 1, 4, 218, 0, 5, -221, 1, 5, -1175, 0, 4, 779, 2, 5, 200, 0, 5, -198, 1, 4, 434, 0, 5, 69, 2, 5, 32, 0, 5, -215, 0, 4, -1231, 1, 5, 1394, 1, 5, -168, 0, 5, -1185, 1, 5, -41, 0, 8, 375, 0, 5, -9, 0, 5, 1030, 1, 7, -530, 0, 5, -767, 0, 6, 1325, 2, 5, -48, 1, 3, 83, 1, 5, 3, 0, 4, -1041, 0, 5, 799, 0, 4, -797, 1, 4, 974, 1, 6, -59, 1, 5, 96, 0, 5, 93, 1, 5, -312, 1, 5, -638, 0, 5, 833, 2, 5, -1383, 1, 5, 450, 0, 5, 966, 1, 5, -561, 0, 5, 530, 2, 7, -829, 0, 5, -428, 1, 3, 1051, 0, 4, -2, 1, 5, -649, 1, 5, 899, 1, 5, -129, 1, 6, 204, 1, 7, -1553, 1, 5, 614, 0, 5, -575, 1, 5, 450, 0, 5, -583, 1, 5, 1423, 0, 5, -743, 0, 5, -14, 1, 5, 644, 1, 5, -290, 1, 4, -2, 0, 5, -501, 0, 5, 197, 3, 5, 825, 2, 5, -1415, 0, 5, 563, 1, 5, -402, 0, 5, -39, 0, 5, 1378, 0, 5, -973, 1, 5, 649, 1, 5, 0, 0, 4, 135, 1, 6, 108, 1, 7, -1533, 0, 5, 1507, 0, 5, -794, 1, 5, 832, 0, 7, -34, 0, 5, -827, 1, 5, -679, 0, 6, 1618, 0, 5, -596, 1, 4, -744, 1, 5, 1346, 0, 4, -347, 1, 5, -649, 0, 5, -529, 0, 5, 616, 3, 5, 844, 0, 7, -1316, 1, 5, 1360, 0, 4, -1359, 0, 4, 1357, 1, 5, 28, 1, 5, -117, 1, 7, -5, 0, 5, 39, 1, 6, -926, 0, 5, 952, 0, 7, -160, 2, 6, 69, 0, 5, -759, 0, 5, -472, 0, 5, -237, 0, 4, 277, 1, 5, 1202, 1, 7, -1404, 0, 5, 732, 1, 5, 819, 1, 5, -244, 1, 6, 219, 0, 5, -20, 1, 5, -894, 0, 5, 966, 0, 7, -938, 1, 5, 851, 0, 5, -190, 0, 5, -1348, 0, 5, 1542, 1, 7, -29, 1, 4, -948, 0, 5, 887, 1, 5, -1470, 0, 6, 1459, 2, 5, 78, 0, 4, -751, 0, 5, -102, 1, 5, -631, 0, 5, 2, 1, 3, 658, 0, 5, 937, 1, 5, -1072, 0, 5, 1024, 0, 5, -155, 1, 5, 177, 0, 5, -231, 0, 4, 0, 2, 5, -703, 1, 5, -405, 0, 5, 530, 0, 5, -527, 0, 3, 215, 1, 3, -3, 0, 5, 877, 1, 5, -657, 1, 5, 852, 0, 5, -24, 0, 4, -177, 0, 5, -598, 2, 5, 679, 0, 5, 4, 0, 5, -1412, 1, 6, 1590, 0, 4, -459, 0, 5, 436, 0, 5, 21, 1, 5, -167, 1, 5, 127, 0, 7, 24, 0, 4, -27, 1, 5, -444, 1, 5, 269, 0, 5, -686, 1, 5, 74, 1, 5, 325, 0, 5, 268, 1, 5, 46, 1, 5, -5, 0, 5, -674, 2, 5, -179, 0, 5, 124, 1, 5, 888, 0, 7, -861, 0, 5, -250, 0, 5, 971, 1, 5, -1149, 1, 5, 1069, 0, 5, 247, 1, 5, -169, 0, 5, -46, 0, 5, -1141, 0, 5, 524, 3, 5, -32, 1, 5, -282, 1, 5, 264, 1, 5, 852, 0, 7, -145, 0, 5, -732, 1, 5, -165, 0, 5, 4, 2, 5, 828, 0, 5, 20, 1, 4, -23, 2, 5, 64, 0, 5, 189, 0, 5, -1086, 0, 5, 175, 1, 5, -253, 0, 5, 934, 1, 5, -622, 0, 5, -257, 1, 5, 1054, 0, 8, -162, 1, 4, -1094, 1, 5, -275, 0, 3, 240, 0, 4, -244, 0, 5, 1558, 1, 5, -1274, 0, 6, 1087, 0, 5, -854, 0, 5, 401, 1, 5, -677, 0, 5, 445, 1, 5, 502, 0, 5, 384, 0, 5, -1007, 1, 5, -78, 0, 5, -71, 1, 5, 771, 0, 5, 364, 1, 5, -171, 0, 5, -701, 0, 5, -209, 2, 5, 59, 1, 7, 865, 0, 4, -1139, 2, 4, 271, 1, 5, -274, 0, 5, 1227, 2, 5, -74, 1, 4, -58, 0, 6, -771, 0, 5, 909, 2, 8, -84, 0, 5, -926, 0, 5, 915, 0, 4, 163, 1, 6, -2, 0, 5, -821, 0, 5, -63, 1, 5, 235, 0, 5, -919, 1, 5, 1398, 0, 5, -35, 1, 5, -1321, 0, 3, 1374, 1, 4, 170, 1, 5, -1306, 0, 5, 135, 0, 5, 1, 3, 5, 995, 1, 5, -938, 0, 5, 200, 0, 5, 911, 1, 5, -1018, 1, 5, 192, 0, 5, -196, 0, 5, 46, 0, 5, 779, 1, 5, -1377, 0, 5, 1468, 0, 5, 93, 1, 5, -1282, 1, 5, 117, 1, 5, 1157, 0, 5, -172, 1, 7, -659, 0, 5, 829, 1, 5, 26, 0, 5, -131, 1, 5, 41, 1, 5, -832, 0, 5, 787, 0, 5, -550, 1, 5, 606, 1, 7, -1171, 0, 5, 432, 0, 5, 603, 1, 6, 110, 0, 5, -860, 0, 10, -2, 2, 5, -320, 0, 5, 1163, 1, 5, -722, 0, 5, -276, 0, 5, 1107, 0, 5, -1271, 0, 4, 93, 0, 5, 262, 3, 5, 738, 0, 5, 160, 0, 5, 4, 1, 5, -781, 0, 5, -714, 0, 5, 1383, 1, 5, -860, 0, 6, -128, 2, 5, 748, 0, 5, -859, 0, 5, 1024, 1, 5, 168, 0, 5, -1095, 0, 5, -58, 0, 6, 988, 1, 6, -789, 0, 5, 164, 0, 5, -301, 1, 5, 334, 0, 5, 744, 1, 5, -879, 1, 5, 878, 1, 5, 53, 1, 6, -1220, 0, 5, 1152, 0, 4, -4, 1, 5, -110, 1, 5, 2, 1, 5, -609, 0, 5, -432, 0, 5, -268, 0, 5, 667, 1, 5, 804, 0, 5, -84, 1, 5, 70, 2, 6, -63, 0, 7, -105, 0, 7, -1299, 1, 5, 1126, 1, 5, -1200, 0, 5, 1522, 0, 5, -1514, 1, 5, 751, 0, 5, -744, 1, 5, 778, 0, 5, 712, 1, 5, -1459, 2, 5, 372, 0, 5, -394, 1, 5, 1373, 1, 6, 89, 0, 8, -1390, 1, 5, 669, 1, 5, 713, 0, 5, -677, 0, 5, -378, 2, 5, 777, 0, 4, 178, 1, 7, -4, 0, 5, -1285, 1, 5, 1361, 0, 5, -250, 2, 5, 201, 1, 5, -628, 0, 5, -717, 1, 5, 350, 0, 5, -298, 0, 5, 35, 1, 5, 1325, 0, 5, -11, 1, 8, -839, 2, 5, 195, 0, 5, 640, 0, 5, -839, 0, 5, -203, 1, 5, -279, 1, 5, 1305, 0, 7, -19, 0, 5, -638, 2, 5, 643, 2, 5, -18, 1, 5, -1338, 0, 5, 1343, 1, 8, -1303, 1, 5, 1094, 0, 4, -412, 3, 5, 411, 2, 5, -870, 0, 6, 347, 0, 9, -600, 2, 5, 1449, 1, 6, -1397, 1, 5, 505, 2, 5, 162, 0, 5, 726, 0, 5, -1400, 4, 5, 564, 0, 3, 816, 0, 5, -301, 2, 4, -1114, 0, 5, 9, 0, 3, 222, 0, 5, 1, 1, 4, 485, 0, 5, -389, 1, 5, 1069, 0, 5, -582, 1, 3, 298, 1, 5, -556, 1, 5, -504, 0, 5, 1212, 2, 4, 115, 0, 5, -129, 3, 5, 111, 1, 5, -1352, 1, 5, 603, 0, 8, 626, 0, 5, -1186, 1, 3, 1061, 2, 5, -547, 0, 5, 776, 1, 5, -122, 2, 4, -876, 2, 5, -324, 1, 5, 188, 0, 5, 904, 1, 5, 89, 0, 4, -628, 1, 5, -500, 2, 5, 1113, 2, 5, -15, 3, 5, -585, 1, 7, -520, 0, 5, 1262, 1, 4, -1298, 0, 5, 603, 0, 9, -5, 1, 5, -43, 0, 5, 574, 1, 5, -800, 0, 5, 968, 0, 5, -1242, 0, 5, 1062, 1, 5, 115, 0, 3, -1068, 1, 5, -154, 5, 5, 38, 1, 5, -37, 0, 3, 39, 0, 3, 288, 1, 5, 869, 0, 5, -1142, 0, 5, 90, 2, 4, -3, 1, 5, 1031, 3, 5, -608, 1, 7, 662, 0, 5, -1178, 3, 5, 1103, 2, 5, -813, 0, 5, -208, 1, 5, 660, 0, 5, 504, 0, 5, -269, 1, 5, -891, 0, 4, 1124, 1, 5, -132, 1, 5, -500, 0, 10, 675, 1, 5, -1114, 0, 5, 817, 2, 5, -219, 0, 5, 487, 3, 3, -1149, 0, 3, -60, 1, 3, 57, 1, 5, 458, 0, 5, -517, 1, 5, 913, 1, 5, 293, 1, 5, -490, 1, 5, -491, 1, 5, 824, 1, 5, -434, 1, 3, -644, 2, 5, 558, 3, 5, -228, 1, 5, 231, 0, 5, -428, 2, 5, 130, 0, 5, 577, 3, 5, -12, 1, 5, 419, 1, 3, -266, 1, 5, -969, 1, 5, 1043, 1, 5, -89, 2, 5, -847, 3, 5, 1128, 1, 5, -296, 0, 5, 85, 1, 5, 30, 1, 5, 5, 1, 5, -31, 0, 5, -1017, 0, 3, 1253, 0, 4, -926, 0, 5, 698, 2, 5, -219, 1, 5, 9, 0, 5, 12, 2, 5, -742, 1, 5, 6, 0, 4, 173, 1, 5, 721, 4, 5, -166, 0, 5, -298, 1, 5, 11, 0, 5, 452, 1, 5, 274, 3, 4, -245, 0, 5, 218, 3, 5, -215, 0, 5, -241, 3, 5, -268, 4, 5, -220, 2, 5, 298, 5, 5, 427, 1, 5, -451, 0, 5, -4, 1, 5, 460, 0, 5, -1021, 1, 5, 1239, 2, 5, 3, 1, 3, -740, 3, 4, -10, 3, 5, -499, 0, 3, 612, 1, 5, -296, 0, 5, 71, 0, 5, 168, 0, 5, 59, 1, 5, -617, 0, 5, 998, 1, 5, -402, 2, 5, 404, 1, 4, -421, 2, 5, 452, 1, 5, -4, 0, 5, -1035, 1, 3, 337, 1, 5, 72, 0, 5, -413, 1, 5, 561, 2, 5, -66, 1, 5, 147, 0, 5, -61, 1, 5, 38, 2, 5, -118, 1, 5, 509, 0, 5, -589, 2, 5, 270, 0, 4, 321, 1, 4, -522, 1, 4, -341, 2, 9, 393, 1, 5, 111, 1, 5, -105, 0, 5, 22, 2, 5, 472, 3, 5, -554, 0, 4, -381, 1, 4, 371, 0, 5, 561, 1, 5, -936, 1, 5, 57, 1, 9, 371, 1, 5, 29, 1, 5, 109, 6, 5, -127, 1, 5, -428, 1, 5, 55, 0, 9, 873, 0, 5, -594, 1, 5, 591, 0, 5, -579, 1, 5, 10, 2, 4, 47, 2, 5, -393, 0, 4, 886, 4, 5, 1, 1, 5, -885, 0, 5, 380, 5, 5, 536, 1, 5, -3, 2, 5, -530, 0, 5, -368, 7, 4, 264, 4, 5, 90, 3, 5, 544, 0, 5, -548, 2, 5, -255, 2, 5, 472, 0, 5, 301, 5, 5, 2, 3, 5, -793, 5, 7, 504, 1, 5, -494, 9, 9, 552, 2, 3, -5, 0, 5, -39, 2, 5, -238, 2, 5, 5, 0, 7, -266, 3, 8, 558, 9, 3, -5, 0, 5, 214, 1, 5, -545, 1, 5, -14, 2, 5, 72, 0, 6, 239, 1, 6, -313, 1, 5, 599, 7, 5, -238, 2, 5, -332, 0, 5, -93, 0, 5, 660, 0, 5, -27, 1, 4, -482, 1, 5, -100, 2, 5, 580, 3, 5, -526, 3, 5, 291, 1, 5, -409, 2, 5, 452, 0, 5, -454, 2, 6, -88, 0, 7, 505, 1, 5, 262, 1, 5, -4, 1, 5, -624, 0, 5, -56, 2, 5, 191, 3, 6, -265, 2, 6, 549, 1, 5, -431, 3, 5, 391, 1, 5, -280, 1, 5, 281, 0, 5, -449, 2, 6, -51, 2, 6, 214, 0, 5, 501, 4, 4, -767, 0, 4, 325, 3, 5, -263, 3, 6, 224, 0, 5, -142, 1, 5, 134, 2, 5, -136, 0, 5, -76, 1, 5, 506, 2, 5, -501, 3, 7, 505, 1, 5, -271, 5, 4, -175, 0, 3, 170, 0, 5, 316, 1, 5, -271, 0, 5, -2, 3, 5, 248, 6, 5, -472, 1, 5, 474, 1, 6, -477, 0, 5, 517, 2, 3, -277, 2, 5, -251, 7, 5, 502, 4, 3, -479, 0, 5, 519, 1, 4, -5, 1, 5, -51, 2, 5, -219, 2, 5, -27, 9, 4, -2, 1, 5, 240, 0, 5, -192, 5, 6, -2, 1, 5, -33, 8, 5],
+            ],
+        },
+    },
+};

package/dist/context.d.ts

@@ -145,6 +145,8 @@ export declare function placeContext(areas: readonly ContextArea[], origin: LonL
     w: number;
     h: number;
 }, venues: readonly ContextVenue[]): ContextPlan;
+/** A share of the trees, spread evenly over the lot: every tree at 1, none at 0, and at 0.5 every other. The same trees every time, so that a view drawn again at a tier keeps the ones it kept. */
+export declare function thinTrees(trees: readonly ContextTree[], share: number): ContextTree[];
 /** The tone (0 low to 3 tall) of a building of `feet` height. */
 export declare const toneOf: (feet: number) => number;
 /** The streets flat on the floor, under the buildings: a path for each kind and width (a foot), widest and lowest kinds first, so that a sidewalk lies over the carriageway beside it and a viaduct's deck over the street under it. */

package/dist/context.js

@@ -149,6 +149,23 @@ export function placeContext(areas, origin, turn, frame, venues) {
     const credits = (language) => [...new Set(layers.map((l) => l.attribution[language]).filter((text) => text !== ""))];
     return { blocks, streets, land, trees, owned, attribution: { en: credits("en"), ja: credits("ja") } };
 }
+/** A share of the trees, spread evenly over the lot: every tree at 1, none at 0, and at 0.5 every other. The same trees every time, so that a view drawn again at a tier keeps the ones it kept. */
+export function thinTrees(trees, share) {
+    if (share >= 1)
+        return [...trees];
+    if (!(share > 0))
+        return [];
+    const kept = [];
+    let owed = 0;
+    for (const tree of trees) {
+        owed += share;
+        if (owed >= 1) {
+            owed -= 1;
+            kept.push(tree);
+        }
+    }
+    return kept;
+}
 /** The tone (0 low to 3 tall) of a building of `feet` height. */
 export const toneOf = (feet) => CONTEXT_TONES.filter((m) => feet / FEET_PER_METRE >= m).length;
 const num = (value) => String(Math.round(value * 100) / 100);
@@ -299,7 +316,9 @@ export function blockPlanes(b, prefix) {
     const ghost = (p) => (b.ghost ? { ...p, shy: [0, 0], fadeAt: -10, fadeTo: 0.16 } : p);
     // A see-through building: each wall gives way as the eye comes round to its side and looks in, to a trace of itself, and the roof is always nearly clear.
     const xray = b.xray;
-    const wall1 = (p) => (xray === undefined ? ghost(p) : { ...shy(p, xray), fadeTo: 0.06, fadeSide: true });
+    // A wall of a solid building, nothing showing through it, is hidden by the nearer walls and the roof while it faces away: `cull` says which side of the plane is the building's outside (a wall's `u` x `v` points to the left of its walk, which is in when the ring is wound clockwise).
+    const outside = b.ghost || xray !== undefined || wound === 0 ? undefined : wound > 0 ? -1 : 1;
+    const wall1 = (p) => (xray === undefined ? (outside === undefined ? ghost(p) : { ...p, cull: outside }) : { ...shy(p, xray), fadeTo: 0.06, fadeSide: true });
     const roof1 = (p) => (xray === undefined ? ghost(p) : { ...p, shy: [0, 0], fadeAt: -10, fadeTo: 0.1 });
     b.ring.forEach((p, i) => {
         const q = b.ring[(i + 1) % b.ring.length];

package/dist/district.turn.js

@@ -3,7 +3,8 @@
 // plan drawn with each venue's building only. The model it makes is a `TurnModel`, so the camera, the controls, the pointer, the auto-turn and the steady fit of every other 3D view are this one's; its
 // buildings are stacked building by building (`Plane.group`), the far one first, so that a roof never shows through a nearer building.
 import { describeDistrict, districtId, drawDistrict, drawMember, nestedDrawing, planDistrict, surfaceCentre } from "./district.js";
-import { blockPlanes, contextUprights, shellBlock, slabPlanes } from "./context.js";
+import { blockPlanes, contextUprights, shellBlock, slabPlanes, thinTrees } from "./context.js";
+import { TIER_PROFILES, tierOf } from "./quality.js";
 import { dojo } from "./budo/dojo.api.js";
 import { KODOKAN_FLOORS, KODOKAN_GALLERY_LEVEL } from "./kodokan.js";
 import { APART, n, plane } from "./turn.kit.js";
@@ -54,6 +55,27 @@ function placeInDistrict(p, placed, centre, prefix, group, lift = 0) {
     }
     return moved;
 }
+/** The box a district at `high` is framed to, kept for the options it was worked out for, so that a lower tier is framed exactly as `high` is: the camera does not move when the tier changes. */
+const HIGH_BOX = new WeakMap();
+/** The small parts of a venue that the lower tiers leave out: its furniture and fittings, never its stands, walls, floor or roof. */
+const SMALL_PARTS = new Set(["bench", "glass", "post", "goal", "stanchion", "pole", "pylon", "mast", "fascia", "rail", "platform", "apron", "flag", "board", "frame", "rim", "net", "antenna", "tape"]);
+/** How high a venue that is drawn as a block stands, in feet, by what it is: a stand-in for its stands and roof, near what its own model reaches. */
+const BLOCK_HEIGHT = { arena: 100, stadium: 115, park: 95, hall: 60 };
+/** A venue drawn as a proxy is a closed block while it is smaller than this share of the plan's longest side, and a ring of walls open at the top (the field and its stands show inside) above it. */
+const SOLID_BELOW = 0.12;
+/** The planes of a venue drawn as a proxy, in the venue's own group, tinted as a venue and not as the buildings round it: its outline standing up to its height, closed by a roof when it is small, a ring of walls seen from both sides when it is not. */
+function venueBlock(key, kind, ring, prefix, group, open) {
+    const height = BLOCK_HEIGHT[kind] ?? 90;
+    const block = shellBlock(`venue-${key}`, ring, open ? height * 0.6 : height, undefined);
+    const planes = blockPlanes(block, `${prefix}proxy-`).filter((p) => !open || /w\d+$/.test(p.id));
+    return planes.map((p) => {
+        const tinted = { ...p, svg: p.svg.replace(/u-block-roof/g, "u-proxy-roof").replace(/u-block-([abc])/g, "u-proxy-$1").replace(/u-block /g, "u-proxy "), group };
+        // Seen from both sides: the inside of the far wall shows over the field.
+        if (open)
+            delete tinted.cull;
+        return tinted;
+    });
+}
 /** A name that faces the eye, standing over a building: its text on a plate. */
 function sign(id, text, at, bottom, size, group) {
     const wide = Math.max(size * 2.2, size * 0.62 * text.length + size * 1.2);
@@ -70,6 +92,9 @@ export function buildDistrictTurn(options, settings = {}) {
     const plan = planDistrict(options);
     const base = districtId(options);
     const id = settings.id ?? `${base}-turn`;
+    // How much is drawn: the tier asked for (a view that chooses by its frames builds it again at each tier).
+    const profile = TIER_PROFILES[tierOf(settings.quality)];
+    const longest = Math.max(plan.view.w, plan.view.h);
     const labels = options.labels ?? plan.mode === "city";
     const items = [];
     const defs = [];
@@ -77,12 +102,23 @@ export function buildDistrictTurn(options, settings = {}) {
     plan.members.forEach((placed, i) => {
         const member = placed.member;
         const prefix = `m${i}-`;
+        // A small venue, in a tier that draws such as a block: its outline standing up to its height, and nothing of its stands.
+        const xs = placed.footprint.map((q) => q[0]);
+        const ys = placed.footprint.map((q) => q[1]);
+        const plain = member.shell === undefined && member.parts === undefined && member.elevation === undefined && member.plate === undefined && member.slabs === undefined;
+        const span = Math.max(Math.max(...xs) - Math.min(...xs), Math.max(...ys) - Math.min(...ys));
+        // (A district of one venue never draws it as a block: it is what the view is of.)
+        if (plain && plan.members.length > 1 && profile.proxy > 0 && span < profile.proxy * longest) {
+            items.push({ id: `${prefix}proxy`, kind: "blocks", at: placed.at, height: BLOCK_HEIGHT[member.kind] ?? 90, planes: venueBlock(member.key, member.kind, placed.footprint, prefix, i, span >= SOLID_BELOW * longest) });
+            return;
+        }
         // A venue may have several surfaces (the rooms of a floor): each is built as its own 3D view is, with the crowd drawn without its seats on its floor and the stands raised, and put where the plan puts it, in the venue's one group.
         placed.parts.forEach((pp, j) => {
             const part = pp.part;
             const tag = j === 0 ? "" : `p${j}`;
             const memberId = `${id}-m${i}${tag}`;
-            const model = buildTurn({ ...part.options, language, ...(options.theme === undefined ? {} : { theme: options.theme }), id: `${base}-m${i}${tag}` }, { ...settings, id: memberId, venue: { roof: true, ...(typeof settings.venue === "object" ? settings.venue : {}) }, preset: undefined, view: undefined });
+            const crowd = part.options.crowd;
+            const model = buildTurn({ ...part.options, ...(profile.simple && typeof crowd === "object" && crowd !== null ? { crowd: { ...crowd, detail: "plain", density: Math.min(crowd.density ?? 0.85, 0.6) } } : {}), language, ...(options.theme === undefined ? {} : { theme: options.theme }), id: `${base}-m${i}${tag}` }, { ...settings, id: memberId, venue: { roof: true, ...(typeof settings.venue === "object" ? settings.venue : {}) }, preset: undefined, view: undefined });
             const centre = surfaceCentre(part.options);
             const pfx = `m${i}${tag}-`;
             // A surface on an upper floor (the Kodokan's dojos) stands that high over the ground, on a floor drawn in the air; the ground under it is left bare.
@@ -91,7 +127,7 @@ export function buildDistrictTurn(options, settings = {}) {
             const lowest = (p) => Math.min(p.o[2], p.o[2] + p.u[2], p.o[2] + p.v[2], p.o[2] + p.u[2] + p.v[2]);
             const shown = (p) => part.show === undefined || (part.show === "gallery") === (lowest(p) >= KODOKAN_GALLERY_LEVEL - 1e-6);
             for (const item of model.uprights.items) {
-                const planes = item.planes.filter((p) => p.kind !== "ground" && shown(p)).map((p) => placeInDistrict(p, pp, centre, pfx, i, lift));
+                const planes = item.planes.filter((p) => p.kind !== "ground" && shown(p) && !(profile.simple && SMALL_PARTS.has(p.kind))).map((p) => placeInDistrict(p, pp, centre, pfx, i, lift));
                 if (planes.length > 0) {
                     const [ax, ay] = item.at;
                     const [rx, ry] = rot([ax - centre[0], ay - centre[1]], pp.angle);
@@ -142,6 +178,9 @@ export function buildDistrictTurn(options, settings = {}) {
                 // The great dojo's floor, seen with every floor, has its own slab; and a solid building hides what is in it.
                 if (!chosen && ((member.plate === undefined && slab.floor === 7) || options.building === "solid"))
                     continue;
+                // The faint floors are as big as the building (each is a layer of its own, a megapixel and more): the lower tiers keep the chosen floor's and leave the others out.
+                if (!chosen && profile.simple)
+                    continue;
                 const ids = chosen ? { top: `${prefix}plate`, side: `${prefix}plate-s` } : { top: `${prefix}plate-f${slab.floor}-top`, side: `${prefix}plate-f${slab.floor}-s` };
                 const planes = slabPlanes(placed.footprint, slab.level, thick, ids, chosen ? "chosen" : "faint").map((p) => ({ ...p, group: i }));
                 items.push({ id: ids.top, kind: "deck", at: placed.at, height: slab.level, planes });
@@ -156,7 +195,7 @@ export function buildDistrictTurn(options, settings = {}) {
     });
     // The buildings round the venues stand apart from them: each block's planes are of no venue's group.
     if (plan.context !== undefined)
-        for (const item of contextUprights(plan.context))
+        for (const item of contextUprights(plan.context, profile.blocks))
             items.push({ ...item, planes: item.planes.map((p) => ({ ...p, group: APART })) });
     if (labels) {
         const size = Math.max(plan.view.w, plan.view.h) * (plan.mode === "city" ? 0.016 : 0.022);
@@ -172,9 +211,24 @@ export function buildDistrictTurn(options, settings = {}) {
     const area = { x0: view.x, y0: view.y, x1: view.x + view.w, y1: view.y + view.h };
     const uprights = { items, lift: 0, thin: Math.hypot(view.w, view.h) * 0.0012, area, whole: true, ...(defs.length === 0 ? {} : { defs: defs.join("") }) };
     const planes = planesOf(uprights);
-    const box = sceneBox(planes, area, 0, centre, scale);
+    // The camera is fitted to what the district is at `high`, whatever tier it is drawn at: a view that changes tier keeps its camera where it is, and the lower tiers stand in the same frame.
+    let box = sceneBox(planes, area, 0, centre, scale);
+    if (profile.tier !== "high") {
+        const key = JSON.stringify(settings.venue ?? null);
+        const known = HIGH_BOX.get(options);
+        if (known?.key === key)
+            box = known.box;
+        else {
+            box = buildDistrictTurn(options, { ...settings, quality: "high" }).box;
+            HIGH_BOX.set(options, { key, box });
+        }
+    }
+    else
+        HIGH_BOX.set(options, { key: JSON.stringify(settings.venue ?? null), box });
     // (The floor has no names: the 3D view's own signs, which face the eye, carry them.)
-    const floor = drawDistrict({ ...options, id: base, labels: false }, plan, (member, i, part) => drawMember(member, { ...options, id: base }, i, base, { floor: true }, part));
+    // (The trees of the tiers that draw fewer are thinned on the floor only: a tree is a dot there.)
+    const floorPlan = profile.trees < 1 && plan.context?.trees !== undefined ? { ...plan, context: { ...plan.context, trees: thinTrees(plan.context.trees, profile.trees) } } : plan;
+    const floor = drawDistrict({ ...options, id: base, labels: false }, floorPlan, (member, i, part) => drawMember(member, { ...options, id: base }, i, base, { floor: true }, part));
     const { title, description } = describeDistrict(options, plan);
     const presets = districtPresets(plan);
     const surfaceLike = { sport: "soccer", language, ...(options.theme === undefined ? {} : { theme: options.theme }), ...(options.style === undefined ? {} : { style: options.style }) };
@@ -199,6 +253,7 @@ export function buildDistrictTurn(options, settings = {}) {
         centre,
         view: openingView(settings, presets),
         turnable: true,
+        tiered: true,
         presets,
         // A scene that turns about its middle with buildings far from it wants a longer lens, so that what swings toward the eye does not swell.
         lens: 12,

package/dist/judging.mount.js

@@ -62,6 +62,13 @@ export function mountJudgingBroadcast(host, options, settings = {}) {
         direction: () => turn.direction(),
         setDirection: (direction) => turn.setDirection(direction),
         togglePlay: () => turn.togglePlay(),
+        get quality() {
+            return turn.quality;
+        },
+        get tier() {
+            return turn.tier;
+        },
+        setQuality: (quality) => turn.setQuality(quality),
         svg: () => turn.svg(),
         destroy: () => {
             turn.destroy();

package/dist/outside.dom.d.ts

@@ -16,6 +16,11 @@ export interface OutsideLayer {
     /** The level shown. */
     readonly level: OutsideLevel;
     setLevel(level: OutsideLevel): void;
+    /** How much of the crowd a quality tier draws: the share of the people (0 hides the canvas) and the share of the usual width of the canvas. Painted again when it changes. */
+    setDetail(detail: {
+        people: number;
+        width: number;
+    }): void;
     /** The 3D view's zoom: a near view is painted finer (its people discs, not density). The paint is redone only when the zoom crosses `NEAR`. */
     zoom(zoom: number): void;
     /** What the last paint cost, in milliseconds, and drew: `undefined` before the first. */

package/dist/outside.dom.js

@@ -37,6 +37,7 @@ function watchTheme(doc, change) {
 function layerOf(canvas, spec, colourFrom, size) {
     const doc = canvas.ownerDocument;
     let level = spec.level;
+    let detail = { people: 1, width: 1 };
     let ink = inkOf(colourFrom());
     let drawn = "";
     let alive = true;
@@ -62,11 +63,18 @@ function layerOf(canvas, spec, colourFrom, size) {
             layer.zoomTier = tier;
             layer.repaint();
         },
+        setDetail(next) {
+            if (next.people === detail.people && next.width === detail.width)
+                return;
+            detail = next;
+            layer.repaint();
+        },
         repaint(force = false) {
             if (!alive)
                 return;
-            const width = Math.min(MAX_WIDE, Math.max(1, Math.round(size())));
-            if (level === 0) {
+            const width = Math.min(MAX_WIDE, Math.max(1, Math.round(size() * detail.width)));
+            const shown = Math.round(level * detail.people);
+            if (level === 0 || shown === 0) {
                 // Nobody: the canvas is made one pixel, so that it holds no memory.
                 if (canvas.width !== 1 || canvas.height !== 1) {
                     canvas.width = 1;
@@ -81,11 +89,11 @@ function layerOf(canvas, spec, colourFrom, size) {
                 return;
             canvas.hidden = false;
             const frame = frameOf(spec.viewBox, width);
-            const key = `${level}|${frame.width}x${frame.height}|${ink.join(",")}`;
+            const key = `${shown}|${frame.width}x${frame.height}|${ink.join(",")}`;
             if (!force && key === drawn)
                 return;
             const started = performance.now();
-            const { rgba, stats } = rasterOutside(crowd, level, frame, ink);
+            const { rgba, stats } = rasterOutside(crowd, shown, frame, ink);
             if (canvas.width !== frame.width || canvas.height !== frame.height) {
                 canvas.width = frame.width;
                 canvas.height = frame.height;
@@ -134,7 +142,7 @@ export function attachOutside3d(floor, spec, prefetchCrowd = true) {
     canvas.setAttribute("data-outside", String(spec.level));
     canvas.style.cssText = "position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none";
     floor.append(canvas);
-    const layer = layerOf(canvas, spec, () => floor.querySelector(".ky-district") ?? floor, () => (parseFloat(floor.style.width) || floor.clientWidth || 1400) * (layer.zoomTier === 1 ? 2.4 : 1.4));
+    const layer = layerOf(canvas, spec, () => floor.querySelector(".ky-district") ?? floor, () => ((parseFloat(floor.style.width) || floor.clientWidth || 1400) / (parseFloat(floor.dataset.raster ?? "") || 1)) * (layer.zoomTier === 1 ? 2.4 : 1.4));
     const set = layer.setLevel;
     layer.setLevel = (next) => {
         canvas.setAttribute("data-outside", String(next));

package/dist/quality.d.ts

@@ -0,0 +1,110 @@
+/** The tiers of detail, from the most to the least. */
+export type QualityTier = "high" | "medium" | "low";
+/** What a view is asked for: one tier, or `auto`, which chooses by the frames the view makes. */
+export type Quality = "auto" | QualityTier;
+/** The tiers, highest first: a step down is one place later in this list. */
+export declare const QUALITY_TIERS: readonly QualityTier[];
+/** The values a page can ask for: `auto` and the tiers. */
+export declare const QUALITIES: readonly Quality[];
+/** What a tier draws. */
+export interface TierProfile {
+    tier: QualityTier;
+    /** The most buildings of a district's context that stand up as blocks in the 3D view (the tallest and widest first); the rest are the floor's flat footprints, which every tier draws. */
+    blocks: number;
+    /** The share of the context's trees that are drawn, 0 to 1. */
+    trees: number;
+    /** A venue whose longest side is under this share of the plan's longest side is drawn as its footprint standing up to its height, one block, in place of its stands and roof; 0 draws every venue in full. */
+    proxy: number;
+    /** The small parts of a venue (benches, glass, posts, goals, the fascia and its fittings) are left out, and the crowd in its stands is drawn as blocks of colour. */
+    simple: boolean;
+    /** The share of the crowd outside that is drawn, 0 to 1 (0 hides it), and the width of its canvas as a share of the usual. */
+    outside: {
+        people: number;
+        width: number;
+    };
+    /** The pixel ratio the layers are rastered at, at most: on a phone or a tablet, and elsewhere. `Infinity` leaves the device's own. */
+    ratio: {
+        handheld: number;
+        other: number;
+    };
+}
+/** The profile of each tier. `high` leaves everything as it always was (the cap on a handheld's pixel ratio is the mode `auto`'s and is made in `rasterOf`). */
+export declare const TIER_PROFILES: Record<QualityTier, TierProfile>;
+/** Whether a value is one of the qualities. */
+export declare const isQuality: (value: unknown) => value is Quality;
+/** A quality from whatever a page or an address gave: the same if it is one, else `fallback`. */
+export declare const qualityOf: (value: unknown, fallback?: Quality) => Quality;
+/** The tier a view with no frames to go by is drawn at: the tier asked for, and `high` for `auto` (a page made on a server, a first draw). */
+export declare const tierOf: (quality: Quality | undefined) => QualityTier;
+/** The tier one step lower or higher than `tier`, or the same at the end. */
+export declare const lower: (tier: QualityTier) => QualityTier;
+export declare const higher: (tier: QualityTier) => QualityTier;
+/** What decides whether the device is a phone or a tablet: it has a coarse pointer, or its screen is small. It is asked of the page's own window, never of the browser's name. */
+export declare function handheld(win: {
+    matchMedia?: (query: string) => {
+        matches: boolean;
+    };
+    screen?: {
+        width: number;
+        height: number;
+    };
+    innerWidth?: number;
+} | null | undefined): boolean;
+/**
+ * The share of its size a layer is made at, from the device's pixel ratio `dpr`: a layer is made `share` times as wide and as high in CSS pixels and turned back to its size by its matrix, so that it holds `share` squared as many device
+ * pixels, as far as the engine keeps a layer's pixels to its own box (the layers of a district at a ratio of 3 are hundreds of megabytes, which a phone's browser does not always keep). An engine that draws a layer again at the scale its matrix has
+ * (Chromium does) makes the same pixels from it, so there it changes nothing, and the sizes this package reports are the boxes times the ratio squared, not what an engine allocates. 1 when the ratio is within the cap. The mode `auto` caps a handheld
+ * at 2 even at `high`; a tier asked for by name is exactly that tier's, and `high` asked for by name is the device's own ratio, as it always was.
+ */
+export declare function rasterOf(quality: Quality, tier: QualityTier, dpr: number, isHandheld: boolean): number;
+/**
+ * The most device pixels one layer may hold in a tier: a flat floor of a building is a layer as big as the building's box (the Kodokan's fourteen plates are 47 megabytes each at a ratio of 3), so a layer past the budget is made smaller
+ * still (see `rasterOf`). `Infinity` at `high`, by name or in `auto`.
+ */
+export declare function layerBudget(tier: QualityTier, isHandheld: boolean): number;
+/**
+ * The share of its size each layer is made at, from the sizes the layers would have at full size (their boxes in CSS pixels), the share every layer is made at (`rasterOf`), the device's pixel ratio and the layer budget: a layer is
+ * made at the smaller of the share and the one that holds `budget` device pixels, never under a fifth. The floor comes first, then the planes, as `layoutOf` takes them.
+ */
+export declare function rasterShares(sizes: readonly (readonly [number, number])[], share: number, dpr: number, budget: number): number[];
+/** How the governor judges the frames. Times are in milliseconds. */
+export interface GovernorTuning {
+    /** The frames in a window it keeps (the oldest are dropped past twice this), and the fewest it judges: a window is also at least `settleMs` long, so a view at 60 frames a second judges 42 frames and one at 6 frames a second judges 8. */
+    frames: number;
+    minFrames: number;
+    settleMs: number;
+    /** The first frames after the view is mounted are slow whatever it holds (scripts are still compiling, the page is still being laid out): they are not judged. */
+    warmMs: number;
+    /** The mean interval between frames above which the view is over budget (21 is below 48 frames a second: a view that misses a refresh in three does not hold 60; it widens on a display that refreshes slower than 60 Hz), and the mean at or under which it is steady (18.5 holds 60 frames a second). */
+    budgetMs: number;
+    steadyMs: number;
+    /** How long the view must stay steady before it tries the tier above, and the most that wait grows to after steps that were taken back. */
+    upAfterMs: number;
+    maxUpAfterMs: number;
+    /** Frames are ignored for this long after a step, while the view is drawn again. */
+    quietMs: number;
+    /** A gap longer than this between two frames is a pause (a hidden page, a stopped turn), not a slow frame. */
+    pauseMs: number;
+}
+export declare const GOVERNOR_TUNING: GovernorTuning;
+/** What the governor does with a frame. */
+export interface Governor {
+    /** The tier now. */
+    readonly tier: QualityTier;
+    /** Give it the time since the last frame and the time now; it gives the new tier when it steps, else `undefined`. */
+    frame(interval: number, now: number): QualityTier | undefined;
+    /** The interval of the display, in milliseconds, as the page measured it with nothing else going on (16.7 for 60 Hz, 33.3 for a phone in a power-saving mode): a display that refreshes slower than 60 Hz is not taken for a view that is too slow. 16.7 until told. */
+    display(interval: number): void;
+    /** Forget the frames so far (the turn stopped, the page was hidden). */
+    pause(): void;
+    /** Put it on a tier without a step (a page chose one). */
+    set(tier: QualityTier, now?: number): void;
+    /** How long it now waits, steady, before it tries a tier up. */
+    readonly wait: number;
+}
+/**
+ * The governor of a view that turns. It keeps a window of frame intervals; when their mean is over budget it steps one tier down, and when the mean has been steady for `wait` it tries one tier up. A try that goes over budget
+ * is taken back, and every step down within thirty seconds of a step up doubles the wait (up to `maxUpAfterMs`), so a device on the edge between two tiers settles on the lower one and stays there. A step up that holds (steady
+ * for `settleMs` after it) leaves the wait as it was.
+ */
+export declare function createGovernor(start: QualityTier, tuning?: Partial<GovernorTuning>): Governor;

package/dist/quality.js

@@ -0,0 +1,160 @@
+// How much a 3D view draws, so that it turns well on every device. A view has three tiers of detail, `high` (everything, as it always was), `medium` and `low`, and a mode, `auto`, that chooses the tier by watching the frames
+// the view really makes while it turns: nothing here looks at the browser's name or the device's model. A tier says what is left out or made smaller (the buildings round a district stand up fewer, the trees and the crowd are thinner, a
+// small or far venue is a block with its height, the layers are rastered at a lower pixel ratio); the governor steps a tier down when the frames run over budget for a while and back up when they have been steady for longer, with a wait
+// after a step up that fails that doubles each time, so that the view never flickers between two tiers. Pure: numbers in, numbers out; `turn.dom.ts` feeds it frames and `district.turn.ts` reads the tier's profile.
+/** The tiers, highest first: a step down is one place later in this list. */
+export const QUALITY_TIERS = ["high", "medium", "low"];
+/** The values a page can ask for: `auto` and the tiers. */
+export const QUALITIES = ["auto", ...QUALITY_TIERS];
+/** The profile of each tier. `high` leaves everything as it always was (the cap on a handheld's pixel ratio is the mode `auto`'s and is made in `rasterOf`). */
+export const TIER_PROFILES = {
+    high: { tier: "high", blocks: 130, trees: 1, proxy: 0, simple: false, outside: { people: 1, width: 1 }, ratio: { handheld: Infinity, other: Infinity } },
+    medium: { tier: "medium", blocks: 24, trees: 0.5, proxy: 0.12, simple: true, outside: { people: 0.5, width: 0.7 }, ratio: { handheld: 1.5, other: 2 } },
+    low: { tier: "low", blocks: 0, trees: 0.25, proxy: 0.4, simple: true, outside: { people: 0, width: 0.5 }, ratio: { handheld: 1, other: 1 } },
+};
+/** Whether a value is one of the qualities. */
+export const isQuality = (value) => typeof value === "string" && QUALITIES.includes(value);
+/** A quality from whatever a page or an address gave: the same if it is one, else `fallback`. */
+export const qualityOf = (value, fallback = "auto") => (isQuality(value) ? value : fallback);
+/** The tier a view with no frames to go by is drawn at: the tier asked for, and `high` for `auto` (a page made on a server, a first draw). */
+export const tierOf = (quality) => (quality === undefined || quality === "auto" ? "high" : quality);
+/** The tier one step lower or higher than `tier`, or the same at the end. */
+export const lower = (tier) => QUALITY_TIERS[Math.min(QUALITY_TIERS.length - 1, QUALITY_TIERS.indexOf(tier) + 1)];
+export const higher = (tier) => QUALITY_TIERS[Math.max(0, QUALITY_TIERS.indexOf(tier) - 1)];
+/** What decides whether the device is a phone or a tablet: it has a coarse pointer, or its screen is small. It is asked of the page's own window, never of the browser's name. */
+export function handheld(win) {
+    if (win === null || win === undefined)
+        return false;
+    if (win.matchMedia?.("(pointer: coarse)").matches === true)
+        return true;
+    const sides = [win.screen?.width, win.screen?.height, win.innerWidth].filter((n) => typeof n === "number" && n > 0);
+    return sides.length > 0 && Math.min(...sides) <= 820;
+}
+/**
+ * The share of its size a layer is made at, from the device's pixel ratio `dpr`: a layer is made `share` times as wide and as high in CSS pixels and turned back to its size by its matrix, so that it holds `share` squared as many device
+ * pixels, as far as the engine keeps a layer's pixels to its own box (the layers of a district at a ratio of 3 are hundreds of megabytes, which a phone's browser does not always keep). An engine that draws a layer again at the scale its matrix has
+ * (Chromium does) makes the same pixels from it, so there it changes nothing, and the sizes this package reports are the boxes times the ratio squared, not what an engine allocates. 1 when the ratio is within the cap. The mode `auto` caps a handheld
+ * at 2 even at `high`; a tier asked for by name is exactly that tier's, and `high` asked for by name is the device's own ratio, as it always was.
+ */
+export function rasterOf(quality, tier, dpr, isHandheld) {
+    const cap = quality === "auto" && tier === "high" ? (isHandheld ? 2 : Infinity) : TIER_PROFILES[tier].ratio[isHandheld ? "handheld" : "other"];
+    if (!(dpr > 0) || dpr <= cap)
+        return 1;
+    return Math.max(0.25, Math.round((cap / dpr) * 1000) / 1000);
+}
+/**
+ * The most device pixels one layer may hold in a tier: a flat floor of a building is a layer as big as the building's box (the Kodokan's fourteen plates are 47 megabytes each at a ratio of 3), so a layer past the budget is made smaller
+ * still (see `rasterOf`). `Infinity` at `high`, by name or in `auto`.
+ */
+export function layerBudget(tier, isHandheld) {
+    if (tier === "high")
+        return Infinity;
+    return { medium: isHandheld ? 2e6 : 4e6, low: isHandheld ? 1e6 : 2e6 }[tier];
+}
+/**
+ * The share of its size each layer is made at, from the sizes the layers would have at full size (their boxes in CSS pixels), the share every layer is made at (`rasterOf`), the device's pixel ratio and the layer budget: a layer is
+ * made at the smaller of the share and the one that holds `budget` device pixels, never under a fifth. The floor comes first, then the planes, as `layoutOf` takes them.
+ */
+export function rasterShares(sizes, share, dpr, budget) {
+    const ratio = dpr > 0 ? dpr : 1;
+    return sizes.map(([w, h]) => {
+        const area = w * h * ratio * ratio;
+        const own = area > budget ? Math.sqrt(budget / area) : 1;
+        return Math.max(0.2, Math.round(Math.min(share, own) * 1000) / 1000);
+    });
+}
+export const GOVERNOR_TUNING = { frames: 24, minFrames: 8, settleMs: 700, warmMs: 600, budgetMs: 21, steadyMs: 18.5, upAfterMs: 5000, maxUpAfterMs: 300000, quietMs: 600, pauseMs: 250 };
+/**
+ * The governor of a view that turns. It keeps a window of frame intervals; when their mean is over budget it steps one tier down, and when the mean has been steady for `wait` it tries one tier up. A try that goes over budget
+ * is taken back, and every step down within thirty seconds of a step up doubles the wait (up to `maxUpAfterMs`), so a device on the edge between two tiers settles on the lower one and stays there. A step up that holds (steady
+ * for `settleMs` after it) leaves the wait as it was.
+ */
+export function createGovernor(start, tuning = {}) {
+    const t = { ...GOVERNOR_TUNING, ...tuning };
+    let tier = start;
+    let wait = t.upAfterMs;
+    let window = [];
+    let since = 0;
+    let quietUntil = 0;
+    let steadyFrom;
+    let lastUp = -Infinity;
+    let firstAt;
+    // The interval of the display: told by the page, which measures it with nothing else going on (a view that cannot keep up looks, from its frames alone, like a screen that refreshes more slowly).
+    let refresh = 16.7;
+    const reset = (now) => {
+        window = [];
+        since = now;
+        steadyFrom = undefined;
+    };
+    const step = (to, now) => {
+        tier = to;
+        quietUntil = now + t.quietMs;
+        reset(now);
+        return tier;
+    };
+    return {
+        get tier() {
+            return tier;
+        },
+        get wait() {
+            return wait;
+        },
+        display(interval) {
+            if (Number.isFinite(interval))
+                refresh = Math.min(34, Math.max(6, interval));
+        },
+        pause() {
+            window = [];
+            steadyFrom = undefined;
+        },
+        set(next, now = 0) {
+            tier = next;
+            quietUntil = now + t.quietMs;
+            reset(now);
+        },
+        frame(interval, now) {
+            if (interval > t.pauseMs || interval <= 0) {
+                window = [];
+                steadyFrom = undefined;
+                return undefined;
+            }
+            firstAt ?? (firstAt = now);
+            if (now < quietUntil || now - firstAt < t.warmMs)
+                return undefined;
+            if (window.length === 0)
+                since = now - interval;
+            window.push(interval);
+            if (window.length > t.frames * 2)
+                window.shift();
+            if (window.length < t.minFrames || now - since < t.settleMs)
+                return undefined;
+            const mean = window.reduce((s, x) => s + x, 0) / window.length;
+            const slow = refresh / 16.7;
+            const budget = Math.max(t.budgetMs, t.budgetMs * slow);
+            // Steady is steady on any display: only a view that really holds 60 frames a second tries a tier up.
+            const steady = t.steadyMs;
+            // Over budget is judged without the slowest frames of the window (a hitch, a script that ran in the middle of a turn is not a slow view); steady is judged with all of them.
+            const sorted = [...window].sort((x, y) => x - y).slice(0, window.length - Math.max(1, Math.floor(window.length / 12)));
+            const trimmed = sorted.reduce((sum, x) => sum + x, 0) / sorted.length;
+            if (trimmed > budget && tier !== "low") {
+                // A step down soon after a step up is a try that failed: the next try waits longer.
+                if (now - lastUp < 30000)
+                    wait = Math.min(t.maxUpAfterMs, wait * 2);
+                return step(lower(tier), now);
+            }
+            if (mean <= steady) {
+                steadyFrom ?? (steadyFrom = now);
+                if (tier !== "high" && now - steadyFrom >= wait) {
+                    lastUp = now;
+                    return step(higher(tier), now);
+                }
+            }
+            else
+                steadyFrom = undefined;
+            // Window turned over: judge the next frames afresh once it is full of them.
+            if (window.length >= t.frames * 2)
+                window = window.slice(t.frames);
+            return undefined;
+        },
+    };
+}