@a2f0/skyline 0.0.0-stage → 0.1.1

package/site/models/crain-geographic.js

@@ -0,0 +1,69 @@
+import { polygonOf } from "./building-kit.js";
+import { buildCrainTower, crainFloors, crainMainRoof } from "./crain-tower.js";
+// Crain Communications Building at 150 North Michigan Avenue: the geographic layout's
+// model, on the three mapped OpenStreetMap parts. Part 284816228 is the south-west half,
+// 284816229 the north-east half, and 284816227 the wedge between them whose 152.5 m top is
+// the slot's floor. The parts' outlines are kept exactly; the tower itself is the shared
+// generator in crain-tower.ts, the same one the solo study's model uses.
+//
+// The roofs keep OSM's 133° downhill bearing. Their heights come from the photograph the
+// drawing was traced from, not from OSM's roof tags. Those put the south-west peak 5 m below
+// the north-east one and fall 75 and 73 m, 54° and 56°. Measured through the solved skyline
+// camera, both peaks stand within half a metre of each other at the published 177.4 m, and
+// both roofs fall 1.225 m per metre, about 51°. Those planes end the north-east half about
+// 6.9 m above the south-west half's foot, where the drawing shows 7.3 m. See
+// docs/crain-reference.md. Units are meters; +x is east, +z is south.
+export const crainGeographicLevels = Object.freeze({
+    tip: 177.4,
+    fall: 1.225,
+    bearing: 133,
+    mainRoof: crainMainRoof,
+    floors: 41,
+});
+const h = crainGeographicLevels;
+const angle = h.bearing * Math.PI / 180;
+const downhill = [Math.sin(angle), -Math.cos(angle)];
+// One-based facade rows above the lobby, not occupied floor numbers.
+const crownBand = (row) => {
+    const level = crainFloors.lobbyTop + (row - 1) * crainFloors.pitch;
+    return [level + crainFloors.sill, level + crainFloors.head];
+};
+// Height falls along the downhill bearing from the part's highest corner.
+function roofOf(corners) {
+    const along = ([x, z]) => x * downhill[0] + z * downhill[1];
+    const top = Math.min(...corners.map(along));
+    return (point) => h.tip - h.fall * (along(point) - top);
+}
+export function createCrainGeographicBuilding(record, projectPlan, offset) {
+    const corners = (part) => polygonOf(projectPlan(part.coordinates));
+    const volumes = record.parts.map((part) => {
+        const outline = corners(part);
+        return part.roofSlope
+            ? { corners: outline, roof: roofOf(outline), glazed: true }
+            : { corners: outline, roof: () => part.top, glazed: false };
+    });
+    // Epstein's exterior photographs show downslope mullions and level crossbars,
+    // rather than the drawing model's grid aligned with the street axes.
+    const south = polygonOf(projectPlan(record.footprint.coordinates));
+    const southWest = south.reduce((best, p) => (p[1] - p[0] > best[1] - best[0] ? p : best));
+    const model = buildCrainTower({
+        name: record.name,
+        id: record.id,
+        base: 0,
+        grid: { origin: southWest, axis: downhill, edgeInset: 0.1 },
+        // Two louver bands beneath the slot, three dark crown strips, then a solid
+        // aluminum tip. Counts are observed; elevations follow the estimated 3.5 m
+        // story rhythm. See the dated evidence and uncertainties in the audit.
+        crown: {
+            officeTop: crownBand(40)[0],
+            louvers: [crownBand(40), crownBand(41)],
+            // Continue the rhythm as virtual rows, not additional occupied floors.
+            shadowStrips: [crownBand(43), crownBand(44), crownBand(45)],
+        },
+        volumes,
+    });
+    model.building.position.set(offset[0], 0, offset[1]);
+    model.building.userData["geography"] = record;
+    model.building.userData["geographicDetail"] = { levels: h, floors: h.floors, source: "docs/crain-reference.md" };
+    return model;
+}

package/site/models/crain-reference.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="2718 1556 515 1156" role="img" aria-labelledby="title"><title id="title">Crain Communications Building from the existing skyline illustration</title><g id="building-crain-communications" class="interactive-building" aria-label="Crain Communications Building">
+      <path stroke="#000000" stroke-miterlimit="10" d="m 2748.3486,1850.1344 v 829.8635 l 234.872,2.0029 4.0058,-545.4533 z" id="path468" style="stroke-width:1.33526" />
+      <path fill="#a8a8a8" stroke="#ececec" stroke-miterlimit="10" d="m 2977.8796,2657.0315 -229.531,-0.2671 v -12.4179 l 232.335,-3.0711 v -10.6821 l -232.335,2.1365 v -15.4891 l 232.335,-3.6052 v -11.0826 l -232.335,2.1364 v -13.3526 l 232.335,-3.4717 v -12.5514 l -232.335,1.8693 v -12.9519 l 232.335,-5.3411 v -12.952 l -232.335,4.5399 v -13.8867 l 232.335,-4.0058 0.5341,-11.4832 h -232.8691 v -12.952 l 232.335,-4.0058 v -12.9521 l -232.335,3.6052 v -14.2871 l 232.335,-3.4718 v -12.0173 l -232.335,3.4717 v -14.1538 l 232.335,-4.5399 v -13.3525 l -232.335,5.8751 v -13.8867 l 232.335,-7.0769 v -10.6821 l -232.335,4.4064 v -15.0884 l 232.335,-4.4064 v -15.2219 l -232.335,5.8751 v -13.3525 l 232.335,-4.9405 v -12.0173 l -232.335,3.6052 v -13.8867 l 232.335,-6.1423 v -12.5514 l -232.335,7.2105 v -14.6879 l 232.335,-5.8751 v -16.4238 l -232.335,7.611 v -15.6224 l 232.335,-4.9405 v -11.0827 l -232.335,5.3411 v -14.6879 l 232.335,-7.0769 v -12.5514 l -232.335,6.6762 v -16.8242 l 232.335,-3.6052 v -13.7532 l -232.335,6.1422 v -14.1537 l 232.335,-5.8751 v -12.8185 l -232.335,4.8069 v -14.1538 l 232.335,-5.8751 v -14.1537 l -232.335,8.4121 v -15.0884 l 233.6703,-6.6763 -0.2671,-7.878 -5.7416,-6.8098 -227.6616,8.8126 v -14.1537 l 217.2466,-6.6763 -10.9492,-12.8185 -206.2974,9.2133 v -16.0231 l 194.4137,-7.0768 -11.6168,-13.6197 -182.7969,7.3439 v -15.0884 l 171.1801,-5.7417 -10.2815,-12.0172 -160.8986,5.7415 v -15.2219 l 148.6143,-4.9404 -11.3497,-13.2191 -137.2646,5.341 v -15.6226 l 125.5143,-3.4716 -11.0827,-12.952 -114.4316,4.807 v -13.7532 l 102.2808,-5.3411 -9.4804,-11.0826 -92.8004,4.0057 v -15.2219 l 79.3143,-4.4063 -10.1479,-11.8839 -69.1664,3.8723 v -14.6879 l 57.5496,-2.6705 -9.0797,-10.5485 -48.4699,1.6023 v -15.0884 l 36.319,-2.1365 -11.7503,-12.4178 -24.5687,1.2016 v -14.6877 l 12.2843,-0.8012 -9.8809,-11.6168 h -2.4034 v -19.3613 l 242.75,282.0068 -3.8722,525.5578 z" id="path470" style="stroke-width:1.33526" />
+      <path fill="#343434" stroke="#c1c1c1" stroke-miterlimit="10" d="m 2931.6475,1594.0105 -10.65,-7.5897 -172.6489,260.509 238.8778,280.2389 v -57.1171 l 71.1693,2.27 140.2021,-219.2495 -230.1986,-262.512 -8.8127,11.8838 16.5626,156.0304 -24.9748,-0.8732 z" id="path472" style="stroke-width:1.33526" />
+      <path fill="none" stroke="#727272" stroke-miterlimit="10" d="m 2971.2473,1658.004 37.1817,-3.3087 m -126.0832,11.2215 51.0923,-4.5479 m -60.1654,17.9192 60.7637,-5.4078 m -69.5965,18.05 71.3296,-5.556 m -83.7915,17.6788 85.3804,-6.9073 m -91.4251,22.598 92.8552,-7.5122 m -103.7549,23.8971 104.2289,-8.4335 m -110.2202,21.0704 112.7946,-8.0957 m -112.7946,19.6884 114.0792,-8.1878 m -126.3677,20.8127 127.6695,-9.1639 m -157.5272,106.977 391.1361,-14.3688 m -401.8595,4.6107 178.2437,-7.8006 m -184.8239,-2.8708 183.514,-8.8474 m -183.514,-2.3514 182.4084,-7.5469 m -172.3005,-2.8468 171.1322,-7.6083 m -164.3477,-3.9537 163.194,-6.3705 m -155.6164,-4.9485 154.2731,-7.0728 m -146.4378,-3.7227 144.6192,-8.6445 m -138.9057,-2.4128 138.1499,-8.2586 m -150.8028,104.2757 377.1079,-13.9268 m -370.1072,24.4033 362.7699,-12.4713 m -349.6295,23.0371 344.2551,-11.8356 m -347.7588,22.8929 344.2551,-11.8357 m -298.4438,64.1045 265.8221,-9.1386 m -279.8729,-11.3269 294.3791,-10.12 m -292.1266,20.8021 284.6599,-9.7849 m -273.9778,-12.9146 287.1541,-9.8716 m -273.1393,53.8604 244.4312,-8.4028 m -239.5468,19.2931 235.2513,-8.0863 m -227.667,20.0636 218.3228,-7.5054 m -207.6848,19.2037 200.2474,-7.4521 m -187.3021,18.6215 179.6765,-6.177 m -163.6534,19.4601 151.6801,-5.2155 m -144.6699,16.4064 136.1497,-4.6801 m -127.2423,15.8855 118.6992,-4.0805 m -85.0426,-382.7614 45.7807,-4.0752 m -43.6242,17.2049 53.1606,-4.7322 m -51.9709,15.3835 62.3646,-5.552 m -60.6675,20.7352 72.4432,-6.448 m -71.0759,21.8035 83.73,-7.4521 m -81.842,21.2293 93.1237,-8.288 m -91.8258,19.9021 101.1846,-9.0063 m -99.876,20.7165 110.3699,-9.9396 m -108.8945,23.14 118.3761,-10.6607 m -117.5776,19.5241 124.7012,-11.2295 m -123.5983,23.4805 133.4444,-12.0173 m -131.9008,25.0428 141.404,-12.7344 m -139.8431,23.3804 151.6547,-10.8717 m -149.8975,31.388 168.7006,-10.8384 m -166.7231,23.7423 176.2462,-9.3227 m -179.3279,-13.9602 162.3755,-12.3071 m -328.1186,105.4535 319.4795,-10.9826 m -258.7626,-261.0484 47.1881,-4.1995 m -37.4888,-11.3937 34.6701,-3.0858 m 40.1258,12.0441 30.2437,-2.692 m -31.6217,-12.8011 30.2437,-2.6918 m 151.6707,189.5039 9.7007,79.3477 m 2.9001,-68.5588 5.8337,54.0086 m -31.1702,-75.9509 12.924,105.7084 m -26.3194,-125.0843 16.7669,137.1364 m -32.9755,-155.2398 21.2199,173.5688 m -35.65,-188.7988 25.235,206.4016 m -41.7549,-226.0192 30.3585,248.3154 m -48.2016,-273.7348 34.7928,296.0964 m -51.2312,-314.3748 39.3354,334.7642 m -55.3798,-352.0932 43.5508,370.6372 m -61.6343,-393.1336 49.5248,421.4812 m -66.1047,-440.8264 52.0311,442.8119 m -66.6361,-460.8046 54.0539,460.0235 m -65.9096,-467.0977 52.1432,466.581 m -101.8042,-460.4614 53.2475,476.4751 m -146.4299,-336.3357 21.8369,195.3898 m -9.9611,-216.5831 26.6998,238.9086 m -14.1858,-257.0387 30.6215,274.0005 m -19.2397,-292.0011 34.5631,309.2767 m -21.6352,-329.8544 38.0282,348.9446 m 16.6187,-424.8954 56.3786,504.4822 m -98.5635,-445.4438 44.3293,378.7142 m -33.017,-397.3077 43.7645,420.5092 m -34.5178,-435.6978 50.5088,451.9639 m -142.5175,-309.039 18.4052,164.6988 m -30.6615,-146.0639 14.087,126.0524 m -26.557,-105.8313 9.6819,86.6356 m -20.4561,-69.5056 5.9032,52.8228 m 185.876,-9.4856 22.9237,205.1252 m -10.3255,-206.5339 23.1374,207.0359" id="path474" style="stroke-width:1.33526" />
+      <path fill="#5e5e5e" stroke="#ebebeb" stroke-miterlimit="10" d="m 2921.6077,1589.9766 7.2585,5.3691 -161.9001,251.9193 216.7566,255.9251 v 7.5656 h -4.4505 l -224.8936,-263.229 z m 46.7888,4.3476 -5.2301,7.6711 216.3946,251.946 -128.6294,209.191 1.7799,5.7856 5.341,-1.7798 135.7518,-214.1022 z" id="path476" style="stroke-width:1.33526" />
+      <path data-name="Behind" d="m 3058.3957,2072.3216 -71.1693,-2.27 2.6117,604.4103 211.943,1.3353 -3.1833,-822.7251 c 0,0 -84.4764,136.1683 -85.3657,133.4978 z" id="path478" style="stroke-width:1.33526" />
+      <path data-name="Front" d="m 3192.0231,1886.4321 6.5747,-11.2015 v -22.1585 l -139.2394,217.7446 -72.5192,0.3272 v 585.7326 h 69.4334 l 142.3252,5.3411 v -14.2419 l -142.3252,-5.341 c 0,0 -64.983,2.6706 -64.983,0 v -11.5727 l 64.983,-0.8906 142.3252,5.3411 V 2620.38 l -142.3252,-5.3411 -64.983,0.8906 v -15.1338 l 64.983,2.6705 142.3252,4.4517 v -15.1337 l -142.3252,-4.4505 -64.983,0.8906 v -14.2432 h 64.983 l 142.3252,4.4504 v -13.3526 l -142.3252,-6.2302 -64.983,2.6705 v -16.9138 l 64.983,1.7799 142.3252,5.3411 v -13.3526 l -142.3252,-6.2304 -64.983,0.8893 v -15.1325 l 64.983,0.8907 142.3252,5.341 v -12.4633 l -142.3252,-7.121 -64.983,0.8907 v -14.2432 h 64.983 l 142.3252,6.2316 v -13.3525 l -142.3252,-6.2317 h -64.983 v -14.2432 l 64.983,0.8905 142.3252,5.3411 v -13.3525 l -142.3252,-7.121 -64.983,0.8893 v -14.2419 l 64.983,1.7799 142.3252,5.341 v -15.1324 l -142.3252,-5.3411 -64.983,0.8893 v -16.0231 l 64.983,0.8906 142.3252,8.0116 v -12.462 l -142.3252,-8.9022 -64.983,0.8907 v -15.1339 l 64.983,0.8907 142.3252,8.0115 v -12.462 l -142.3252,-8.9021 -64.983,0.8905 v -16.023 l 64.983,1.7798 142.3252,6.2317 v -13.3526 l -142.3252,-6.2316 c 0,0 -64.983,1.7799 -64.983,-0.8907 v -14.2418 h 64.983 l 142.3252,8.1223 v -12.6849 c 0,0 -140.3223,-8.0115 -142.3252,-8.0115 h -64.983 v -15.3556 h 64.983 l 142.3252,8.3454 v -12.685 l -142.3252,-8.3453 -64.983,0.3338 v -13.0188 l 64.983,-0.3338 142.3252,7.3439 v -13.3526 l -142.3252,-8.3453 -64.983,-0.6676 v -14.354 c 0,0 60.6434,0.6676 64.983,2.0028 4.3396,1.3353 142.3252,8.0116 142.3252,8.0116 v -13.6864 l -142.3252,-8.3454 -64.983,-1.0015 v -11.0158 l 64.983,-1.3353 142.3252,8.6791 v -14.6877 l -142.3252,-9.0131 -64.983,-0.3338 v -12.0173 h 64.983 l 142.3252,8.3453 v -12.6849 l -142.3252,-10.0144 h -64.983 v -14.0202 h 64.983 c 3.672,0 142.3252,10.0144 142.3252,10.0144 v -14.0202 l -142.3252,-8.6792 -64.983,0.3338 v -14.3541 l 64.983,0.3339 142.3252,9.6806 v -13.6864 l -142.3252,-9.6806 -64.983,-1.0015 v -13.3526 l 64.983,1.0015 142.3252,8.3453 v -13.6864 l -142.3252,-9.3467 -64.983,0.3338 v -13.3526 l 64.983,0.3337 142.3252,9.0131 v -13.3526 l -121.5179,-9.6807 6.6763,-11.3496 114.8416,8.0115 v -15.3554 c 0,0 -106.6524,-5.3411 -104.9059,-8.0116 1.7465,-2.6705 5.086,-10.0144 5.086,-10.0144 l 99.8199,4.6734 v -12.685 l -89.4717,-7.6778 8.0116,-12.0172 81.4601,6.0086 v -13.3526 l -70.778,-5.6749 6.3425,-10.3482 64.4355,3.0043 v -14.6878 l -56.424,-4.3396 7.6778,-11.6835 48.7462,2.0029 v -14.354 l -40.4009,-1.3353 6.6764,-12.3512 33.7245,1.3353 v -13.6864 l -23.3763,-1.0015 8.3453,-12.0173 15.031,1.3352 v -16.1338 z" fill="#7a7a7a" stroke="#dbdbdb" stroke-miterlimit="10" id="path480" style="stroke-width:1.33526" />
+      </g>
+      </svg>

package/site/models/crain-tower.js

@@ -0,0 +1,378 @@
+import * as THREE from "../vendor/three-r186.js";
+import { createBuilder, inside, line } from "./building-kit.js";
+// The curtain wall's rhythm. The drawing and the photograph both give a 3.5 m band pitch,
+// so the 41 published floors, above a taller lobby, fit under the 152.5 m main roof. Each
+// floor is a ribbon of glass between sill and head, with white spandrels covering the slab.
+export const crainFloors = Object.freeze({
+    lobbyTop: 7.0,
+    pitch: 3.5,
+    sill: 0.9,
+    head: 2.55,
+    module: 1.524,
+    lobbyGlass: [0.45, 5.9],
+});
+export const crainMainRoof = 152.5;
+const orient = (corners) => {
+    const area = corners.reduce((sum, [x, z], i) => { const [x2, z2] = corners[(i + 1) % corners.length]; return sum + x * z2 - x2 * z; }, 0);
+    return area < 0 ? corners : [...corners].reverse();
+};
+const planOf = (corners) => corners.map((corner, i) => line(corner, corners[(i + 1) % corners.length]));
+// The ribbon glazing's tones: mostly dark reflective glass, with a few lit and dim panes.
+const paneTones = [0x232323, 0x2a2a2a, 0x303030, 0x1f1f1f].map((hex) => new THREE.Color(hex));
+const litPane = new THREE.Color(0x8a8a8a), dimPane = new THREE.Color(0x565656), mullionTone = new THREE.Color(0x585858);
+function paneColor(row, module, wall) {
+    const hash = (Math.imul(row + 29, 0x9e3779b1) ^ Math.imul(module + 41, 0x85ebca77) ^ Math.imul(wall + 13, 0xc2b2ae3d)) >>> 0;
+    const value = hash % 97;
+    if (value < 3)
+        return litPane;
+    if (value < 6)
+        return dimPane;
+    return paneTones[value % paneTones.length];
+}
+// A plane's upward normal from a height function sampled around a point.
+function slopeNormal(roof, [x, z]) {
+    const dx = roof([x + 1, z]) - roof([x, z]), dz = roof([x, z + 1]) - roof([x, z]);
+    const length = Math.hypot(dx, 1, dz);
+    return [-dx / length, 1 / length, -dz / length];
+}
+function faceNormal(a, b, c) {
+    const u = [b[0] - a[0], b[1] - a[1], b[2] - a[2]], v = [c[0] - a[0], c[1] - a[1], c[2] - a[2]];
+    const n = [u[1] * v[2] - u[2] * v[1], u[2] * v[0] - u[0] * v[2], u[0] * v[1] - u[1] * v[0]];
+    const length = Math.hypot(...n);
+    return [n[0] / length, n[1] / length, n[2] / length];
+}
+// Where a line crosses a polygon, as the parameter intervals that lie inside it.
+function clipLine(polygon, origin, direction) {
+    const hits = [];
+    for (let i = 0; i < polygon.length; i += 1) {
+        const a = polygon[i], b = polygon[(i + 1) % polygon.length];
+        const e = [b[0] - a[0], b[1] - a[1]];
+        const denominator = direction[0] * e[1] - direction[1] * e[0];
+        if (Math.abs(denominator) < 1e-12)
+            continue;
+        const w = [a[0] - origin[0], a[1] - origin[1]];
+        const t = (w[0] * e[1] - w[1] * e[0]) / denominator, u = (w[0] * direction[1] - w[1] * direction[0]) / denominator;
+        if (u >= 0 && u < 1)
+            hits.push(t);
+    }
+    hits.sort((p, q) => p - q);
+    const spans = [];
+    for (let i = 0; i + 1 < hits.length; i += 2)
+        spans.push([hits[i], hits[i + 1]]);
+    return spans;
+}
+export function buildCrainTower(form) {
+    const kit = createBuilder(form.name, form.id);
+    const shell = kit.batch("Crain · aluminum spandrels", kit.material(0xc4c4c4));
+    const ribbons = kit.batch("Crain · ribbon glazing", kit.material(0xffffff, { vertexColors: true }));
+    const glazing = kit.batch("Crain · sloped glazing", kit.material(0x333333));
+    const grid = kit.batch("Crain · glazing grid", kit.material(0x727272));
+    const lights = kit.batch("Crain · diamond outline lights", kit.material(0xf0f0f0));
+    const coping = kit.batch("Crain · coping", kit.material(0x5c5c5c));
+    const deck = kit.batch("Crain · slot floor", kit.material(0x4a4a4a));
+    const vents = form.crown ? kit.batch("Crain · mechanical louvers", kit.material(0xffffff, { vertexColors: true })) : ribbons;
+    const blades = form.crown ? kit.batch("Crain · louver blades", kit.material(0xffffff, { vertexColors: true })) : ribbons;
+    const shadowStrips = form.crown ? kit.batch("Crain · crown shadow strips", kit.material(0xffffff, { vertexColors: true })) : ribbons;
+    const ventTone = new THREE.Color(0x303030), bladeTone = new THREE.Color(0x696969), shadowTone = new THREE.Color(0x252525);
+    const base = form.base;
+    const volumes = form.volumes.map((volume) => {
+        const corners = orient(volume.corners);
+        return { ...volume, corners, plan: planOf(corners) };
+    });
+    // Model height from a real height.
+    const y = (real) => real - base;
+    // A slab of the plan lifted onto a plane `drop` below the roof. kit.slab lays a flat
+    // polygon; lifting its vertices keeps each triangle planar, and its winding still faces
+    // the way it was laid, so the normal follows the plane, flipped for a downward face.
+    const liftedSlab = (target, corners, roof, drop, up) => {
+        const start = target.positions.length;
+        kit.slab(target, corners, 0, up);
+        const n = slopeNormal(roof, corners[0]), normal = up ? n : [-n[0], -n[1], -n[2]];
+        for (let i = start; i < target.positions.length; i += 3) {
+            target.positions[i + 1] = y(roof([target.positions[i], target.positions[i + 2]]) - drop);
+            target.normals.splice(i, 3, ...normal);
+        }
+    };
+    // The masses: walls, a floor, and a lid a skin's depth under the roof, closed within the
+    // spandrels' mesh. The roof itself is a thin closed slab on the lid, glass on the halves
+    // and a deck on the slot's floor, so it stays the building's top. Neighbouring volumes
+    // keep their own walls on shared edges, facing opposite ways.
+    const skin = 0.05;
+    for (const volume of volumes) {
+        const { corners, plan, roof } = volume;
+        const top = volume.glazed ? glazing : deck;
+        for (const run of plan) {
+            const a = run.at(0), b = run.at(run.length), n = run.normal(0), normal = [n[0], 0, n[1]];
+            kit.quad(shell, [[a[0], 0, a[1]], [b[0], 0, b[1]], [b[0], y(roof(b) - skin), b[1]], [a[0], y(roof(a) - skin), a[1]]], [normal]);
+            kit.quad(top, [[a[0], y(roof(a) - skin), a[1]], [b[0], y(roof(b) - skin), b[1]], [b[0], y(roof(b)), b[1]], [a[0], y(roof(a)), a[1]]], [normal]);
+        }
+        kit.slab(shell, corners, 0, false);
+        liftedSlab(shell, corners, roof, skin, true);
+        liftedSlab(top, corners, roof, skin, false);
+        liftedSlab(top, corners, roof, 0, true);
+    }
+    // A wall is exposed where no neighbour stands against it, and a neighbour's roof covers
+    // it up to that roof's height. Probing just outside the wall splits a run into stretches,
+    // each facing open air or one neighbour, so a plan needs no corner where that changes.
+    const neighbourAt = (self, run, s) => volumes.findIndex((volume, index) => index !== self && inside(volume.corners, run.at(s, 0.3)));
+    const stretches = (self, run) => {
+        const out = [];
+        let start = 0, current = neighbourAt(self, run, Math.min(0.05, run.length / 2));
+        for (let s = 0.25; s < run.length - 0.05; s += 0.25) {
+            if (neighbourAt(self, run, s) === current)
+                continue;
+            let low = s - 0.25, high = s;
+            for (let i = 0; i < 30; i += 1) {
+                const middle = (low + high) / 2;
+                if (neighbourAt(self, run, middle) === current)
+                    low = middle;
+                else
+                    high = middle;
+            }
+            out.push({ from: start, to: high, neighbour: current });
+            start = high;
+            current = neighbourAt(self, run, s);
+        }
+        out.push({ from: start, to: run.length, neighbour: current });
+        // Near an acute corner the probe can land outside the neighbour for a few centimetres;
+        // no real change of neighbour comes that close to a corner, so a short stretch joins
+        // the longer one beside it.
+        for (let i = out.findIndex((piece) => piece.to - piece.from < 0.6); out.length > 1 && i >= 0; i = out.findIndex((piece) => piece.to - piece.from < 0.6)) {
+            const piece = out[i], before = out[i - 1], after = out[i + 1];
+            const into = !after || (before && before.to - before.from >= after.to - after.from) ? before : after;
+            into.from = Math.min(into.from, piece.from);
+            into.to = Math.max(into.to, piece.to);
+            out.splice(i, 1);
+        }
+        return out;
+    };
+    // A closed box on a run between two heights that each vary linearly along it. Its front is
+    // cut into panes and mullions on the curtain wall's module, counted from the run's start so
+    // mullions line up from floor to floor.
+    const strip = (run, from, to, b0, b1, t0, t1, row, wall, surface) => {
+        const target = surface === "glass" ? ribbons : surface === "vent" ? vents : surface === "blade" ? blades : shadowStrips;
+        const back = surface === "blade" ? 0.045 : 0.02, front = surface === "blade" ? 0.13 : 0.08;
+        const n = run.normal(0), tangent = [n[1], -n[0]];
+        const at = (s, depth, h) => { const p = run.at(s, depth); return [p[0], y(h), p[1]]; };
+        const bottom = (s) => b0 + (b1 - b0) * (s - from) / (to - from), top = (s) => t0 + (t1 - t0) * (s - from) / (to - from);
+        const outward = [n[0], 0, n[1]];
+        const cuts = [from];
+        const module = crainFloors.module, half = 0.035;
+        if (surface !== "blade")
+            for (let k = Math.ceil((from + half) / module); k * module < to - half; k += 1)
+                cuts.push(k * module - half, k * module + half);
+        cuts.push(to);
+        for (let i = 0; i + 1 < cuts.length; i += 1) {
+            const sa = cuts[i], sb = cuts[i + 1];
+            if (sb - sa < 1e-6)
+                continue;
+            const mullion = i % 2 === 1;
+            const color = mullion ? mullionTone : surface === "glass" ? paneColor(row, Math.floor((sa + sb) / 2 / module), wall)
+                : surface === "vent" ? ventTone : surface === "blade" ? bladeTone : shadowTone;
+            kit.quad(target, [at(sa, front, bottom(sa)), at(sb, front, bottom(sb)), at(sb, front, top(sb)), at(sa, front, top(sa))], [outward], color);
+        }
+        const dark = paneTones[0];
+        kit.quad(target, [at(to, back, b1), at(from, back, b0), at(from, back, t0), at(to, back, t1)], [[-n[0], 0, -n[1]]], dark);
+        // The top and bottom fan out from a back corner through every cut on the front, so each
+        // pane's edge meets its partner and the strip closes without T-junctions.
+        const ends = cuts.filter((s, i) => i === 0 || s - cuts[i - 1] >= 1e-6);
+        const fan = (height, h0, h1, up) => {
+            const hinge = at(from, back, h0), front0 = at(from, front, h0);
+            const normal = faceNormal(hinge, at(to, back, h1), front0);
+            const facing = (normal[1] > 0) === up ? normal : [-normal[0], -normal[1], -normal[2]];
+            for (let i = 0; i + 1 < ends.length; i += 1)
+                kit.triangle(target, [hinge, at(ends[i], front, height(ends[i])), at(ends[i + 1], front, height(ends[i + 1]))], [facing, facing, facing], dark);
+            kit.triangle(target, [hinge, at(to, front, h1), at(to, back, h1)], [facing, facing, facing], dark);
+        };
+        fan(top, t0, t1, true);
+        fan(bottom, b0, b1, false);
+        kit.quad(target, [at(from, front, b0), at(from, back, b0), at(from, back, t0), at(from, front, t0)], [[-tangent[0], 0, -tangent[1]]], dark);
+        kit.quad(target, [at(to, back, b1), at(to, front, b1), at(to, front, t1), at(to, back, t1)], [[tangent[0], 0, tangent[1]]], dark);
+    };
+    // Ribbons stop this far under the roof edge, below the deepest fascia hung there, so the
+    // two never meet in one plane where a traced wall splits into collinear pieces.
+    const underRoof = 0.8;
+    // One ribbon on one wall: between the band's sill and head, under the roof, and above any
+    // neighbour. The bounds are linear along the run, so splitting it where one bound overtakes
+    // another leaves pieces whose bottom and top are each a single linear function.
+    const ribbon = (run, clear, roof, cover, g0, g1, row, wall, surface = "glass") => {
+        const least = 0.05;
+        const from = clear[0], to = run.length - clear[1];
+        if (to - from < 0.3)
+            return;
+        const low = (s) => Math.max(g0, cover ? cover(s) + 0.2 : -Infinity, base);
+        const high = (s) => Math.min(g1, roof(s) - underRoof);
+        // Each bound is the larger or smaller of linear pieces; split where they trade places.
+        const trades = [(s) => roof(s) - underRoof - g1];
+        if (cover)
+            trades.push((s) => cover(s) + 0.2 - g0, (s) => cover(s) + 0.2 - base);
+        const breaks = [from, to];
+        for (const f of trades) {
+            const fa = f(from), fb = f(to);
+            if ((fa > 0) !== (fb > 0))
+                breaks.push(from + (to - from) * fa / (fa - fb));
+        }
+        breaks.sort((p, q) => p - q);
+        for (let i = 0; i + 1 < breaks.length; i += 1) {
+            let sa = breaks[i], sb = breaks[i + 1];
+            // Within a piece the ribbon's height is linear. Where the roof or a neighbour pinches
+            // it off, end the piece where it is still `least` tall rather than at a knife edge.
+            const ha = high(sa) - low(sa), hb = high(sb) - low(sb);
+            if (ha < least && hb < least)
+                continue;
+            if (ha < least)
+                sa += (sb - sa) * (least - ha) / (hb - ha);
+            else if (hb < least)
+                sb -= (sb - sa) * (least - hb) / (ha - hb);
+            if (sb - sa < 0.12)
+                continue;
+            strip(run, sa, sb, low(sa), low(sb), high(sa), high(sb), row, wall, surface);
+        }
+    };
+    // A fascia hung on a wall just under its roof edge: its top follows the edge, flush with
+    // the roof, and it stands out from the wall rather than over the roof, so it never shares
+    // the roof's plane and the roof stays the building's top. At a convex corner it runs on by
+    // its own width to close the corner with its neighbour.
+    const fascia = (target, run, roof, width, drop, extend) => {
+        const s0 = -extend[0], s1 = run.length + extend[1], n = run.normal(0), tangent = [n[1], -n[0]];
+        const at = (s, depth, lower) => { const p = run.at(s, depth); return [p[0], y(roof(run.at(s)) - lower), p[1]]; };
+        const T = [at(s0, 0, 0), at(s0, width, 0), at(s1, width, 0), at(s1, 0, 0)];
+        const b = [at(s0, 0, drop), at(s1, 0, drop), at(s1, width, drop), at(s0, width, drop)];
+        kit.quad(target, T, [faceNormal(T[0], T[1], T[2])]);
+        kit.quad(target, b, [faceNormal(b[0], b[1], b[2])]);
+        kit.quad(target, [at(s0, width, drop), at(s1, width, drop), at(s1, width, 0), at(s0, width, 0)], [[n[0], 0, n[1]]]);
+        kit.quad(target, [at(s1, 0, drop), at(s0, 0, drop), at(s0, 0, 0), at(s1, 0, 0)], [[-n[0], 0, -n[1]]]);
+        kit.quad(target, [at(s0, 0, drop), at(s0, width, drop), at(s0, width, 0), at(s0, 0, 0)], [[-tangent[0], 0, -tangent[1]]]);
+        kit.quad(target, [at(s1, width, drop), at(s1, 0, drop), at(s1, 0, 0), at(s1, width, 0)], [[tangent[0], 0, tangent[1]]]);
+    };
+    // A slim bar on a roof between two plan points, for the glazing grid. Every corner sits a
+    // fixed height off the roof plane, so its top and bottom lie parallel to the glass across
+    // its width as well as along it.
+    const roofBox = (target, p0, p1, roof, halfWidth, lift, drop) => {
+        const chord = Math.hypot(p1[0] - p0[0], p1[1] - p0[1]);
+        const t = [(p1[0] - p0[0]) / chord, (p1[1] - p0[1]) / chord], n = [-t[1], t[0]];
+        const corner = (end, across, offset) => {
+            const at = [end[0] + n[0] * across, end[1] + n[1] * across];
+            return [at[0], y(roof(at) + offset), at[1]];
+        };
+        const b = [corner(p0, -halfWidth, -drop), corner(p0, halfWidth, -drop), corner(p1, halfWidth, -drop), corner(p1, -halfWidth, -drop)];
+        const T = [corner(p0, -halfWidth, lift), corner(p0, halfWidth, lift), corner(p1, halfWidth, lift), corner(p1, -halfWidth, lift)];
+        kit.quad(target, [T[0], T[1], T[2], T[3]], [faceNormal(T[0], T[1], T[2])]);
+        kit.quad(target, [b[0], b[3], b[2], b[1]], [faceNormal(b[0], b[3], b[2])]);
+        for (const i of [0, 1, 2, 3]) {
+            const j = (i + 1) % 4;
+            kit.quad(target, [T[j], T[i], b[i], b[j]], [faceNormal(T[j], T[i], b[i])]);
+        }
+    };
+    // How a run meets its neighbour at each end: the signed angle between their outward
+    // normals, negative at a convex corner, positive at a concave one, and near zero where a
+    // traced outline splits one wall into nearly collinear pieces.
+    const straight = 5 * Math.PI / 180;
+    const turns = (plan, index) => {
+        const turn = (a, b) => { const n1 = a.normal(a.length), n2 = b.normal(0); return Math.atan2(n1[0] * n2[1] - n1[1] * n2[0], n1[0] * n2[0] + n1[1] * n2[1]); };
+        const count = plan.length, run = plan[index];
+        return [turn(plan[(index + count - 1) % count], run), turn(run, plan[(index + 1) % count])];
+    };
+    // Two walls' ribbons stand out 0.08 m and cross within this distance of their corner; the
+    // sharper the turn, the further, so a ribbon stops that far short of it. Across a nearly
+    // straight joint a 2 mm gap is enough, and keeps their level sills and heads from
+    // overlapping in the same plane.
+    const cornerClearance = (turn) => 0.08 * Math.tan(Math.abs(turn) / 2) + (Math.abs(turn) < straight ? 0.002 : 0.025);
+    let wall = 0;
+    volumes.forEach((volume, self) => {
+        volume.plan.forEach((whole, index) => {
+            const [startTurn, endTurn] = turns(volume.plan, index);
+            stretches(self, whole).forEach(({ from, to, neighbour }, piece, all) => {
+                wall += 1;
+                // A stretch is its own run, so everything below measures along it; a whole run keeps
+                // its mullions counted from its own start.
+                const run = from === 0 && to === whole.length ? whole : line(whole.at(from), whole.at(to));
+                const covering = neighbour < 0 ? null : volumes[neighbour];
+                const cover = covering ? (s) => covering.roof(run.at(s)) : null;
+                const roof = (s) => volume.roof(run.at(s));
+                // Ribbons run on across a straight joint and stop short of a corner, so the two walls'
+                // ribbons never overlap there.
+                const first = piece === 0, last = piece === all.length - 1;
+                const clear = [cornerClearance(first ? startTurn : 0), cornerClearance(last ? endTurn : 0)];
+                const n = run.normal(0), outer = Math.max(Math.abs(n[0]), Math.abs(n[1])) > 0.95;
+                const crown = volume.glazed && outer ? form.crown : undefined;
+                // Ribbons: the lobby's tall storefront, then one per floor up to the roof.
+                ribbon(run, clear, roof, cover, crainFloors.lobbyGlass[0], crainFloors.lobbyGlass[1], 0, wall);
+                const peak = Math.max(roof(0), roof(run.length));
+                for (let row = 1; crainFloors.lobbyTop + (row - 1) * crainFloors.pitch + crainFloors.sill < peak; row += 1) {
+                    const level = crainFloors.lobbyTop + (row - 1) * crainFloors.pitch;
+                    if (crown && level + crainFloors.head > crown.officeTop)
+                        continue;
+                    ribbon(run, clear, roof, cover, level + crainFloors.sill, level + crainFloors.head, row, wall);
+                }
+                if (crown) {
+                    for (const [lo, hi] of crown.louvers) {
+                        ribbon(run, clear, roof, cover, lo, hi, 0, wall, "vent");
+                        // Slim closed blades seated in the dark backing. Extra end clearance
+                        // accommodates their 5 cm relief at corners and collinear map joints.
+                        const bladeClear = [clear[0] + 0.1, clear[1] + 0.1];
+                        for (let bottom = lo + 0.12; bottom + 0.07 < hi; bottom += 0.22)
+                            ribbon(run, bladeClear, (s) => roof(s) - 0.04, cover, bottom, bottom + 0.07, 0, wall, "blade");
+                    }
+                    for (const [lo, hi] of crown.shadowStrips)
+                        ribbon(run, clear, roof, cover, lo, hi, 0, wall, "shadow");
+                }
+                // Roof edges: only where this volume stands above its neighbour. The lit outline runs
+                // along the four faces; the diagonal edges of the split, the notches, and the slot
+                // take a dark coping. Each run's fascia is a few millimetres wider and deeper than the
+                // last, so where two overlap at a corner no faces share a plane.
+                if (cover && Math.max(cover(0) - roof(0), cover(run.length) - roof(run.length)) > -0.5)
+                    return;
+                const lit = volume.glazed && outer;
+                const step = 0.004 * index, width = (lit ? 0.42 : 0.3) + step;
+                // A sloped roof's fascia carries on past a convex corner, downhill only so none rises
+                // above the peaks. Otherwise it stops short: across a straight joint or into a concave
+                // corner its neighbour's top would share its plane where the two overlapped, and at a
+                // convex corner its end would lie in the plane of the next wall, which a taller
+                // neighbour may carry on up.
+                const adjust = (turn, at, past) => {
+                    if (turn < -straight)
+                        return volume.glazed && volume.roof(run.at(past)) < volume.roof(run.at(at)) ? width : -0.005;
+                    return -(width * Math.tan(Math.abs(turn) / 2) + 0.002);
+                };
+                const extend = [adjust(first ? startTurn : 0, 0, -width), adjust(last ? endTurn : 0, run.length, run.length + width)];
+                fascia(lit ? lights : coping, run, volume.roof, width, (lit ? 0.7 : 0.5) + step, extend);
+            });
+        });
+    });
+    // The sloped glazing's grid, raised a little above the glass along the building's axes and
+    // seated in it, between the glass's top and its underside. The two directions stand and
+    // sit at different depths, so their crossings never share a plane.
+    // Bars keep their full width at least 0.3 m inside the roof's edge.
+    const spacing = 2 * crainFloors.module, inset = 0.9, barHalf = 0.08, barReach = barHalf + 0.3;
+    const { origin, axis } = form.grid;
+    const across = [-axis[1], axis[0]];
+    for (const volume of volumes.filter((v) => v.glazed)) {
+        for (const [direction, normal, lift, seat] of [[axis, across, 0.06, 0.02], [across, axis, 0.09, 0.03]]) {
+            const offsets = volume.corners.map((p) => (p[0] - origin[0]) * normal[0] + (p[1] - origin[1]) * normal[1]);
+            for (let k = Math.ceil(Math.min(...offsets) / spacing + 1e-9); k * spacing < Math.max(...offsets) - 1e-9; k += 1) {
+                const start = [origin[0] + normal[0] * k * spacing, origin[1] + normal[1] * k * spacing];
+                // Clip both long sides of the bar's footprint, not just its centre line, so a bar
+                // running nearly parallel to an edge cannot lean out over it.
+                const side = (offset) => [start[0] + normal[0] * offset, start[1] + normal[1] * offset];
+                const [left, right] = [clipLine(volume.corners, side(-barReach), direction), clipLine(volume.corners, side(barReach), direction)];
+                // The geographic crown follows the observed grid to the edge; the
+                // drawing-fit copies retain their original half-module end snapping.
+                // Geographic ends rely on the building-kit coplanar-overlap check to
+                // catch any end face meeting a crossing bar after grid/inset changes.
+                for (const [a0, a1] of left)
+                    for (const [b0, b1] of right) {
+                        const t0 = form.grid.edgeInset === undefined ? (Math.ceil((Math.max(a0, b0) + inset) / spacing - 0.5) + 0.5) * spacing : Math.max(a0, b0) + form.grid.edgeInset;
+                        const t1 = form.grid.edgeInset === undefined ? (Math.floor((Math.min(a1, b1) - inset) / spacing - 0.5) + 0.5) * spacing : Math.min(a1, b1) - form.grid.edgeInset;
+                        if (t1 - t0 < spacing - 1e-9)
+                            continue;
+                        const p0 = [start[0] + direction[0] * t0, start[1] + direction[1] * t0];
+                        const p1 = [start[0] + direction[0] * t1, start[1] + direction[1] * t1];
+                        roofBox(grid, p0, p1, volume.roof, barHalf, lift, seat);
+                    }
+            }
+        }
+    }
+    const height = Math.max(...volumes.flatMap((volume) => volume.corners.map((p) => y(volume.roof(p)))));
+    return kit.finish({ height, outlines: [shell], opacity: 0.2 });
+}