@a2f0/skyline 0.2.11 → 0.2.13

package/lib/models/colour-materials.d.ts

@@ -1,6 +1,6 @@
 import type { BuildingModel } from "./building-kit.js";
 import type { Daylight } from "../study-types.js";
-export declare const materialNames: readonly ["neutral", "glass", "green glass", "blue-green glass", "bronze glass", "lit window", "dim window", "lamp", "limestone", "marble", "white granite", "granite", "dark granite", "slate", "white terracotta", "pink terracotta", "green tile", "brick", "common brick", "orange brick", "brown brick", "buff brick", "glazed brick", "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless", "crown glass", "crown lights", "screen", "band lights", "sign board", "sign letters", "cap lights"];
+export declare const materialNames: readonly ["neutral", "glass", "green glass", "blue-green glass", "bronze glass", "lit window", "dim window", "lamp", "limestone", "marble", "white granite", "granite", "dark granite", "slate", "white terracotta", "pink terracotta", "green tile", "brick", "common brick", "orange brick", "brown brick", "buff brick", "glazed brick", "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless", "opaque spandrel", "crown glass", "crown lights", "screen", "band lights", "sign board", "sign letters", "cap lights"];
 export type MaterialName = (typeof materialNames)[number];
 export type Tones = Readonly<Record<number, MaterialName>>;
 export type Batch = readonly [material: MaterialName, tones?: Tones];

package/lib/models/colour-materials.js

@@ -12,7 +12,7 @@ export const materialNames = [
     "neutral", "glass", "green glass", "blue-green glass", "bronze glass", "lit window", "dim window", "lamp",
     "limestone", "marble", "white granite", "granite", "dark granite", "slate",
     "white terracotta", "pink terracotta", "green tile", "brick", "common brick", "orange brick", "brown brick", "buff brick", "glazed brick",
-    "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless",
+    "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless", "opaque spandrel",
     // Parts the photographs show on their own, named as the night first showed them: crown glass
     // and crown lights, an emblem screen and the lights in its bands, a sign's board and letters,
     // and a lit cap.
@@ -35,6 +35,7 @@ export const colourMaterials = {
     "building-kemper": {
         "marble shell": ["marble"],
         "mullions and bands": ["marble"],
+        "opaque spandrels": ["opaque spandrel"],
         "crown glazing": ["glass"],
         "crown fins": ["aluminium"],
         "roof cap": ["marble"],
@@ -270,6 +271,7 @@ export function batchOf(buildingId, meshName) {
 }
 // A grey's tone: the hex the model wrote it as, from its linear channel.
 export const toneOf = (grey) => new THREE.Color(grey, grey, grey).getHex();
+// Historical comparisons below predate sky reflections and FID-KEM-002/003.
 // The measured colours scale to the scene by this factor in linear light, so the skyline view's
 // faces show about the photograph's brightness under the day's lights. At 1.4 the skyline view's
 // 1600 x 900 render, its pixels chosen by each photograph sample's rule, reaches 0.97 (Two

package/lib/models/colour-palette.js

@@ -89,6 +89,9 @@ export const measuredColours = {
         marble: 0xc3c0b6,
         ...glass(0x535455),
         aluminium: null,
+        // FID-KEM-003: 2012 north-face panels calibrated through adjacent marble;
+        // docs/kemper-geographic-reference.md. Provisional overcast-to-sun transfer.
+        "opaque spandrel": 0x82898a,
     },
     // docs/north-wabash-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
     "building-330-north-wabash": {

package/lib/models/kemper-geographic.js

@@ -4,7 +4,8 @@ import { createBuilder, inside, line, polygonOf } from "./building-kit.js";
 // outlines; the 159 m top is OSM's height tag (522 ft in the 1962 record).
 // The marble shell, window bays, raised mullions, dark crown band with light
 // fins, and projecting cap reuse the fitted model's vocabulary at meter scale.
-// Window-row, bay, and crown spacings are estimates; see
+// Window-column and pane proportions follow a 2012 photograph; bay counts,
+// window-row and crown spacings remain estimates. See
 // docs/kemper-geographic-reference.md. Units are meters; +x is east, +z south.
 export const kemperGeographicLevels = Object.freeze({
     podium: 7.8, // OSM way 685494067: two floors at the tower's average floor height
@@ -25,6 +26,7 @@ export function createKemperGeographicBuilding(record, projectPlan, offset) {
     // with scattered lit units, pale mullions and fins.
     const marble = kit.batch("Kemper · marble shell", kit.material(0x929292));
     const mullions = kit.batch("Kemper · mullions and bands", kit.material(0x9b9b9b));
+    const spandrels = kit.batch("Kemper · opaque spandrels", kit.material(0x626262));
     const crownGlass = kit.batch("Kemper · crown glazing", kit.material(0x1c1c1c));
     const crownFins = kit.batch("Kemper · crown fins", kit.material(0xa3a3a3));
     const cap = kit.batch("Kemper · roof cap", kit.material(0xa8a8a8));
@@ -58,21 +60,25 @@ export function createKemperGeographicBuilding(record, projectPlan, offset) {
             return;
         kit.box(batch, run.at((from + to) / 2), run.normal(0), (to - from) / 2, back, front, y0, y1);
     };
-    // Tower facade: one pane per bay per row between full-height mullions, with
-    // a spandrel at each floor line. Mullions stand proudest of the tower detail.
+    // FID-KEM-002: the 2012 north-face photograph gives openings about 48% of
+    // each bay and glass about 52% of each floor pitch. Opaque panels continue
+    // the narrow columns between windows; the marble piers stay uninterrupted.
     tower.forEach((run, side) => {
         const bays = Math.max(1, Math.round(run.length / 3.1));
         const width = run.length / bays;
+        const inset = width * 0.26;
+        for (let bay = 0; bay < bays; bay += 1) {
+            strip(spandrels, run, bay * width + inset, (bay + 1) * width - inset, h.podium, crownBase, 0.01, 0.04);
+        }
         for (let floor = 3; floor <= 39; floor += 1) {
             const bottom = floorHeight(floor), top = floorHeight(floor + 1);
             for (let bay = 0; bay < bays; bay += 1) {
-                strip(paneTone(floor, bay, side), run, bay * width + 0.16, (bay + 1) * width - 0.16, bottom + 0.26, top - 0.24, 0.02, 0.07);
+                strip(paneTone(floor, bay, side), run, bay * width + inset + 0.01, (bay + 1) * width - inset - 0.01, bottom + pitch * 0.24, top - pitch * 0.24, 0.02, 0.07);
             }
-            strip(mullions, run, 0.015, run.length - 0.015, top - 0.15, top + 0.05, 0.03, 0.12);
         }
         for (let i = 0; i <= bays; i += 1) {
             const s = Math.max(0.18, Math.min(run.length - 0.18, i * width));
-            strip(mullions, run, s - 0.06, s + 0.06, h.podium + 0.02, crownBase - 0.05, 0.05, 0.16);
+            strip(mullions, run, s - inset, s + inset, h.podium + 0.02, crownBase - 0.05, 0.05, 0.16);
         }
         strip(mullions, run, 0.015, run.length - 0.015, h.podium - 0.05, h.podium + 0.35, 0.06, 0.18);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2f0/skyline",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "Interactive Chicago skyline viewer and reusable Three.js building models",
   "license": "UNLICENSED",
   "repository": {

package/site/models/colour-materials.js

@@ -12,7 +12,7 @@ export const materialNames = [
     "neutral", "glass", "green glass", "blue-green glass", "bronze glass", "lit window", "dim window", "lamp",
     "limestone", "marble", "white granite", "granite", "dark granite", "slate",
     "white terracotta", "pink terracotta", "green tile", "brick", "common brick", "orange brick", "brown brick", "buff brick", "glazed brick",
-    "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless",
+    "concrete", "precast", "copper", "maroon", "blue enamel", "bronze", "dark metal", "aluminium", "stainless", "opaque spandrel",
     // Parts the photographs show on their own, named as the night first showed them: crown glass
     // and crown lights, an emblem screen and the lights in its bands, a sign's board and letters,
     // and a lit cap.
@@ -35,6 +35,7 @@ export const colourMaterials = {
     "building-kemper": {
         "marble shell": ["marble"],
         "mullions and bands": ["marble"],
+        "opaque spandrels": ["opaque spandrel"],
         "crown glazing": ["glass"],
         "crown fins": ["aluminium"],
         "roof cap": ["marble"],
@@ -270,6 +271,7 @@ export function batchOf(buildingId, meshName) {
 }
 // A grey's tone: the hex the model wrote it as, from its linear channel.
 export const toneOf = (grey) => new THREE.Color(grey, grey, grey).getHex();
+// Historical comparisons below predate sky reflections and FID-KEM-002/003.
 // The measured colours scale to the scene by this factor in linear light, so the skyline view's
 // faces show about the photograph's brightness under the day's lights. At 1.4 the skyline view's
 // 1600 x 900 render, its pixels chosen by each photograph sample's rule, reaches 0.97 (Two

package/site/models/colour-palette.js

@@ -89,6 +89,9 @@ export const measuredColours = {
         marble: 0xc3c0b6,
         ...glass(0x535455),
         aluminium: null,
+        // FID-KEM-003: 2012 north-face panels calibrated through adjacent marble;
+        // docs/kemper-geographic-reference.md. Provisional overcast-to-sun transfer.
+        "opaque spandrel": 0x82898a,
     },
     // docs/north-wabash-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
     "building-330-north-wabash": {

package/site/models/kemper-geographic.js

@@ -4,7 +4,8 @@ import { createBuilder, inside, line, polygonOf } from "./building-kit.js";
 // outlines; the 159 m top is OSM's height tag (522 ft in the 1962 record).
 // The marble shell, window bays, raised mullions, dark crown band with light
 // fins, and projecting cap reuse the fitted model's vocabulary at meter scale.
-// Window-row, bay, and crown spacings are estimates; see
+// Window-column and pane proportions follow a 2012 photograph; bay counts,
+// window-row and crown spacings remain estimates. See
 // docs/kemper-geographic-reference.md. Units are meters; +x is east, +z south.
 export const kemperGeographicLevels = Object.freeze({
     podium: 7.8, // OSM way 685494067: two floors at the tower's average floor height
@@ -25,6 +26,7 @@ export function createKemperGeographicBuilding(record, projectPlan, offset) {
     // with scattered lit units, pale mullions and fins.
     const marble = kit.batch("Kemper · marble shell", kit.material(0x929292));
     const mullions = kit.batch("Kemper · mullions and bands", kit.material(0x9b9b9b));
+    const spandrels = kit.batch("Kemper · opaque spandrels", kit.material(0x626262));
     const crownGlass = kit.batch("Kemper · crown glazing", kit.material(0x1c1c1c));
     const crownFins = kit.batch("Kemper · crown fins", kit.material(0xa3a3a3));
     const cap = kit.batch("Kemper · roof cap", kit.material(0xa8a8a8));
@@ -58,21 +60,25 @@ export function createKemperGeographicBuilding(record, projectPlan, offset) {
             return;
         kit.box(batch, run.at((from + to) / 2), run.normal(0), (to - from) / 2, back, front, y0, y1);
     };
-    // Tower facade: one pane per bay per row between full-height mullions, with
-    // a spandrel at each floor line. Mullions stand proudest of the tower detail.
+    // FID-KEM-002: the 2012 north-face photograph gives openings about 48% of
+    // each bay and glass about 52% of each floor pitch. Opaque panels continue
+    // the narrow columns between windows; the marble piers stay uninterrupted.
     tower.forEach((run, side) => {
         const bays = Math.max(1, Math.round(run.length / 3.1));
         const width = run.length / bays;
+        const inset = width * 0.26;
+        for (let bay = 0; bay < bays; bay += 1) {
+            strip(spandrels, run, bay * width + inset, (bay + 1) * width - inset, h.podium, crownBase, 0.01, 0.04);
+        }
         for (let floor = 3; floor <= 39; floor += 1) {
             const bottom = floorHeight(floor), top = floorHeight(floor + 1);
             for (let bay = 0; bay < bays; bay += 1) {
-                strip(paneTone(floor, bay, side), run, bay * width + 0.16, (bay + 1) * width - 0.16, bottom + 0.26, top - 0.24, 0.02, 0.07);
+                strip(paneTone(floor, bay, side), run, bay * width + inset + 0.01, (bay + 1) * width - inset - 0.01, bottom + pitch * 0.24, top - pitch * 0.24, 0.02, 0.07);
             }
-            strip(mullions, run, 0.015, run.length - 0.015, top - 0.15, top + 0.05, 0.03, 0.12);
         }
         for (let i = 0; i <= bays; i += 1) {
             const s = Math.max(0.18, Math.min(run.length - 0.18, i * width));
-            strip(mullions, run, s - 0.06, s + 0.06, h.podium + 0.02, crownBase - 0.05, 0.05, 0.16);
+            strip(mullions, run, s - inset, s + inset, h.podium + 0.02, crownBase - 0.05, 0.05, 0.16);
         }
         strip(mullions, run, 0.015, run.length - 0.015, h.podium - 0.05, h.podium + 0.35, 0.06, 0.18);
     });