@a2f0/skyline 0.2.5 → 0.2.7

package/docs/package.md

@@ -138,7 +138,8 @@ the scene's code cannot load, building details in a panel over the skyline, and
 reduced motion. `F`, pressed inside the viewer, shows its element fullscreen.
 
 The scene's control bar starts folded behind its star; set `controls: 'open'` to
-start it open, with no fold, from its first frame. Visitors can still fold it.
+start it open, with no fold, from its first frame, as the site's own viewer at
+skyline.devopsrockstars.com does. Visitors can still fold it.
 Open, the bar shows the camera hint and the OpenStreetMap credit for the streets
 and footprints. Set `attribution: false` to leave the credit out. OpenStreetMap's
 [licence](https://www.openstreetmap.org/copyright) requires crediting its contributors

package/lib/models/colour-materials.js

@@ -130,7 +130,7 @@ export const colourMaterials = {
         piers: ["concrete"],
         "corner balconies": ["concrete"],
     },
-    // A grey precast slab.
+    // A warm white precast slab with bronze-tinted glass.
     "building-michigan-plaza-front-tall": {
         shell: ["neutral"],
         "walls and windows": ["glass", { ...windows(0x727272, 0x484848), 0x666666: "concrete" }],
@@ -277,7 +277,9 @@ export const toneOf = (grey) => new THREE.Color(grey, grey, grey).getHex();
 // granite and Crain's aluminium pass white at their own greys here, so a higher factor would
 // brighten only the darker materials. The Railway Exchange is left out: the view shows its shaded
 // Michigan front, not the sunlit Jackson front its colour is measured on; that front renders 0.82
-// of the photograph's shaded Michigan front.
+// of the photograph's shaded Michigan front. The seven measured next (FID-COL-004) spread wider,
+// 0.25 to 1.56 on their measured materials and 0.14 on Kemper's whole face, where the scene's sun
+// lights their faces differently from the photograph's; docs/viewer.md and their audits give each.
 export const exposure = 1.4;
 // A grey in its measured colour: the swatch's colour scaled by the grey's brightness against the
 // swatch's grey, both in linear light, so a darker surface of one material stays darker. A colour

package/lib/models/colour-palette.js

@@ -1,5 +1,5 @@
 // By day no office lights show: lit and dim windows are the glass, in its measured colour.
-const glass = (colour) => ({ glass: colour, "lit window": colour, "dim window": colour });
+const glass = (colour, material = "glass") => ({ [material]: colour, "lit window": colour, "dim window": colour });
 export const measuredColours = {
     // docs/railway-exchange-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
     "building-railway-exchange": {
@@ -55,6 +55,54 @@ export const measuredColours = {
         "dark metal": null,
         neutral: null,
     },
+    // docs/willoughby-tower-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-willoughby-tower": {
+        limestone: 0xccbdab,
+        ...glass(0x4d4541),
+        "dark granite": null,
+        neutral: null,
+    },
+    // docs/heritage-geographic-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-heritage-at-millennium-park": {
+        limestone: 0xd8dad6,
+        "green glass": 0x475861,
+        "lit window": 0x475861,
+        bronze: 0x475861,
+        concrete: null,
+        "buff brick": null,
+        neutral: null,
+    },
+    // docs/kemper-geographic-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-kemper": {
+        marble: 0xc3c0b6,
+        ...glass(0x535455),
+        aluminium: null,
+    },
+    // docs/north-wabash-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-330-north-wabash": {
+        ...glass(0x2f4052, "bronze glass"),
+        bronze: 0x2f4052,
+        "dark granite": null,
+        neutral: null,
+    },
+    // docs/millennium-park-plaza-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-michigan-plaza-front-tall": {
+        concrete: 0xe5d6c9,
+        ...glass(0x3c342a),
+        neutral: null,
+    },
+    // docs/trump-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-trump-tower-only": {
+        ...glass(0x6f838e),
+        stainless: null,
+    },
+    // docs/340-on-the-park-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-340-on-the-park": {
+        concrete: 0xdfe3e1,
+        ...glass(0x637c84, "green glass"),
+        aluminium: null,
+        neutral: null,
+    },
 };
 // The sunny day the colour toggle shows: the sky's blue at the top of the view and its haze just
 // above the horizon, each the median of a clear box of the same panorama (scripts/sample-colours.ts,

package/package.json

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

package/site/models/colour-materials.js

@@ -130,7 +130,7 @@ export const colourMaterials = {
         piers: ["concrete"],
         "corner balconies": ["concrete"],
     },
-    // A grey precast slab.
+    // A warm white precast slab with bronze-tinted glass.
     "building-michigan-plaza-front-tall": {
         shell: ["neutral"],
         "walls and windows": ["glass", { ...windows(0x727272, 0x484848), 0x666666: "concrete" }],
@@ -277,7 +277,9 @@ export const toneOf = (grey) => new THREE.Color(grey, grey, grey).getHex();
 // granite and Crain's aluminium pass white at their own greys here, so a higher factor would
 // brighten only the darker materials. The Railway Exchange is left out: the view shows its shaded
 // Michigan front, not the sunlit Jackson front its colour is measured on; that front renders 0.82
-// of the photograph's shaded Michigan front.
+// of the photograph's shaded Michigan front. The seven measured next (FID-COL-004) spread wider,
+// 0.25 to 1.56 on their measured materials and 0.14 on Kemper's whole face, where the scene's sun
+// lights their faces differently from the photograph's; docs/viewer.md and their audits give each.
 export const exposure = 1.4;
 // A grey in its measured colour: the swatch's colour scaled by the grey's brightness against the
 // swatch's grey, both in linear light, so a darker surface of one material stays darker. A colour

package/site/models/colour-palette.js

@@ -1,5 +1,5 @@
 // By day no office lights show: lit and dim windows are the glass, in its measured colour.
-const glass = (colour) => ({ glass: colour, "lit window": colour, "dim window": colour });
+const glass = (colour, material = "glass") => ({ [material]: colour, "lit window": colour, "dim window": colour });
 export const measuredColours = {
     // docs/railway-exchange-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
     "building-railway-exchange": {
@@ -55,6 +55,54 @@ export const measuredColours = {
         "dark metal": null,
         neutral: null,
     },
+    // docs/willoughby-tower-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-willoughby-tower": {
+        limestone: 0xccbdab,
+        ...glass(0x4d4541),
+        "dark granite": null,
+        neutral: null,
+    },
+    // docs/heritage-geographic-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-heritage-at-millennium-park": {
+        limestone: 0xd8dad6,
+        "green glass": 0x475861,
+        "lit window": 0x475861,
+        bronze: 0x475861,
+        concrete: null,
+        "buff brick": null,
+        neutral: null,
+    },
+    // docs/kemper-geographic-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-kemper": {
+        marble: 0xc3c0b6,
+        ...glass(0x535455),
+        aluminium: null,
+    },
+    // docs/north-wabash-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-330-north-wabash": {
+        ...glass(0x2f4052, "bronze glass"),
+        bronze: 0x2f4052,
+        "dark granite": null,
+        neutral: null,
+    },
+    // docs/millennium-park-plaza-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-michigan-plaza-front-tall": {
+        concrete: 0xe5d6c9,
+        ...glass(0x3c342a),
+        neutral: null,
+    },
+    // docs/trump-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-trump-tower-only": {
+        ...glass(0x6f838e),
+        stainless: null,
+    },
+    // docs/340-on-the-park-reference.md, 2026-10-09 — Daytime colours from Chicago.jpg.
+    "building-340-on-the-park": {
+        concrete: 0xdfe3e1,
+        ...glass(0x637c84, "green glass"),
+        aluminium: null,
+        neutral: null,
+    },
 };
 // The sunny day the colour toggle shows: the sky's blue at the top of the view and its haze just
 // above the horizon, each the median of a clear box of the same panorama (scripts/sample-colours.ts,

package/site/viewer-page.js

@@ -2,14 +2,18 @@ import { mountViewer } from "./skyline-shell.js";
 // index.html: the site's own viewer, mounted the way a host mounts the package, through the
 // same shell and viewer module, from the assets beside this script, with the site's toolbar
 // along its top. Its address takes the package's options: `?embed=1` shows the viewer as a
-// host does, without the toolbar; `?controls=open` starts the scene's bar open; and
-// `?attribution=hidden` leaves out the OpenStreetMap credit.
+// host does, without the toolbar; `?controls=open` or `?controls=closed` starts the scene's
+// bar open or folded; and `?attribution=hidden` leaves out the OpenStreetMap credit. The site
+// starts the bar open, to show what the scene can do; embedded, it starts folded behind its
+// star, as `mountSkyline` does.
 const settings = new URLSearchParams(location.search);
+const embedded = settings.get("embed") === "1";
+const controls = settings.get("controls");
 mountViewer(document.querySelector("#viewer"), {
     assetsUrl: new URL("./", import.meta.url),
     title: "Chicago skyline",
-    controls: settings.get("controls") === "open" ? "open" : "closed",
+    controls: controls === "open" || controls === "closed" ? controls : embedded ? "closed" : "open",
     attribution: settings.get("attribution") !== "hidden",
-    navigation: settings.get("embed") !== "1",
+    navigation: !embedded,
     page: true,
 });