@johnmorrisdotca/kyogijo-stadiums 0.29.0 → 0.31.0

package/dist/stadiums.osm.data.js

@@ -5,6 +5,7 @@ export const STADIUM_OSM = {
         "base": "2026-10-20T21:46:16Z",
         "licence": "ODbL-1.0",
         "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "height": 61,
         "axis": { "heading": 52.8, "basis": "opening", "strength": 1.47, "elongation": 1.19, "centre": [-123.112002, 49.276698] },
         "roof": {
             "source": "relation/5836463",
@@ -55,4 +56,117 @@ export const STADIUM_OSM = {
             [-123.113623, 49.276478],
         ],
     },
+    "lumen-field": {
+        "source": "relation/2305831",
+        "read": "2026-10-20",
+        "base": "2026-10-20T23:05:49Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 0, "basis": "pitch", "strength": 1.32, "elongation": 2.16, "centre": [-122.33163, 47.595154] },
+        "canopies": [
+            { "source": "way/458208106", "height": 36, "rise": 10, "ring": [
+                    [-122.332395, 47.596154],
+                    [-122.33234, 47.595145],
+                    [-122.332404, 47.594143],
+                    [-122.332683, 47.594276],
+                    [-122.332869, 47.594407],
+                    [-122.333005, 47.594605],
+                    [-122.333075, 47.594764],
+                    [-122.333159, 47.595095],
+                    [-122.33313, 47.59539],
+                    [-122.332993, 47.595744],
+                    [-122.332861, 47.59592],
+                    [-122.332747, 47.596004],
+                    [-122.332452, 47.596154],
+                ] },
+            { "source": "way/458208107", "height": 36, "rise": 10, "ring": [
+                    [-122.330897, 47.596155],
+                    [-122.330837, 47.596159],
+                    [-122.33062, 47.596055],
+                    [-122.330448, 47.595948],
+                    [-122.330298, 47.595762],
+                    [-122.330117, 47.5953],
+                    [-122.330116, 47.59501],
+                    [-122.330212, 47.594711],
+                    [-122.33041, 47.594391],
+                    [-122.330582, 47.594279],
+                    [-122.330872, 47.59415],
+                    [-122.330942, 47.595174],
+                    [-122.330936, 47.595579],
+                ] },
+        ],
+        "ring": [
+            [-122.332249, 47.59627],
+            [-122.332463, 47.596203],
+            [-122.332661, 47.596118],
+            [-122.33284, 47.596015],
+            [-122.332996, 47.595897],
+            [-122.333126, 47.595765],
+            [-122.333162, 47.595677],
+            [-122.333156, 47.594577],
+            [-122.333041, 47.594455],
+            [-122.332904, 47.594343],
+            [-122.332747, 47.594244],
+            [-122.332574, 47.594159],
+            [-122.332187, 47.594034],
+            [-122.331979, 47.593997],
+            [-122.331766, 47.593978],
+            [-122.331338, 47.593994],
+            [-122.331311, 47.594047],
+            [-122.331129, 47.594028],
+            [-122.330739, 47.594148],
+            [-122.330405, 47.594329],
+            [-122.330265, 47.594439],
+            [-122.330166, 47.594722],
+            [-122.330125, 47.59496],
+            [-122.330117, 47.5953],
+            [-122.330168, 47.595589],
+            [-122.330269, 47.59587],
+            [-122.330506, 47.596048],
+            [-122.330646, 47.596124],
+            [-122.331021, 47.596263],
+            [-122.331021, 47.596093],
+            [-122.331134, 47.596093],
+            [-122.331227, 47.596281],
+            [-122.332031, 47.596283],
+            [-122.332131, 47.596089],
+            [-122.33225, 47.596089],
+        ],
+    },
+    "t-mobile-park": {
+        "source": "relation/3008332",
+        "read": "2026-10-20",
+        "base": "2026-10-20T23:06:50Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "height": 21,
+        "axis": { "heading": 49.4, "basis": "infield", "strength": 1.43, "elongation": 1, "centre": [-122.332905, 47.591117] },
+        "ring": [
+            [-122.330843, 47.59228],
+            [-122.331382, 47.590448],
+            [-122.333677, 47.590452],
+            [-122.333678, 47.59047],
+            [-122.333819, 47.590456],
+            [-122.333945, 47.5905],
+            [-122.333997, 47.590554],
+            [-122.334013, 47.590618],
+            [-122.333989, 47.590681],
+            [-122.33393, 47.59073],
+            [-122.333978, 47.59073],
+            [-122.333975, 47.59216],
+            [-122.333739, 47.59216],
+            [-122.33374, 47.591759],
+            [-122.333776, 47.591759],
+            [-122.333776, 47.591748],
+            [-122.333683, 47.591723],
+            [-122.333451, 47.592099],
+            [-122.333388, 47.592119],
+            [-122.333409, 47.592138],
+            [-122.333293, 47.5922],
+            [-122.333231, 47.592154],
+            [-122.333131, 47.592213],
+            [-122.333256, 47.592215],
+            [-122.333251, 47.592271],
+        ],
+    },
 };

package/dist/strings.d.ts

@@ -516,6 +516,10 @@ export interface KyogijoWords {
         stadiumOpening: string;
         stadiumBuilding: string;
         stadiumNone: string;
+        /** A ballpark's stands: {seats} seats fitted inside the outline of {stadium}'s building; and how the pitch or the infield says the field lies. */
+        stadiumPark: string;
+        stadiumPitch: string;
+        stadiumInfield: string;
         /** A district: a plan of {count} real venues at their real positions, {mode}; and what `mode` says for the two kinds of plan, and the word before the credit. */
         district: string;
         districtNeighbours: string;

package/dist/strings.js

@@ -199,7 +199,7 @@ export const KYOGIJO_STRINGS = {
             },
         },
         scoreTitle: "{away} {awayScore}, {home} {homeScore}",
-        said: { home: "home", away: "away", won: "{name} won.", tied: "The game is level.", park: "The outfield fence follows the figures published for {park}.", officially: "Its official name is {name}.", ground: "The pitch follows the size published for {ground}.", groundDefault: "No pitch size is published for {ground}, so the pitch has the international size of 105 by 68 metres.", arenaRink: "{arena}, hockey rink", arenaCourt: "{arena}, basketball court", arenaRinkAbout: "an ice hockey rink, {length} by {width} feet ({lengthM} by {widthM} metres) with rounded corners, with its red and blue lines, face-off circles, creases and goal nets", arenaCourtAbout: "a basketball court, {length} by {width} feet ({lengthM} by {widthM} metres), with its keys, three-point lines, free-throw circles and the centre circle", arenaSize: "The size is the one published for {arena}.", arenaUnknown: "The article says the rink of {arena} was shorter than the NHL's but gives no size, so the NHL's is drawn.", real: "The stands are a plausible bowl of {seats} seats in {tiers} tiers, fitted inside the outline of the building of {arena} from OpenStreetMap ((c) OpenStreetMap contributors); it is not the arena's plan.", realBuilding: "The rink lies along the building's long axis, which is an inference, and the arrow points north.", realMapped: "The rink lies as OpenStreetMap maps the ice, and the arrow points north.", realNone: "The rink's orientation is not known, so it is drawn east-west with north at the top.", stadium: "The stands are a plausible bowl of {seats} seats in {tiers} bowls, fitted inside the outline of the building of {stadium} from OpenStreetMap ((c) OpenStreetMap contributors); it is not the stadium's plan.", stadiumOpening: "The field lies along the opening in the roof, which is the size of the field, and the arrow points north.", stadiumBuilding: "The field lies along the building's long axis, which is an inference, and the arrow points north.", stadiumNone: "The field's orientation is not known, so it is drawn east-west with north at the top.", district: "A plan of {count} real venues at their real positions and orientations, from the outlines OpenStreetMap maps; {mode}.", districtNeighbours: "it is fitted close round the buildings", districtCity: "it keeps the real distances, with a grid of kilometres and a scale", districtCredit: "Credit:", era: "The markings are those of the {season} season.", hammer: "{name} has the hammer.", ends: "By end, {name}: {list}.", total: "Total", wonPens: "{name} won {a}-{b} on penalties.", pens: "{a}-{b} pens", on: "Drawn as", sep: ", ", stop: ".", colon: ": ", gap: " " },
+        said: { home: "home", away: "away", won: "{name} won.", tied: "The game is level.", park: "The outfield fence follows the figures published for {park}.", officially: "Its official name is {name}.", ground: "The pitch follows the size published for {ground}.", groundDefault: "No pitch size is published for {ground}, so the pitch has the international size of 105 by 68 metres.", arenaRink: "{arena}, hockey rink", arenaCourt: "{arena}, basketball court", arenaRinkAbout: "an ice hockey rink, {length} by {width} feet ({lengthM} by {widthM} metres) with rounded corners, with its red and blue lines, face-off circles, creases and goal nets", arenaCourtAbout: "a basketball court, {length} by {width} feet ({lengthM} by {widthM} metres), with its keys, three-point lines, free-throw circles and the centre circle", arenaSize: "The size is the one published for {arena}.", arenaUnknown: "The article says the rink of {arena} was shorter than the NHL's but gives no size, so the NHL's is drawn.", real: "The stands are a plausible bowl of {seats} seats in {tiers} tiers, fitted inside the outline of the building of {arena} from OpenStreetMap ((c) OpenStreetMap contributors); it is not the arena's plan.", realBuilding: "The rink lies along the building's long axis, which is an inference, and the arrow points north.", realMapped: "The rink lies as OpenStreetMap maps the ice, and the arrow points north.", realNone: "The rink's orientation is not known, so it is drawn east-west with north at the top.", stadium: "The stands are a plausible bowl of {seats} seats in {tiers} bowls, fitted inside the outline of the building of {stadium} from OpenStreetMap ((c) OpenStreetMap contributors); it is not the stadium's plan.", stadiumOpening: "The field lies along the opening in the roof, which is the size of the field, and the arrow points north.", stadiumBuilding: "The field lies along the building's long axis, which is an inference, and the arrow points north.", stadiumNone: "The field's orientation is not known, so it is drawn east-west with north at the top.", stadiumPark: "The stands are the usual stands of a ballpark, each band as deep as its seats need, for {seats} seats, fitted inside the outline of the building of {stadium} from OpenStreetMap ((c) OpenStreetMap contributors); it is not the park's plan.", stadiumPitch: "The field lies as OpenStreetMap maps the pitch, and the arrow points north.", stadiumInfield: "The way home plate faces is worked out from the infield OpenStreetMap maps and the building's outline, and the arrow points north.", district: "A plan of {count} real venues at their real positions and orientations, from the outlines OpenStreetMap maps; {mode}.", districtNeighbours: "it is fitted close round the buildings", districtCity: "it keeps the real distances, with a grid of kilometres and a scale", districtCredit: "Credit:", era: "The markings are those of the {season} season.", hammer: "{name} has the hammer.", ends: "By end, {name}: {list}.", total: "Total", wonPens: "{name} won {a}-{b} on penalties.", pens: "{a}-{b} pens", on: "Drawn as", sep: ", ", stop: ".", colon: ": ", gap: " " },
         budo: {
             sides: { north: "north", south: "south", east: "east", west: "west" },
             judo: "a judo contest area of {contest} by {contest} metres in a safety area {safety} metres wide, laid with tatami of {tatami}",
@@ -758,7 +758,7 @@ export const KYOGIJO_STRINGS = {
             },
         },
         scoreTitle: "{away} {awayScore}、{home} {homeScore}",
-        said: { home: "ホーム", away: "アウェイ", won: "{name}の勝ちです。", tied: "同点です。", park: "外野フェンスは、{park}の公表されている距離をもとに描かれています。", officially: "正式名称は{name}です。", ground: "ピッチは、{ground}の公表されている広さをもとに描かれています。", groundDefault: "{ground}のピッチの広さは公表されていないため、国際標準の105×68mで描かれています。", arenaRink: "{arena}のアイスホッケーリンク", arenaCourt: "{arena}のバスケットボールコート", arenaRinkAbout: "アイスホッケーのリンク。{length}フィート（約{lengthM}m）×{width}フィート（約{widthM}m）で角が丸く、レッドライン、ブルーライン、フェイスオフサークル、クリース、ゴールがあります", arenaCourtAbout: "バスケットボールのコート。{length}フィート（約{lengthM}m）×{width}フィート（約{widthM}m）で、ペイントエリア、スリーポイントライン、フリースローサークル、センターサークルがあります", arenaSize: "広さは、{arena}の公表されている数値をもとに描かれています。", arenaUnknown: "{arena}のリンクはNHLの規格より短かったとされていますが、広さが示されていないため、NHLの規格で描かれています。", real: "スタンドは、OpenStreetMapの建物の輪郭（(c) OpenStreetMap contributors）の内側に収まるように、{arena}の{seats}席・{tiers}層を推定して描いたもので、アリーナの設計図ではありません。", realBuilding: "リンクは建物の長い軸に沿って置いており（推定）、矢印は北を指します。", realMapped: "リンクの向きはOpenStreetMapに記録された氷面のとおりで、矢印は北を指します。", realNone: "リンクの向きは分かっていないため、東西に置き、北を上にしています。", stadium: "{stadium}の建物の輪郭（OpenStreetMap、(c) OpenStreetMap contributors）の内側に、{seats}席・{tiers}層のスタンドを推定して描いています。スタジアムの設計図ではありません。", stadiumOpening: "フィールドは屋根の開口部（フィールドと同じ大きさ）に沿って置いており、矢印は北を指します。", stadiumBuilding: "フィールドは建物の長い軸に沿って置いており（推定）、矢印は北を指します。", stadiumNone: "フィールドの向きは分かっていないため、東西に置き、北を上にしています。", district: "OpenStreetMapの建物の輪郭をもとに、{count}か所の実在の会場を実際の位置と向きのとおりに並べた配置図です。{mode}。", districtNeighbours: "建物のすぐ近くまで寄せて描いています", districtCity: "実際の距離を保ち、1km方眼と縮尺を添えています", districtCredit: "出典：", era: "ラインやマークは{season}シーズンのものです。", hammer: "{name}がハンマー（最後の1投）を持っています。", ends: "{name}のエンドごとの得点：{list}。", total: "合計", wonPens: "{name}がPK戦を{a}-{b}で制しました。", pens: "PK戦 {a}-{b}", on: "図の内容", sep: "、", stop: "。", colon: "：", gap: "" },
+        said: { home: "ホーム", away: "アウェイ", won: "{name}の勝ちです。", tied: "同点です。", park: "外野フェンスは、{park}の公表されている距離をもとに描かれています。", officially: "正式名称は{name}です。", ground: "ピッチは、{ground}の公表されている広さをもとに描かれています。", groundDefault: "{ground}のピッチの広さは公表されていないため、国際標準の105×68mで描かれています。", arenaRink: "{arena}のアイスホッケーリンク", arenaCourt: "{arena}のバスケットボールコート", arenaRinkAbout: "アイスホッケーのリンク。{length}フィート（約{lengthM}m）×{width}フィート（約{widthM}m）で角が丸く、レッドライン、ブルーライン、フェイスオフサークル、クリース、ゴールがあります", arenaCourtAbout: "バスケットボールのコート。{length}フィート（約{lengthM}m）×{width}フィート（約{widthM}m）で、ペイントエリア、スリーポイントライン、フリースローサークル、センターサークルがあります", arenaSize: "広さは、{arena}の公表されている数値をもとに描かれています。", arenaUnknown: "{arena}のリンクはNHLの規格より短かったとされていますが、広さが示されていないため、NHLの規格で描かれています。", real: "スタンドは、OpenStreetMapの建物の輪郭（(c) OpenStreetMap contributors）の内側に収まるように、{arena}の{seats}席・{tiers}層を推定して描いたもので、アリーナの設計図ではありません。", realBuilding: "リンクは建物の長い軸に沿って置いており（推定）、矢印は北を指します。", realMapped: "リンクの向きはOpenStreetMapに記録された氷面のとおりで、矢印は北を指します。", realNone: "リンクの向きは分かっていないため、東西に置き、北を上にしています。", stadium: "{stadium}の建物の輪郭（OpenStreetMap、(c) OpenStreetMap contributors）の内側に、{seats}席・{tiers}層のスタンドを推定して描いています。スタジアムの設計図ではありません。", stadiumOpening: "フィールドは屋根の開口部（フィールドと同じ大きさ）に沿って置いており、矢印は北を指します。", stadiumBuilding: "フィールドは建物の長い軸に沿って置いており（推定）、矢印は北を指します。", stadiumNone: "フィールドの向きは分かっていないため、東西に置き、北を上にしています。", stadiumPark: "{stadium}の建物の輪郭（OpenStreetMap、(c) OpenStreetMap contributors）の内側に、{seats}席のスタンドを推定して描いています。球場の設計図ではありません。", stadiumPitch: "フィールドの向きはOpenStreetMapに記録されたピッチのとおりで、矢印は北を指します。", stadiumInfield: "ホームプレートの向きは、OpenStreetMapに記録された内野と建物の輪郭から推定しており、矢印は北を指します。", district: "OpenStreetMapの建物の輪郭をもとに、{count}か所の実在の会場を実際の位置と向きのとおりに並べた配置図です。{mode}。", districtNeighbours: "建物のすぐ近くまで寄せて描いています", districtCity: "実際の距離を保ち、1km方眼と縮尺を添えています", districtCredit: "出典：", era: "ラインやマークは{season}シーズンのものです。", hammer: "{name}がハンマー（最後の1投）を持っています。", ends: "{name}のエンドごとの得点：{list}。", total: "合計", wonPens: "{name}がPK戦を{a}-{b}で制しました。", pens: "PK戦 {a}-{b}", on: "図の内容", sep: "、", stop: "。", colon: "：", gap: "" },
         budo: {
             sides: { north: "北", south: "南", east: "東", west: "西" },
             judo: "柔道の試合場。試合場内は{contest}m四方、幅{safety}mの安全地帯があり、{tatami}の畳を敷いています",

package/dist/venue.js

@@ -116,16 +116,16 @@ export function standsVenueOf(stands, crowd, o, v, lift) {
         }
         // The low wall under the first row of a tier the walks do not lead to (a ballpark's wall seats stand on the fence, which the fence's own planes make).
         if (ring.tier !== "wall" && !chained.has(ring) && ring.height[0] > 0.5) {
-            for (const strip of strips) {
+            strips.forEach((strip, si) => {
                 for (let i = 0; i + 1 < strip.inner.length; i += 1) {
                     const [a, b] = [strip.inner[i], strip.inner[i + 1]];
                     if (Math.hypot(b[0] - a[0], b[1] - a[1]) < 0.5 || inCover([(a[0] + b[0]) / 2, (a[1] + b[1]) / 2]))
                         continue;
                     const h = lift + ring.height[0];
-                    const w = wall(`${ring.id}-front-${i}`, "fascia", a[0], a[1], b[0], b[1], 0, h, `<rect class="u-fascia" width="${n(Math.hypot(b[0] - a[0], b[1] - a[1]))}" height="${n(h)}"/>`);
+                    const w = wall(`${ring.id}-front-${si === 0 ? "" : `s${si}-`}${i}`, "fascia", a[0], a[1], b[0], b[1], 0, h, `<rect class="u-fascia" width="${n(Math.hypot(b[0] - a[0], b[1] - a[1]))}" height="${n(h)}"/>`);
                     seatPlanes.push(shy(w, centre));
                 }
-            }
+            });
         }
     }
     // The walks between the tiers: a plane from the outer edge of one tier up to the first row of the next.

package/dist/venue.real.d.ts

@@ -15,6 +15,8 @@ export declare function realBuilding(real: RealShell, top: StandRing | undefined
     walls: boolean;
     roof: boolean;
 }): Items;
+/** 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";
 /** 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;

package/dist/venue.real.js

@@ -1,5 +1,6 @@
 // The building of a real venue, raised: its walls, standing on the outline OpenStreetMap gives, and its roof over the top tier, a lid that rises towards the middle, a saddle that rises at the two ends and falls at the two
-// sides, or a cable-supported roof that rises to an opening over the surface which a retractable fabric closes (BC Place's, with the fabric gathered into its pod when `roofOpen` is asked). All are asked for with the roof
+// sides, a cable-supported roof that rises to an opening over the surface which a retractable fabric closes (BC Place's, with the fabric gathered into its pod when `roofOpen` is asked), canopies over some of the
+// stands that leave the field open (Lumen Field's), or retractable panels high over a ballpark (T-Mobile Park's, resting over its east side when `roofOpen` is asked). All are asked for with the roof
 // (`venue: { roof: true }`) and give way to the eye as the other walls do. Pure: data in, planes out.
 import { rayAt } from "./crowd.js";
 import { n, shy, wall } from "./turn.kit.js";
@@ -70,11 +71,23 @@ export function realBuilding(real, top, centre, lift, steps, open = false, parts
         const long = Math.hypot(b[0] - a[0], b[1] - a[1]);
         if (long < 1)
             return;
-        const high = lift + roofAt(real, [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2]);
+        const high = lift + (real.wall ?? roofAt(real, [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2]));
         planes.push({ ...shy(wall(`shell-${i}`, "wall", a[0], a[1], b[0], b[1], 0, high, `<rect class="u-shell" width="${n(long)}" height="${n(high)}"/>`), centre), fadeTo: 0.02 });
     });
     if (parts.walls && planes.length > 0)
         items.push({ id: "shell", kind: "walls", at: centre, height: Math.max(...planes.map((p) => p.o[2])), planes });
+    if (parts.roof && real.roof === "canopy" && real.canopies !== undefined) {
+        const planes = canopyRoof(real.canopies, c, lift, steps);
+        if (planes.length > 0)
+            items.push({ id: "roof", kind: "roof", at: centre, height: heightOf(planes), planes });
+        return items;
+    }
+    if (parts.roof && real.roof === "panels" && real.panels !== undefined) {
+        const planes = panelsRoof(real.panels, c, lift, steps, open);
+        if (planes.length > 0)
+            items.push({ id: "roof", kind: "roof", at: centre, height: heightOf(planes), planes });
+        return items;
+    }
     const crown = real.roof === "cable" ? real.crown : undefined;
     if (!parts.roof || (top?.hole == null && crown === undefined))
         return items;
@@ -105,20 +118,121 @@ export function realBuilding(real, top, centre, lift, steps, open = false, parts
             roof.push({ ...piece, shy: [(mid[0] - c[0]) / away, (mid[1] - c[1]) / away] });
     }
     if (crown !== undefined)
-        roof.push(...cablePod(real, crown, inner, c, lift, steps, open));
+        roof.push(...cablePod(lift + real.edge + crown.rise, inner, c, steps, open));
     if (roof.length > 0)
-        items.push({ id: "roof", kind: "roof", at: centre, height: Math.max(...roof.flatMap((p) => [p.o[2], p.o[2] + p.u[2], p.o[2] + p.v[2], p.o[2] + p.u[2] + p.v[2]])), planes: roof });
+        items.push({ id: "roof", kind: "roof", at: centre, height: heightOf(roof), planes: roof });
     return items;
 }
+/** The top of a set of planes. */
+const heightOf = (planes) => Math.max(...planes.flatMap((p) => [p.o[2], p.o[2] + p.u[2], p.o[2] + p.v[2], p.o[2] + p.u[2] + p.v[2]]));
+/** The two points where a ray from `from` first enters a polygon and last leaves it (the polygon is a band round the middle, so a ray crosses it once), or `undefined` where it misses. */
+function span(poly, from, angle) {
+    const [dx, dy] = [Math.cos(angle), Math.sin(angle)];
+    const hits = [];
+    poly.forEach(([ax, ay], i) => {
+        const [bx, by] = poly[(i + 1) % poly.length];
+        const [ex, ey] = [bx - ax, by - ay];
+        const den = dx * ey - dy * ex;
+        if (Math.abs(den) < 1e-12)
+            return;
+        const t = ((ax - from[0]) * ey - (ay - from[1]) * ex) / den;
+        const u = ((ax - from[0]) * dy - (ay - from[1]) * dx) / den;
+        if (t > 1e-6 && u >= 0 && u < 1)
+            hits.push(t);
+    });
+    if (hits.length < 2)
+        return undefined;
+    const [lo, hi] = [Math.min(...hits), Math.max(...hits)];
+    return [[from[0] + dx * lo, from[1] + dy * lo], [from[0] + dx * hi, from[1] + dy * hi]];
+}
+/**
+ * A piece of roof between two rays: the quad `[inner a, inner b, outer b, outer a]` at the heights given, as a plane that gives way to the eye. A quad whose edges are not parallel is not flat at those heights, so
+ * with `exact` it is two triangles, each a plane through its corners.
+ */
+function piece(id, quad, heights, c, cables, exact = false) {
+    const [ai, bi, b, a] = quad;
+    const [ex, ey] = [b[0] - a[0], b[1] - a[1]];
+    const el = Math.hypot(ex, ey);
+    if (el < 1e-6)
+        return [];
+    const make = (name, poly, hs, cable) => {
+        const slope = slopeThrough(poly.map((p, i) => [p[0], p[1], hs[i]]));
+        const mid = [poly.reduce((s, p) => s + p[0], 0) / poly.length, poly.reduce((s, p) => s + p[1], 0) / poly.length];
+        const away = Math.hypot(mid[0] - c[0], mid[1] - c[1]) || 1;
+        const paint = (corners) => `<polygon class="u-roof" points="${pointList(corners)}"/>${cable ? `<path class="u-cable" d="M${n(corners[0][0])} ${n(corners[0][1])}L${n(corners[3][0])} ${n(corners[3][1])}"/>` : ""}`;
+        const plane = raked(name, "roof", poly, slope, [ex / el, ey / el], paint);
+        return plane === undefined ? [] : [{ ...plane, shy: [(mid[0] - c[0]) / away, (mid[1] - c[1]) / away] }];
+    };
+    if (!exact)
+        return make(id, quad, heights, cables);
+    return [...make(`${id}a`, [ai, bi, b], [heights[0], heights[1], heights[2]], false), ...make(`${id}b`, [ai, b, a], [heights[0], heights[2], heights[3]], false)];
+}
+/** 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 const CANOPY_NOTE = "low over the field, high over the back of the stands";
+/**
+ * Canopies over some of the stands (Lumen Field's two, one each side of the field): each OpenStreetMap roof outline is cut by the rays from the middle of the field into the strips between them, the edge towards
+ * the field low and the edge towards the back of the stands `rise` higher.
+ */
+function canopyRoof(canopies, c, lift, steps) {
+    const planes = [];
+    canopies.forEach((canopy, ci) => {
+        const spans = Array.from({ length: steps }, (_, k) => span(canopy.ring, c, (2 * Math.PI * k) / steps));
+        for (let k = 0; k < steps; k += 1) {
+            const [s, t] = [spans[k], spans[(k + 1) % steps]];
+            if (s === undefined || t === undefined)
+                continue;
+            const [lo, hi] = [lift + canopy.low, lift + canopy.low + canopy.rise];
+            planes.push(...piece(`roof-c${ci}-${k}`, [s[0], t[0], t[1], s[1]], [lo, lo, hi, hi], c, false, true));
+        }
+    });
+    return planes;
+}
+/** The share of a retractable roof's cover that the closed roof's flat crown takes (the sections meet in the middle at the crown's height). */
+const PANEL_CROWN = 0.3;
+/** How thick a parked section is, in feet (ours). */
+const PANEL_THICK = 7;
+/**
+ * A ballpark's retractable roof: closed, a band from the rim of its cover up to a crown over the middle with the fabric laid over the crown (as the cable roof's); open, only the sections resting over the side of the
+ * building they park on, as slabs at the rim's height.
+ */
+function panelsRoof(panels, c, lift, steps, open) {
+    const planes = [];
+    if (!open) {
+        const rim = Array.from({ length: steps }, (_, k) => firstHit(panels.cover, c, (2 * Math.PI * k) / steps) ?? c);
+        const inner = rim.map((p) => [c[0] + (p[0] - c[0]) * PANEL_CROWN, c[1] + (p[1] - c[1]) * PANEL_CROWN]);
+        for (let k = 0; k < steps; k += 1) {
+            const [a, b] = [rim[k], rim[(k + 1) % steps]];
+            const [ai, bi] = [inner[k], inner[(k + 1) % steps]];
+            const [lo, hi] = [lift + panels.bottom, lift + panels.top];
+            planes.push(...piece(`roof-${k}`, [ai, bi, b, a], [hi, hi, lo, lo], c, false, true));
+        }
+        // The crown itself: a flat cap over the middle, in the fabric's drawing.
+        planes.push(...cablePod(lift + panels.top, inner, c, steps, false));
+        return planes;
+    }
+    // Open: the parked sections as slabs.
+    const z = lift + panels.bottom;
+    const top = z + PANEL_THICK;
+    const slab = raked("parked-top", "roof", panels.parked, { x0: panels.parked[0][0], y0: panels.parked[0][1], z0: top, gx: 0, gy: 0 }, [1, 0], (corners) => `<polygon class="u-pod" points="${pointList(corners)}"/>`);
+    if (slab !== undefined)
+        planes.push({ ...slab, id: "parked-top" });
+    panels.parked.forEach((a, i) => {
+        const b = panels.parked[(i + 1) % panels.parked.length];
+        const long = Math.hypot(b[0] - a[0], b[1] - a[1]);
+        if (long < 0.5)
+            return;
+        planes.push({ ...shy(wall(`parked-${i}`, "roof", a[0], a[1], b[0], b[1], z, top, `<rect class="u-pod" width="${n(long)}" height="${n(PANEL_THICK)}"/>`), c), fadeTo: 0.3 });
+    });
+    return planes;
+}
 /** 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 const POD = { share: 0.24, thick: 9 };
 /**
  * What lies over the opening of a cable roof: the pod in the middle (a box hung at the crown's height) and, with the roof closed, the fabric between the pod and the opening's edge, drawn thin so that the seats
  * show through it. Open, only the pod is there: the fabric has gathered into it.
  */
-function cablePod(real, crown, edge, c, lift, steps, open) {
+function cablePod(z, edge, c, steps, open) {
     const planes = [];
-    const z = lift + real.edge + crown.rise;
     const pod = edge.map((p) => [c[0] + (p[0] - c[0]) * POD.share, c[1] + (p[1] - c[1]) * POD.share]);
     if (!open) {
         for (let k = 0; k < steps; k += 1) {

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export declare const VERSION = "0.29.0";
+export declare const VERSION = "0.31.0";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export const VERSION = "0.29.0";
+export const VERSION = "0.31.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnmorrisdotca/kyogijo-stadiums",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "description": "Kyogijo Stadiums 競技場, 40 sports' surfaces as SVG, drawn to scale from the rulebooks: NFL, CFL and IFAF football fields, an NHL rink, an NBA court, MLB ballparks, soccer pitches, curling sheets, athletics stadiums, speed skating, short track and figure skating rinks, swimming pools, water polo fields, diving wells, artistic swimming areas, and the courts and fields of tennis, volleyball (indoor, beach and sitting), badminton, pickleball, table tennis, padel, squash, racquetball, sepak takraw, teqball, roundnet, netball, lacrosse, rugby, Australian football, Gaelic games, cricket, field hockey and handball, and the budo of judo, karate, kendo, sumo and kyudo with a dojo of tatami laid as real units, the MMA cage, with each team's name and logo on its side and the score in the middle, stands and a crowd, a pageant of flags, and a 3D view. Light and dark, accessible, a compact badge for lists, a helper for React and a custom element. Zero dependencies.",
   "keywords": [
     "sports",
@@ -292,8 +292,9 @@
     "prepublishOnly": "pnpm check",
     "site": "pnpm build && node scripts/site.mjs",
     "test:demo": "pnpm site && playwright test",
-    "screenshots:readme": "pnpm site && node scripts/readme-pictures.mjs && node scripts/readme-animation.mjs",
+    "screenshots:readme": "pnpm site && node scripts/readme-pictures.mjs && node scripts/readme-animation.mjs && node scripts/readme-flythrough.mjs",
     "screenshots:animation": "pnpm site && node scripts/readme-animation.mjs",
+    "screenshots:flythrough": "pnpm site && node scripts/readme-flythrough.mjs",
     "test:readme": "pnpm build && node scripts/check-readme-examples.mjs",
     "docs:make": "node scripts/docs.mjs",
     "parks": "node scripts/build-parks.mjs",