@johnmorrisdotca/kyogijo-stadiums 0.45.2 → 0.46.0

package/dist/surfaces/venue.js

@@ -1,7 +1,7 @@
 import { el, num } from "../format.js";
 import { feet, reachOf, venueLayout } from "../pool.js";
 import { deckMarkup, paintDefs, poolIds } from "../pool.kit.js";
-import { KYOGIJO_STRINGS } from "../strings.js";
+import { KYOGIJO_STRINGS } from "../strings.core.js";
 import { artistic } from "./artistic.js";
 import { diving } from "./dive.js";
 import { swimming } from "./pool.js";

package/dist/target.js

@@ -9,7 +9,7 @@ import { esc, el, num } from "./format.js";
 import { layerTable, renderLayers } from "./layers.js";
 import { chooseLeague, lacrosseOf } from "./leagues.js";
 import { KYOGIJO_BASE_STYLE } from "./style.js";
-import { KYOGIJO_STRINGS, fill } from "./strings.js";
+import { KYOGIJO_STRINGS, fill } from "./strings.core.js";
 import { soccerSpec } from "./surfaces/soccer-spec.js";
 import { NHL, FEET_PER_METRE } from "./geometry.js";
 import { WATER_POLO } from "./pool.figures.js";

package/dist/team.common.js

@@ -4,7 +4,7 @@ import { safeColour } from "./colour.js";
 import { esc, num } from "./format.js";
 import { isNum, markAttrs, place } from "./layers.env.js";
 import { FRAMES } from "./frames.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 /** The class and the custom property that colour a mark: its own colour, else its team's, else the layer's. */
 export function paintOf(d) {
     const mine = safeColour(d?.color);

package/dist/team.formation.js

@@ -4,7 +4,7 @@ import { esc, num } from "./format.js";
 import { FRAMES } from "./frames.js";
 import { formationById, positionName } from "./formations.js";
 import { isNum, markAttrs, newMade, opacityOf, place, unitOfLayer } from "./layers.env.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 import { attrs, labelOf, paintOf, round, titled } from "./team.common.js";
 import { FEET_PER } from "./units.js";
 /** The sports whose surface a formation of a sport is drawn on. */

package/dist/team.lineup.js

@@ -10,7 +10,7 @@ import { isNum, newMade, opacityOf, unitOfLayer } from "./layers.env.js";
 import { chooseLeague } from "./leagues.js";
 import { SURFACES, computeFormation, formationOf } from "./team.formation.js";
 import { attrs, labelOf, paintOf, round, titled } from "./team.common.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 import { FEET_PER } from "./units.js";
 /** The sports whose team turns round for the visitors: a side that attacks the other end. Baseball's fielders, football's offence and a cricket field do not. */
 const TURNS = new Set(["soccer", "nhl", "nba", "rugby", "afl", "volleyball", "handball", "waterpolo", "fieldhockey", "netball"]);

package/dist/team.motion.js

@@ -6,7 +6,7 @@ import { esc, num } from "./format.js";
 import { buildZoneSet } from "./heat.zones.js";
 import { isNum, newMade, opacityOf, place, placeBack, toArray, unitOfLayer } from "./layers.env.js";
 import { headPath } from "./layers.marks.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 import { attrs, frameNote, labelOf, round, teamClass, teamKey, teamLabel, titled, unitWord } from "./team.common.js";
 import { FEET_PER } from "./units.js";
 /** The movements of a layer that have a start and a way to go, put on the surface. A movement with no length is kept (it has no direction, and counts for nothing in a flow or a rose). */

package/dist/team.network.js

@@ -4,7 +4,7 @@
 import { esc, num } from "./format.js";
 import { isNum, markAttrs, newMade, opacityOf, place, toArray, unitOfLayer } from "./layers.env.js";
 import { curveBetween, curvePath, headPath } from "./layers.marks.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 import { attrs, frameNote, round, teamClass, teamKey, titled } from "./team.common.js";
 import { FEET_PER } from "./units.js";
 const idText = (id) => String(id);

package/dist/team.shape.js

@@ -5,7 +5,7 @@ import { num } from "./format.js";
 import { markAttrs, opacityOf, newMade, toArray, unitOfLayer } from "./layers.env.js";
 import { attrs, dots, frameNote, squareWord, unitWord, groupByTeam, paintOf, placeAll, polygonPath, round, teamClass, teamKey, teamLabel, titled, labelOf } from "./team.common.js";
 import { convexHull, delaunay, polygonArea, polygonCentroid, triangulationEdges, voronoiCells } from "./team.geometry.js";
-import { fill } from "./strings.js";
+import { fill } from "./strings.core.js";
 import { FEET_PER } from "./units.js";
 const who = (p) => labelOf(p.d);
 /** The share of the surface (0 to 1) nearer each site than any other, counted on a grid of cells laid over the surface and kept where the surface is. A repeated site has nothing. */

package/dist/turn-entry.d.ts

@@ -1,4 +1,5 @@
 import "./full.ts";
+import "./venues.all.ts";
 export { mountKyogijoTurn, mountTurn, turnSupported } from "./turn.dom.ts";
 export type { KyogijoTurn } from "./turn.dom.ts";
 export { buildTurn, floorOptions, openingView } from "./turn.model.ts";

package/dist/turn-entry.js

@@ -1,5 +1,7 @@
 // The 3D view: a surface as a floor that turns, with a net, a basket, a goal or a pair of posts standing on it.
 import "./full.js";
+// The real venues of the NHL's arenas, as this entry has always had them (the lean district reads the ones it shows).
+import "./venues.all.js";
 export { mountKyogijoTurn, mountTurn, turnSupported } from "./turn.dom.js";
 export { buildTurn, floorOptions, openingView } from "./turn.model.js";
 export { turnDirection } from "./turn.camera.js";

package/dist/turn.kit.d.ts

@@ -40,6 +40,12 @@ export interface Plane {
      * (a raised room is seen through every wall between it and the eye, at a low angle and from straight above alike).
      */
     fadeSide?: boolean;
+    /**
+     * A roof: it is cut away from above, so that the bowl under it stays visible, and whole from the street. Its opacity falls from whole to `fadeTo` (0.12 when missing) as the eye rises over the building, from a pitch of `CUTAWAY.from`
+     * degrees (the eye at a low angle, outside) to `CUTAWAY.to` (the eye looking down); at the lowest pitches the view allows, an eye at street level, it is whole again whatever its side. In between a roof that is `shy` gives way as
+     * a wall does, by the side the eye is on.
+     */
+    cut?: boolean;
     /**
      * A face of a closed solid that nothing shows through (a building's wall, drawn opaque): the side of it that is the solid's outside, as the way its `u` x `v` points, 1 out of the solid and -1 into it. While the face is turned away
      * from the eye it is hidden by the solid's own near faces, so a page that asks for it (`layoutOf`'s `cull`) leaves it out of the view until the view turns it round, and spends nothing on it.
@@ -116,7 +122,14 @@ export declare function shy(p: Plane, centre: readonly [number, number]): Plane;
  * How much of a wall is left (1 whole, down to 0.08) at a view: none is cut away unless the wall is on the eye's side of the surface, and then more the lower the eye is, because a wall seen
  * from straight above hides nothing. `yaw` and `pitch` are the view's, in degrees.
  */
-export declare function fadeOf(p: Pick<Plane, "shy" | "fadeTo" | "fadeAt" | "fadeSide">, yaw: number, pitch: number): number;
+export declare function fadeOf(p: Pick<Plane, "shy" | "fadeTo" | "fadeAt" | "fadeSide" | "cut">, yaw: number, pitch: number): number;
+/** The pitches, in degrees, between which a roof is cut away from above (it is whole at `high` and over, and gone to its `fadeTo` at `low` and under), and between which it is whole again at street level. */
+export declare const CUTAWAY: {
+    readonly low: 8;
+    readonly high: 38;
+    readonly streetFrom: 74;
+    readonly streetTo: 84;
+};
 /** A rectangle on the surface, in feet: its corners. */
 export type Rect = {
     x0: number;

package/dist/turn.kit.js

@@ -105,6 +105,25 @@ export function shy(p, centre) {
  * from straight above hides nothing. `yaw` and `pitch` are the view's, in degrees.
  */
 export function fadeOf(p, yaw, pitch) {
+    if (p.cut === true)
+        return cutOf(p, yaw, pitch);
+    return sideOf(p, yaw, pitch);
+}
+/** The pitches, in degrees, between which a roof is cut away from above (it is whole at `high` and over, and gone to its `fadeTo` at `low` and under), and between which it is whole again at street level. */
+export const CUTAWAY = { low: 8, high: 38, streetFrom: 74, streetTo: 84 };
+const smooth = (x, from, to) => {
+    const t = Math.min(1, Math.max(0, (x - from) / (to - from)));
+    return t * t * (3 - 2 * t);
+};
+/** How much of a roof is left at a view: cut away from above, given way like a wall by its side, whole at street level. */
+function cutOf(p, yaw, pitch) {
+    const lowest = p.fadeTo ?? 0.12;
+    const above = lowest + (1 - lowest) * smooth(pitch, CUTAWAY.low, CUTAWAY.high);
+    const kept = Math.min(above, sideOf(p, yaw, pitch));
+    const street = smooth(pitch, CUTAWAY.streetFrom, CUTAWAY.streetTo);
+    return Math.round((kept + (1 - kept) * street) * 1000) / 1000;
+}
+function sideOf(p, yaw, pitch) {
     if (p.shy === undefined)
         return 1;
     const a = (yaw * Math.PI) / 180;

package/dist/turn.model.d.ts

@@ -1,4 +1,4 @@
-import { KYOGIJO_STRINGS } from "./strings.ts";
+import { KYOGIJO_STRINGS } from "./strings.core.ts";
 import { type PresetTable, type TurnDirection, type TurnPreset, type TurnView } from "./turn.camera.ts";
 import type { Plane } from "./turn.kit.ts";
 import { type UprightOptions, type Uprights } from "./uprights.ts";

package/dist/turn.model.js

@@ -4,7 +4,7 @@ import { describe, drawKyogijo } from "./draw.js";
 import { hash } from "./format.js";
 import { lengthUnit } from "./common.js";
 import { convertLength } from "./units.js";
-import { KYOGIJO_STRINGS } from "./strings.js";
+import { KYOGIJO_STRINGS } from "./strings.core.js";
 import { TURN_DEFAULT, clampView, presetView } from "./turn.camera.js";
 import { describeUprights, planesOf, uprightsFor } from "./uprights.js";
 import { resolveCrowd } from "./crowd.js";

package/dist/turn.style.js

@@ -5,9 +5,9 @@ import { KYOGIJO_TURN_BOARD_STYLE } from "./overlay.js";
  * defaults are in `:where()`, which has no weight, so a page's own rule always wins; the colours are custom properties (`--ky-up-*`) a page can set.
  */
 export const KYOGIJO_TURN_STYLE = `
-:where(.ky-turn){--ky-left:#2f6db0;--ky-right:#b5452c;--ky-cr-home:#b5452c;--ky-cr-away:#2f6db0;--ky-cr-bed:#4a525d;--ky-cr-empty:#7d8794;--ky-cr-gap:#14181d;--ky-cr-conc:#8c929b;--ky-cr-dim:1;--ky-up-roof:rgba(214,218,212,.6);--ky-up-roofline:rgba(40,46,42,.55);--ky-up-fascia:#9aa09a;--ky-up-ivy:#5b8a45;--ky-up-door:#8a6a46;--ky-up-window:rgba(150,200,240,.55);--ky-up-sash:#f2f0e6;--ky-up-banner:#26211d;--ky-up-bannerline:#c8b88a;--ky-up-room:#efe8d6;--ky-up-roomback:#d6cdb9;--ky-up-ceiling:#dedcd5;--ky-up-railw:#fbfaf6;--ky-up-wainline:#6b4a2a;--ky-up-riser:#3f342c;--ky-up-slab:#d8cfba;--ky-up-slabedge:#c2b69c;--ky-up-seatc:#46342a;--ky-up-seatb:#2d211b;--ky-up-dais:#a0683a;--ky-up-dais-side:#6a4326;--ky-up-shrine:#c9b48f;--ky-up-shrine-side:#8f7a55;--ky-up-gal:#4d4037;--ky-up-aisle:#dcc196;--ky-up-panel:rgba(95,58,22,.3);--ky-up-alcove:#b58a52;--ky-up-purple:#5b2a6e;--ky-up-clock:#ffffff;--ky-up-rail:#3a2c1f;--ky-up-matedge:#2a2a26;--ky-up-sbframe:#1a1f1c;--ky-up-sbedge:#5b645e;--ky-up-sbline:#59615b;--ky-up-pole:#e9e7de;--ky-up-white:#f6f4ec;--ky-up-yellow:#f2c230;--ky-up-red:#c8372d;--ky-up-orange:#f26a1b;--ky-up-wood:#e3d4b4;--ky-up-leg:#474e49;--ky-up-pad:#2f6db0;--ky-up-cagepad:#2a2d32;--ky-up-table:#18243f;--ky-up-foot:rgba(0,0,0,.25);--ky-up-ground:#d9d5c7;--ky-up-wall:#2f4a36;--ky-up-clay:#a8703f;--ky-up-cap:#1d2a22;--ky-up-board:#ece9df;--ky-up-glass:rgba(138,190,232,.26);--ky-up-backboard:rgba(255,255,255,.88);--ky-up-outline:#f2f0e6;--ky-up-rim:#e8591a;--ky-up-mesh:rgba(24,30,27,.7);--ky-up-netfill:rgba(255,255,255,.2);--ky-up-tape:#fbfaf4;--ky-turn-bg:transparent;--ky-turn-ink:#1f2320;--ky-turn-rule:rgba(31,35,32,.22);--ky-turn-chip:rgba(255,255,255,.86);--ky-turn-chip-on:#1f2320;--ky-turn-chip-on-ink:#fff;${JUDGING_LIGHT};--ky-up-blk-a:#e9ece4;--ky-up-blk-b:#c9cdc3;--ky-up-blk-c:#a4aa9f;--ky-up-blk-roof:#f4f5f0;--ky-up-blk-line:rgba(40,46,42,.38);--ky-up-plate:rgba(47,109,176,.5);--ky-up-plate-line:#2f6db0}
-@media (prefers-color-scheme:dark){:where(html:not([data-theme=light]) .ky-turn:not([data-theme=light])){--ky-cr-bed:#242a32;--ky-cr-empty:#4a535f;--ky-cr-gap:#050709;--ky-cr-conc:#2a3038;--ky-cr-dim:.82;--ky-up-roof:rgba(60,66,62,.6);--ky-up-roofline:rgba(200,206,200,.5);--ky-up-fascia:#505650;--ky-up-ivy:#3d6633;--ky-up-door:#6a4f33;--ky-up-gal:#2d2621;--ky-up-aisle:#8f7752;--ky-up-alcove:#7d5c36;--ky-up-purple:#43204f;--ky-up-clock:#cfcbc0;--ky-up-room:#6d675a;--ky-up-roomback:#58534a;--ky-up-ceiling:#8c8a82;--ky-up-railw:#d9d6cc;--ky-up-riser:#251f1b;--ky-up-slab:#6b6455;--ky-up-slabedge:#585143;--ky-up-seatc:#2f231c;--ky-up-seatb:#1c1411;--ky-up-dais:#7d5230;--ky-up-dais-side:#52361f;--ky-up-sbframe:#0c0f0d;--ky-up-sbedge:#7a847d;--ky-up-sbline:#8a928c;--ky-up-pole:#d6d4ca;--ky-up-white:#e8e6dc;--ky-up-wood:#a89873;--ky-up-leg:#8a928c;--ky-up-ground:#242823;--ky-up-cagepad:#8f969f;--ky-up-wall:#4d6b55;--ky-up-clay:#7d5231;--ky-up-cap:#c9d2cc;--ky-up-board:#8d928b;--ky-up-glass:rgba(150,200,240,.2);--ky-up-backboard:rgba(255,255,255,.34);--ky-up-outline:#e7e4d8;--ky-up-mesh:rgba(236,236,226,.62);--ky-up-netfill:rgba(255,255,255,.08);--ky-up-tape:#efede2;--ky-turn-ink:#ece8dc;--ky-turn-rule:rgba(236,232,220,.28);--ky-turn-chip:rgba(24,28,25,.82);--ky-turn-chip-on:#ece8dc;--ky-turn-chip-on-ink:#1f2320;${JUDGING_DARK};--ky-up-blk-a:#59626b;--ky-up-blk-b:#444b53;--ky-up-blk-c:#30363c;--ky-up-blk-roof:#69727b;--ky-up-blk-line:rgba(220,226,220,.3);--ky-up-plate:rgba(127,176,232,.45);--ky-up-plate-line:#7fb0e8}}
-:where(html[data-theme=dark] .ky-turn,.ky-turn[data-theme=dark]){--ky-cr-bed:#242a32;--ky-cr-empty:#4a535f;--ky-cr-gap:#050709;--ky-cr-conc:#2a3038;--ky-cr-dim:.82;--ky-up-roof:rgba(60,66,62,.6);--ky-up-roofline:rgba(200,206,200,.5);--ky-up-fascia:#505650;--ky-up-ivy:#3d6633;--ky-up-door:#6a4f33;--ky-up-gal:#2d2621;--ky-up-aisle:#8f7752;--ky-up-alcove:#7d5c36;--ky-up-purple:#43204f;--ky-up-clock:#cfcbc0;--ky-up-room:#6d675a;--ky-up-roomback:#58534a;--ky-up-ceiling:#8c8a82;--ky-up-railw:#d9d6cc;--ky-up-riser:#251f1b;--ky-up-slab:#6b6455;--ky-up-slabedge:#585143;--ky-up-seatc:#2f231c;--ky-up-seatb:#1c1411;--ky-up-dais:#7d5230;--ky-up-dais-side:#52361f;--ky-up-sbframe:#0c0f0d;--ky-up-sbedge:#7a847d;--ky-up-sbline:#8a928c;--ky-up-pole:#d6d4ca;--ky-up-white:#e8e6dc;--ky-up-wood:#a89873;--ky-up-leg:#8a928c;--ky-up-ground:#242823;--ky-up-cagepad:#8f969f;--ky-up-wall:#4d6b55;--ky-up-clay:#7d5231;--ky-up-cap:#c9d2cc;--ky-up-board:#8d928b;--ky-up-glass:rgba(150,200,240,.2);--ky-up-backboard:rgba(255,255,255,.34);--ky-up-outline:#e7e4d8;--ky-up-mesh:rgba(236,236,226,.62);--ky-up-netfill:rgba(255,255,255,.08);--ky-up-tape:#efede2;--ky-turn-ink:#ece8dc;--ky-turn-rule:rgba(236,232,220,.28);--ky-turn-chip:rgba(24,28,25,.82);--ky-turn-chip-on:#ece8dc;--ky-turn-chip-on-ink:#1f2320;${JUDGING_DARK};--ky-up-blk-a:#59626b;--ky-up-blk-b:#444b53;--ky-up-blk-c:#30363c;--ky-up-blk-roof:#69727b;--ky-up-blk-line:rgba(220,226,220,.3);--ky-up-plate:rgba(127,176,232,.45);--ky-up-plate-line:#7fb0e8}
+:where(.ky-turn){--ky-left:#2f6db0;--ky-right:#b5452c;--ky-cr-home:#b5452c;--ky-cr-away:#2f6db0;--ky-cr-bed:#4a525d;--ky-cr-empty:#7d8794;--ky-cr-gap:#14181d;--ky-cr-conc:#8c929b;--ky-cr-dim:1;--ky-up-roof:rgba(214,218,212,.6);--ky-up-roofline:rgba(40,46,42,.55);--ky-up-fascia:#9aa09a;--ky-up-ivy:#5b8a45;--ky-up-brick:#a8604a;--ky-up-canopy:rgba(232,235,230,.9);--ky-up-door:#8a6a46;--ky-up-window:rgba(150,200,240,.55);--ky-up-sash:#f2f0e6;--ky-up-banner:#26211d;--ky-up-bannerline:#c8b88a;--ky-up-room:#efe8d6;--ky-up-roomback:#d6cdb9;--ky-up-ceiling:#dedcd5;--ky-up-railw:#fbfaf6;--ky-up-wainline:#6b4a2a;--ky-up-riser:#3f342c;--ky-up-slab:#d8cfba;--ky-up-slabedge:#c2b69c;--ky-up-seatc:#46342a;--ky-up-seatb:#2d211b;--ky-up-dais:#a0683a;--ky-up-dais-side:#6a4326;--ky-up-shrine:#c9b48f;--ky-up-shrine-side:#8f7a55;--ky-up-gal:#4d4037;--ky-up-aisle:#dcc196;--ky-up-panel:rgba(95,58,22,.3);--ky-up-alcove:#b58a52;--ky-up-purple:#5b2a6e;--ky-up-clock:#ffffff;--ky-up-rail:#3a2c1f;--ky-up-matedge:#2a2a26;--ky-up-sbframe:#1a1f1c;--ky-up-sbedge:#5b645e;--ky-up-sbline:#59615b;--ky-up-pole:#e9e7de;--ky-up-white:#f6f4ec;--ky-up-yellow:#f2c230;--ky-up-red:#c8372d;--ky-up-orange:#f26a1b;--ky-up-wood:#e3d4b4;--ky-up-leg:#474e49;--ky-up-pad:#2f6db0;--ky-up-cagepad:#2a2d32;--ky-up-table:#18243f;--ky-up-foot:rgba(0,0,0,.25);--ky-up-ground:#d9d5c7;--ky-up-wall:#2f4a36;--ky-up-clay:#a8703f;--ky-up-cap:#1d2a22;--ky-up-board:#ece9df;--ky-up-glass:rgba(138,190,232,.26);--ky-up-backboard:rgba(255,255,255,.88);--ky-up-outline:#f2f0e6;--ky-up-rim:#e8591a;--ky-up-mesh:rgba(24,30,27,.7);--ky-up-netfill:rgba(255,255,255,.2);--ky-up-tape:#fbfaf4;--ky-turn-bg:transparent;--ky-turn-ink:#1f2320;--ky-turn-rule:rgba(31,35,32,.22);--ky-turn-chip:rgba(255,255,255,.86);--ky-turn-chip-on:#1f2320;--ky-turn-chip-on-ink:#fff;${JUDGING_LIGHT};--ky-up-blk-a:#e9ece4;--ky-up-blk-b:#c9cdc3;--ky-up-blk-c:#a4aa9f;--ky-up-blk-roof:#f4f5f0;--ky-up-blk-line:rgba(40,46,42,.38);--ky-up-plate:rgba(47,109,176,.5);--ky-up-plate-line:#2f6db0}
+@media (prefers-color-scheme:dark){:where(html:not([data-theme=light]) .ky-turn:not([data-theme=light])){--ky-cr-bed:#242a32;--ky-cr-empty:#4a535f;--ky-cr-gap:#050709;--ky-cr-conc:#2a3038;--ky-cr-dim:.82;--ky-up-roof:rgba(60,66,62,.6);--ky-up-roofline:rgba(200,206,200,.5);--ky-up-fascia:#505650;--ky-up-ivy:#3d6633;--ky-up-brick:#7a4434;--ky-up-canopy:rgba(78,84,80,.9);--ky-up-door:#6a4f33;--ky-up-gal:#2d2621;--ky-up-aisle:#8f7752;--ky-up-alcove:#7d5c36;--ky-up-purple:#43204f;--ky-up-clock:#cfcbc0;--ky-up-room:#6d675a;--ky-up-roomback:#58534a;--ky-up-ceiling:#8c8a82;--ky-up-railw:#d9d6cc;--ky-up-riser:#251f1b;--ky-up-slab:#6b6455;--ky-up-slabedge:#585143;--ky-up-seatc:#2f231c;--ky-up-seatb:#1c1411;--ky-up-dais:#7d5230;--ky-up-dais-side:#52361f;--ky-up-sbframe:#0c0f0d;--ky-up-sbedge:#7a847d;--ky-up-sbline:#8a928c;--ky-up-pole:#d6d4ca;--ky-up-white:#e8e6dc;--ky-up-wood:#a89873;--ky-up-leg:#8a928c;--ky-up-ground:#242823;--ky-up-cagepad:#8f969f;--ky-up-wall:#4d6b55;--ky-up-clay:#7d5231;--ky-up-cap:#c9d2cc;--ky-up-board:#8d928b;--ky-up-glass:rgba(150,200,240,.2);--ky-up-backboard:rgba(255,255,255,.34);--ky-up-outline:#e7e4d8;--ky-up-mesh:rgba(236,236,226,.62);--ky-up-netfill:rgba(255,255,255,.08);--ky-up-tape:#efede2;--ky-turn-ink:#ece8dc;--ky-turn-rule:rgba(236,232,220,.28);--ky-turn-chip:rgba(24,28,25,.82);--ky-turn-chip-on:#ece8dc;--ky-turn-chip-on-ink:#1f2320;${JUDGING_DARK};--ky-up-blk-a:#59626b;--ky-up-blk-b:#444b53;--ky-up-blk-c:#30363c;--ky-up-blk-roof:#69727b;--ky-up-blk-line:rgba(220,226,220,.3);--ky-up-plate:rgba(127,176,232,.45);--ky-up-plate-line:#7fb0e8}}
+:where(html[data-theme=dark] .ky-turn,.ky-turn[data-theme=dark]){--ky-cr-bed:#242a32;--ky-cr-empty:#4a535f;--ky-cr-gap:#050709;--ky-cr-conc:#2a3038;--ky-cr-dim:.82;--ky-up-roof:rgba(60,66,62,.6);--ky-up-roofline:rgba(200,206,200,.5);--ky-up-fascia:#505650;--ky-up-ivy:#3d6633;--ky-up-brick:#7a4434;--ky-up-canopy:rgba(78,84,80,.9);--ky-up-door:#6a4f33;--ky-up-gal:#2d2621;--ky-up-aisle:#8f7752;--ky-up-alcove:#7d5c36;--ky-up-purple:#43204f;--ky-up-clock:#cfcbc0;--ky-up-room:#6d675a;--ky-up-roomback:#58534a;--ky-up-ceiling:#8c8a82;--ky-up-railw:#d9d6cc;--ky-up-riser:#251f1b;--ky-up-slab:#6b6455;--ky-up-slabedge:#585143;--ky-up-seatc:#2f231c;--ky-up-seatb:#1c1411;--ky-up-dais:#7d5230;--ky-up-dais-side:#52361f;--ky-up-sbframe:#0c0f0d;--ky-up-sbedge:#7a847d;--ky-up-sbline:#8a928c;--ky-up-pole:#d6d4ca;--ky-up-white:#e8e6dc;--ky-up-wood:#a89873;--ky-up-leg:#8a928c;--ky-up-ground:#242823;--ky-up-cagepad:#8f969f;--ky-up-wall:#4d6b55;--ky-up-clay:#7d5231;--ky-up-cap:#c9d2cc;--ky-up-board:#8d928b;--ky-up-glass:rgba(150,200,240,.2);--ky-up-backboard:rgba(255,255,255,.34);--ky-up-outline:#e7e4d8;--ky-up-mesh:rgba(236,236,226,.62);--ky-up-netfill:rgba(255,255,255,.08);--ky-up-tape:#efede2;--ky-turn-ink:#ece8dc;--ky-turn-rule:rgba(236,232,220,.28);--ky-turn-chip:rgba(24,28,25,.82);--ky-turn-chip-on:#ece8dc;--ky-turn-chip-on-ink:#1f2320;${JUDGING_DARK};--ky-up-blk-a:#59626b;--ky-up-blk-b:#444b53;--ky-up-blk-c:#30363c;--ky-up-blk-roof:#69727b;--ky-up-blk-line:rgba(220,226,220,.3);--ky-up-plate:rgba(127,176,232,.45);--ky-up-plate-line:#7fb0e8}
 .ky-turn{position:relative;display:block;width:100%;color:var(--ky-turn-ink);font-family:var(--ky-font,system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif);background:var(--ky-turn-bg)}
 .ky-turn-view{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--ky-turn-ratio,16/10);min-height:260px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;outline-offset:2px}
 .ky-turn[data-touch=turn] .ky-turn-view{touch-action:none}
@@ -68,6 +68,13 @@ export const KYOGIJO_TURN_STYLE = `
 .ky-turn .u-fascia{fill:var(--ky-up-fascia)}
 .ky-turn .u-shell{fill:var(--ky-up-fascia);stroke:var(--ky-up-roofline);stroke-width:.6}
 .ky-turn .u-ivy{fill:var(--ky-up-ivy)}
+.ky-turn .u-canopy{fill:var(--ky-up-canopy,rgba(232,235,230,.9))}
+.ky-turn .u-brick{fill:var(--ky-up-brick,#a8604a)}
+.ky-turn .u-rail{fill:var(--ky-up-fascia);stroke:var(--ky-up-roofline);stroke-width:.6}
+.ky-turn .u-endtower{fill:var(--ky-up-fascia);stroke:var(--ky-up-roofline);stroke-width:.6}
+.ky-turn .u-endtower-side{fill:color-mix(in srgb,var(--ky-up-fascia) 86%,#000);stroke:var(--ky-up-roofline);stroke-width:.6}
+.ky-turn .u-endtower-board{fill:#141a20;stroke:var(--ky-up-roofline);stroke-width:.5}
+.ky-turn .u-endtower-rows{fill:none;stroke:#7fb2ee;stroke-opacity:.45;stroke-width:.6}
 /* The buildings round a district's venues (context.ts): three tones of wall by the way each faces, and a lighter roof. */
 .ky-turn .u-block{stroke:var(--ky-up-blk-line);stroke-width:.5}
 .ky-turn .u-block-a{fill:var(--ky-up-blk-a)}
@@ -90,6 +97,12 @@ export const KYOGIJO_TURN_STYLE = `
 .ky-turn .u-signplate{fill:var(--ky-turn-bg);fill-opacity:.9;stroke:var(--ky-turn-rule);stroke-width:.5}
 .ky-turn .u-sign{fill:var(--ky-turn-ink);font-family:var(--ky-font,system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif);font-weight:600}
 .ky-turn .u-mast{fill:var(--ky-up-fascia);stroke:var(--ky-up-roofline);stroke-width:.4}
+.ky-turn .u-tower{fill:var(--ky-up-fascia);stroke:var(--ky-up-roofline);stroke-width:.4}
+.ky-turn .u-tower-slit{fill:var(--ky-up-roofline);fill-opacity:.55}
+.ky-turn .u-tower-foot{fill:var(--ky-up-roofline);fill-opacity:.8}
+.ky-turn .u-tower-cap{fill:var(--ky-up-roofline);fill-opacity:.85}
+.ky-turn .u-tower-glass{fill:var(--ky-up-fascia);fill-opacity:.55}
+.ky-turn .u-tower-cable{fill:var(--ky-up-roofline);fill-opacity:.7}
 .ky-turn .u-skylight{fill:var(--ky-up-skylight,#a9c8da);fill-opacity:.9;stroke:var(--ky-up-roofline);stroke-width:.5}
 .ky-turn .u-podium{fill:#000;fill-opacity:.16}
 .ky-turn .u-ledge{fill:var(--ky-up-roofline)}

package/dist/uprights.js

@@ -13,7 +13,7 @@ import { NHL_RINK } from "./leagues/hockey.js";
 import { chooseLeague, courtOf, diamondOf, fieldOf, rinkOf } from "./leagues.js";
 import { fenceFor, heldPark, parkWallsIn } from "./parks.core.js";
 import { fenceOutline } from "./surfaces/baseball.js";
-import { KYOGIJO_STRINGS, fill } from "./strings.js";
+import { KYOGIJO_STRINGS, fill } from "./strings.core.js";
 import { soccerSpec } from "./surfaces/soccer-spec.js";
 import { thinnest } from "./turn.kit.js";
 import { scoreboard } from "./uprights.board.js";

package/dist/venue-data-entry.d.ts

@@ -1,5 +1,7 @@
 export { loadArena, loadGround, loadPark, loadVenueDataFor, venueDataKeysFor, venueName } from "./venue-data.ts";
 export type { VenueDataKeys } from "./venue-data.ts";
+export { loadOutside } from "./walk.ts";
+export { loadStrings } from "./strings.core.ts";
 export type { Arena } from "./arenas.core.ts";
 export type { Ground } from "./grounds.core.ts";
 export type { Park } from "./parks.core.ts";

package/dist/venue-data-entry.js

@@ -1,2 +1,6 @@
-// The data of the venues a page shows, one file each, read when asked for: `loadVenueDataFor` for the venues of a district, `loadArena`, `loadPark` and `loadGround` for one, `venueName` to list the venues by name without reading any of them.
+// The data of the venues a page shows, one file each, read when asked for (`loadOutside` the walkable ground of a crowd outside them, and `loadStrings` the words of a language, in the same way): `loadVenueDataFor` for the venues of a district, `loadArena`, `loadPark` and `loadGround` for one, `venueName` to list the venues by name without reading any of them.
 export { loadArena, loadGround, loadPark, loadVenueDataFor, venueDataKeysFor, venueName } from "./venue-data.js";
+// The walkable ground of the crowd outside some venues (OpenStreetMap, ODbL 1.0), one file for each district, read when the venues have a crowd outside to show.
+export { loadOutside } from "./walk.js";
+// The words of a language, one file each, read before the first draw in it.
+export { loadStrings } from "./strings.core.js";

package/dist/venue-data.d.ts

@@ -39,7 +39,7 @@ export interface VenueDataKeys {
  */
 export declare function venueDataKeysFor(venues: readonly string[]): VenueDataKeys;
 /**
- * The records of the venues a page is about to draw, each read from its own file and no other, and held for the drawing: what `planDistrict`, `drawDistrict` and `mountDistrictTurn` of the lean district read. Await it before the
+ * The records of the venues a page is about to draw, each read from its own file (an arena of the NHL's real venue from its own two) and no other, and held for the drawing: what `planDistrict`, `drawDistrict` and `mountDistrictTurn` of the lean district read. Await it before the
  * first call and again when the venues change; a venue whose records are held is not read twice.
  * @example
  * ```ts

package/dist/venue-data.js

@@ -9,6 +9,8 @@ import { registerParks } from "./parks.core.js";
 import { PARK_INDEX } from "./parks.index.js";
 import { KODOKAN_NAME } from "./kodokan.js";
 import { STADIUMS, stadiumKind } from "./stadiums.js";
+import { VENUE_INDEX } from "./venues.index.js";
+import { loadVenue } from "./venues.js";
 /** The files read, by kind and key, each once: asking again gives the same promise, and one that failed (the network) is asked for again next time. */
 const kept = new Map();
 function read(kind, index, id, keep) {
@@ -75,7 +77,7 @@ export function venueDataKeysFor(venues) {
     return keys;
 }
 /**
- * The records of the venues a page is about to draw, each read from its own file and no other, and held for the drawing: what `planDistrict`, `drawDistrict` and `mountDistrictTurn` of the lean district read. Await it before the
+ * The records of the venues a page is about to draw, each read from its own file (an arena of the NHL's real venue from its own two) and no other, and held for the drawing: what `planDistrict`, `drawDistrict` and `mountDistrictTurn` of the lean district read. Await it before the
  * first call and again when the venues change; a venue whose records are held is not read twice.
  * @example
  * ```ts
@@ -88,7 +90,8 @@ export function venueDataKeysFor(venues) {
  */
 export async function loadVenueDataFor(venues) {
     const keys = venueDataKeysFor(venues);
-    await Promise.all([...keys.arenas.map(loadArena), ...keys.parks.map(loadPark), ...keys.grounds.map(loadGround)]);
+    // An arena of the NHL also has a real venue (its facts and its outline, two files), which the district draws it from.
+    await Promise.all([...keys.arenas.map(loadArena), ...keys.arenas.filter((id) => Object.hasOwn(VENUE_INDEX, id)).map(loadVenue), ...keys.parks.map(loadPark), ...keys.grounds.map(loadGround)]);
 }
 const nameIn = (index, id, language) => (id !== undefined && Object.hasOwn(index, id) ? (language === "ja" ? index[id].nameJa : index[id].name) : undefined);
 /**

package/dist/venue.js

@@ -261,5 +261,7 @@ export function standsVenueOf(stands, crowd, o, v, lift) {
             items.push({ id: "roof", kind: "roof", at: centre, height: topOf(planes), planes });
     }
     const r = stands.reach;
-    return { items, defs, reach: Math.max(r.left, r.right, r.top, r.bottom) + 6 };
+    // Every roof is cut away from above and whole from the street (`Plane.cut`).
+    const cutItems = items.map((item) => (item.kind === "roof" ? { ...item, planes: item.planes.map((p) => ({ ...p, cut: true })) } : item));
+    return { items: cutItems, defs, reach: Math.max(r.left, r.right, r.top, r.bottom) + 6 };
 }

package/dist/venue.real.d.ts

@@ -1,12 +1,25 @@
 import { type Pt, type RealShell, type StandRing } from "./crowd.ts";
-import { type Plane, type Upright } from "./turn.kit.ts";
+import { type Plane, type Upright, type V3 } from "./turn.kit.ts";
 /** How far a lid rises from its edge towards the middle, and how far a saddle's high ends stand over its low sides, in feet (ours: the sources give a roof's kind, not its height). */
 export declare const LID_RISE = 22;
 export declare const SADDLE_RISE = 30;
+/** How far a barrel vault's crown stands over its springing at the long sides, in feet (ours: the article says the roof looks like a Quonset hut, not how high it rises). */
+export declare const BARREL_RISE = 34;
 /** The saddle's share of its rise at a point (0 at the middle of a side, 1 at the middle of an end): half a saddle's way from one to the other, as a hyperbolic paraboloid (u squared less v squared) lies over the building's box. */
 export declare function saddleAt(real: Pick<RealShell, "footprint">, [x, y]: Pt): number;
+/** The barrel vault's share of its rise at a point (0 at the springing along each long side, 1 over the middle line): a round arch over the building's short axis, the quarter of a circle's rise at each step in from the side. */
+export declare function barrelAt(real: Pick<RealShell, "footprint">, [, y]: Pt): number;
 /** The height of the roof over a point of the building's edge, above the surface, in feet. */
 export declare const roofAt: (real: RealShell, p: Pt) => number;
+/** The height of the wall of a building under canopies at a point of its rim: where a canopy is over it, the canopy's back edge, which the wall carries up to (the outside of Lumen Field's roofs is one curved face to the ground); elsewhere the rim's own height. */
+export declare function wallAt(real: RealShell, p: Pt): number;
+/**
+ * A tower that leans and curves: a square shaft of horizontal sections that tapers from a broad foot on the ground to a narrow top, along a curve that runs from the foot to the top (the line the map gives of its funicular), its
+ * back curving up from a flatter foot to the inclination the article gives at the top; a plinth where it meets the ground, the dark slits down its sloped back, an observatory of dark and glass bands on its top and, with `cables`,
+ * thin lines from the observatory to the roof. Each face of a ring is a trapezoid on a plane through its corners, so that the faces meet along their edges. The foot and the top and their height are the sources'; the curve, the
+ * widths, the slits, the plinth and the observatory are ours.
+ */
+export declare function towerPlanes(tower: NonNullable<RealShell["tower"]>, z: number, cables?: V3[]): Plane[];
 /** The point where a ray from `from` first meets a polygon, or `undefined`. */
 export declare function firstHit(poly: readonly Pt[], from: Pt, angle: number): Pt | undefined;
 /** How tall the glazed concourse band over a podium is, in feet (ours). */
@@ -40,8 +53,39 @@ export declare const SKYLIGHT_WIDTH = 14;
 export declare const SKYLIGHT_SHARE = 0.78;
 /** How far a canopy's low edge, the field's side of it, stands under its high edge: the OpenStreetMap roof's `roof:height` is the rise, and the canopy rises to the back of the stands (ours: the sources do not say which way it slopes). */
 export declare const CANOPY_NOTE = "low over the field, high over the back of the stands";
+/** How many strips a canopy is cut into from the field's side to the back, so that a curved roof is a curve (ours: the drawing's pieces are flat). */
+export declare const CANOPY_STRIPS = 3;
+/** From this many rays round the middle on, a canopy is cut by every other one. */
+export declare const CANOPY_FINE = 48;
+/** The share of a canopy's rise at a share of the way from the field's side to the back: a straight slope, or for OpenStreetMap's `roof:shape=round` a convex arc, a quarter of a circle, steep at the field's edge and levelling over the back of the stands. */
+export declare function canopyRiseAt(shape: string | undefined, t: number): number;
+/** How wide the scoreboard on a tower's face is and how tall, as shares of the face, and how far it stands out from it, in feet (ours: the article says the scoreboard is vertical, not how large). */
+export declare const TOWER_BOARD: {
+    readonly wide: 0.62;
+    readonly tall: 0.46;
+    readonly from: 0.55;
+    readonly out: 0.4;
+};
+/**
+ * A tower standing apart from the bowl: a box on its outline, four faces and a flat top, that gives way to the eye as a wall does (a tall tower between the eye and the field is cut away, whole from above), with the scoreboard
+ * on the face towards the field, a dark panel high on it and divided into its rows of lamps.
+ */
+export declare function endTowerPlanes(tower: NonNullable<RealShell["towers"]>[number], index: number, lift: number, centre: Pt): Plane[];
 /** How many rings of pieces an air-supported roof is drawn in, from the rim in to the crown (ours: the roof is smooth, the drawing is faceted). */
 export declare const DOME_RINGS = 4;
+/** How wide a rail girder is, how thick, how wide a column under it is, and how many columns stand under each rail, in feet (ours: the article says the roof runs on rails on the north and the south side, not what holds them up). */
+export declare const RAIL: {
+    readonly wide: 12;
+    readonly thick: 16;
+    readonly column: 15;
+    readonly columns: 4;
+    readonly inset: 24;
+};
+/**
+ * The rails a retractable ballpark roof runs on, along its north and south sides (the article: 128 wheels on rails there), as two girders at the roof's lowest height, each on a row of columns from the ground, and running
+ * on over the strip where the sections rest. The rails run the way the sections park, from the cover's middle to where they rest; a girder lies a little inside each side of the cover.
+ */
+export declare function panelRails(panels: NonNullable<RealShell["panels"]>, c: Pt, lift: number): Plane[];
 /** The pod in the middle of a cable roof's opening, as a share of the opening's size, and how thick it is, in feet (ours: the article says the fabric gathers into a pod above the video board, not how large it is). */
 export declare const POD: {
     readonly share: 0.24;