@biunow/agent-biuart 0.0.0-stage → 0.1.1

package/engine/scenes/40_raphael.js

@@ -0,0 +1,96 @@
+// 拉斐尔（梵蒂冈签字厅湿壁画）：半圆楣窗里一座中心透视的筒拱大厅，藻井格逐层退向远端透出的一片天；人成组站在棋盘格地面上，袍色饱和（橙／蓝／玫／绿／丁香），姿势互相呼应，手和视线把一群人缝成一个整体。
+// 题材（新构图，不搬名作）：图书馆大厅——中央两位学者指着藻井与手卷争论，左组围着台上的摊开书，右组围着旋转的星盘；远处楼梯上有人走动。
+// 原作锚定（fetch_reference.py：《雅典学院》《圣礼辩论》《帕纳塞斯》）：象牙白石＋蓝灰影 #e6dcc4／#9aa4b4，远端一片天 #9cc0e8，袍橙 #d2833a、蓝 #4f72b8、玫 #cf7480、绿 #5f9468、丁香 #8a78b8，金褐装饰带 #b08a40，棋盘格大理石地。
+// 管线：形层（墙框→透视拱顶藻井→侧墙壁柱壁龛→棋盘格地→台阶）＋人（M.figure）→ MEDIUM.fresco → 楣窗金带与底部灰色浮雕带。
+SCENES['40_raphael'] = (() => {
+  const W = 1920, H = 1080, { clamp, lerp, rng, ss } = U, P = PAINT, M = MEDIUM, TAU = Math.PI * 2;
+  const CX = 960, SP = 500, N = 9;                                  // 消失点横坐标、拱起点（视平线）、藻井层数
+  const ring = j => { const k = Math.pow(0.17, j / N); return { k, rx: 860 * k, ry: 400 * k, fl: SP + 500 * k }; };
+  const ROB = { orange: ['#f4bc7e', '#d2833a', '#8c4a22'], blue: ['#9cb8e6', '#4f72b8', '#2a4278'], rose: ['#f4c0c4', '#cf7480', '#8a3e4c'], green: ['#b0d4a6', '#5f9468', '#2f5a3c'], lilac: ['#d0c6ee', '#8a78b8', '#524478'], ivory: ['#faf3de', '#dccfa8', '#9a8c68'], ochre: ['#ecd592', '#c4a050', '#7c6228'] };
+  let plate, built = false, back;
+  const P3 = (j, th) => { const r = ring(j); return [CX + r.rx * Math.cos(th), SP - r.ry * Math.sin(th)]; };
+  const quad = (g, a, b, c2, d, fill) => { g.fillStyle = fill; g.beginPath(); g.moveTo(...a); g.lineTo(...b); g.lineTo(...c2); g.lineTo(...d); g.closePath(); g.fill(); };
+  function build() {
+    plate = P.canvas(); const g = plate.getContext('2d'), rn = rng(6);
+    // 外墙：象牙白，楣窗之外是壁面（带金褐装饰带沿拱走）
+    g.fillStyle = '#e4d8bc'; g.fillRect(0, 0, W, H);
+    // 远端：一片天＋更远的小拱门
+    const r8 = ring(N), sg = g.createLinearGradient(0, SP - r8.ry, 0, r8.fl); sg.addColorStop(0, '#7fa8dc'); sg.addColorStop(1, '#cfe0f0');
+    g.fillStyle = sg; g.beginPath(); g.ellipse(CX, SP, r8.rx, r8.ry, 0, Math.PI, TAU); g.lineTo(CX + r8.rx, r8.fl); g.lineTo(CX - r8.rx, r8.fl); g.closePath(); g.fill();
+    // 层层退向远端：从远到近画（近的盖住远的）；每层之间是侧墙（壁柱/壁龛）、拱顶（藻井）、地面
+    for (let j = N - 1; j >= 0; j--) {
+      const a = ring(j), b = ring(j + 1), shade = 0.08 * (j % 2);
+      // 地面：棋盘
+      for (let i = 0; i < 16; i++) { const x0a = CX + a.rx * (i / 8 - 1), x1a = CX + a.rx * ((i + 1) / 8 - 1), x0b = CX + b.rx * (i / 8 - 1), x1b = CX + b.rx * ((i + 1) / 8 - 1); quad(g, [x0a, a.fl], [x1a, a.fl], [x1b, b.fl], [x0b, b.fl], (i + j) % 2 ? '#e8dcc0' : '#bfb08c'); }
+      // 侧墙（左右）：象牙石＋深一档的壁柱
+      [-1, 1].forEach(sd => { const xa = CX + sd * a.rx, xb = CX + sd * b.rx;
+        quad(g, [xa, SP], [xb, SP], [xb, b.fl], [xa, a.fl], sd < 0 ? `rgba(${196 - j * 3},${186 - j * 3},${164 - j * 3},1)` : `rgba(${206 - j * 3},${196 - j * 3},${176 - j * 3},1)`);
+        if (j % 3 === 0) { const wa = a.rx * 0.07, wb = b.rx * 0.07; quad(g, [xa, SP], [xa - sd * wa * 0, SP], [xb, SP], [xb, SP], 'rgba(0,0,0,0)'); quad(g, [xa - sd * wa, SP], [xa, SP], [xa, a.fl], [xa - sd * wa, a.fl], 'rgba(120,108,88,.5)'); }
+        else if (j % 3 === 1) { // 壁龛：深洞＋象牙雕像
+          const m = (u, v) => [lerp(xa, xb, u), lerp(lerp(SP, SP, 0), 0, 0) + lerp(lerp(SP + 40 * a.k, SP + 40 * b.k, u), lerp(a.fl - 80 * a.k, b.fl - 80 * b.k, u), v)];
+          const p0 = m(0.18, 0), p1 = m(0.82, 0), p2 = m(0.82, 1), p3 = m(0.18, 1); quad(g, p0, p1, p2, p3, '#6c5f4c');
+          const cx2 = lerp(xa, xb, 0.5), top = lerp(SP + 40 * a.k, SP + 40 * b.k, 0.5), bot = lerp(a.fl - 80 * a.k, b.fl - 80 * b.k, 0.5), hh = bot - top, ww = Math.abs(xb - xa) * 0.18;
+          g.fillStyle = '#f0e8d4'; g.beginPath(); g.ellipse(cx2, top + hh * 0.16, ww * 0.42, hh * 0.09, 0, 0, TAU); g.fill(); g.beginPath(); g.moveTo(cx2 - ww * 0.55, top + hh * 0.24); g.lineTo(cx2 + ww * 0.55, top + hh * 0.24); g.lineTo(cx2 + ww * 0.7, bot); g.lineTo(cx2 - ww * 0.7, bot); g.closePath(); g.fill();
+        } });
+      // 拱顶：沿角度切成藻井格，每格一个亮面＋内凹的暗框
+      const nth = 14;
+      for (let i = 0; i < nth; i++) { const t0 = i / nth * Math.PI, t1 = (i + 1) / nth * Math.PI, A0 = P3(j, t0), A1 = P3(j, t1), B0 = P3(j + 1, t0), B1 = P3(j + 1, t1); const lit = 0.5 + 0.5 * Math.cos((t0 + t1) / 2 - Math.PI * 0.35);
+        quad(g, A0, A1, B1, B0, `rgb(${Math.round(214 - 34 * (1 - lit) - j * 2)},${Math.round(202 - 32 * (1 - lit) - j * 2)},${Math.round(176 - 30 * (1 - lit) - j * 2)})`);
+        const m = (p, q, u, v) => [lerp(p[0], q[0], u), lerp(p[1], q[1], u)]; const i0 = [lerp(A0[0], A1[0], 0.2), lerp(A0[1], A1[1], 0.2)], i1 = [lerp(A0[0], A1[0], 0.8), lerp(A0[1], A1[1], 0.8)], i2 = [lerp(B0[0], B1[0], 0.8), lerp(B0[1], B1[1], 0.8)], i3 = [lerp(B0[0], B1[0], 0.2), lerp(B0[1], B1[1], 0.2)];
+        const c0 = [lerp(i0[0], i3[0], 0.2), lerp(i0[1], i3[1], 0.2)], c1 = [lerp(i1[0], i2[0], 0.2), lerp(i1[1], i2[1], 0.2)], c2 = [lerp(i1[0], i2[0], 0.8), lerp(i1[1], i2[1], 0.8)], c3 = [lerp(i0[0], i3[0], 0.8), lerp(i0[1], i3[1], 0.8)];
+        quad(g, c0, c1, c2, c3, `rgba(110,98,78,${0.35 + 0.1 * (1 - lit)})`); }
+      // 拱环：每层交界处一道亮边
+      g.strokeStyle = 'rgba(250,244,226,.7)'; g.lineWidth = Math.max(1.5, 6 * a.k); g.beginPath(); g.ellipse(CX, SP, a.rx, a.ry, 0, Math.PI, TAU); g.stroke();
+    }
+    // 外框：拱外的墙面——楣窗装饰带（金褐＋宝石红＋群青）沿拱走
+    g.save(); g.beginPath(); g.rect(0, 0, W, H); g.ellipse(CX, SP, 860, 400, 0, 0, TAU); g.clip('evenodd'); g.fillStyle = '#e8dcc2'; g.fillRect(0, 0, W, H);
+    for (let i = 0; i < 90; i++) { g.fillStyle = `rgba(${rn() < 0.5 ? '255,248,230' : '120,100,70'},${0.04 + rn() * 0.05})`; g.beginPath(); g.ellipse(rn() * W, rn() * 480, 60 + rn() * 140, 30 + rn() * 60, 0, 0, TAU); g.fill(); }
+    g.restore();
+    [[900, 430, '#b08a40', 16], [880, 410, '#7a2f3c', 10], [920, 450, '#2f4f8c', 8]].forEach(([rx, ry, col, lw]) => { g.strokeStyle = col; g.lineWidth = lw; g.beginPath(); g.ellipse(CX, SP, rx, ry, 0, Math.PI, TAU); g.stroke(); });
+    g.fillStyle = '#d4a85a'; for (let i = 0; i < 38; i++) { const th = Math.PI + (i + 0.5) / 38 * Math.PI, x = CX + 890 * Math.cos(th), y = SP + 420 * Math.sin(th); g.beginPath(); g.arc(x, y, 7, 0, TAU); g.fill(); }
+    // 拱下左右的壁柱柱头与墙脚
+    [[0, 160], [W - 160, 160]].forEach(([x, w]) => { g.fillStyle = '#d8ccb0'; g.fillRect(x, SP, w, H - SP); g.fillStyle = 'rgba(110,96,72,.35)'; g.fillRect(x + (x ? 0 : w - 14), SP, 14, H - SP); });
+    // 前景台阶：两级，延伸全宽
+    quad(g, [0, 960], [W, 960], [W, 1000], [0, 1000], '#efe4c8'); quad(g, [0, 1000], [W, 1000], [W, 1030], [0, 1030], '#b8aa86'); quad(g, [0, 940], [W, 940], [W, 960], [0, 960], '#d8cba8');
+    // 底部灰色浮雕带（grisaille）：四块方框里各一个小浮雕
+    g.fillStyle = '#d2c6aa'; g.fillRect(0, 1030, W, 50); g.fillStyle = '#7b6c50'; g.fillRect(0, 1030, W, 5);
+    for (let i = 0; i < 6; i++) { const x = 90 + i * 300; g.fillStyle = '#a89c80'; g.fillRect(x, 1040, 200, 34); g.fillStyle = '#e2d8be'; g.beginPath(); g.ellipse(x + 100, 1060, 26, 10, 0, 0, TAU); g.fill(); g.fillRect(x + 60, 1052, 80, 4); }
+    built = true;
+  }
+  // 台上摊开的书、星盘
+  function book(g, x, y, t) {
+    g.fillStyle = '#c4b48a'; g.fillRect(x - 130, y, 260, 56); g.fillStyle = '#9a8860'; g.fillRect(x - 130, y + 56, 260, 12);
+    g.fillStyle = '#f6efd6'; g.beginPath(); g.moveTo(x - 110, y - 12); g.lineTo(x, y - 24); g.lineTo(x + 110, y - 12); g.lineTo(x + 110, y + 6); g.lineTo(x, y - 6); g.lineTo(x - 110, y + 6); g.closePath(); g.fill(); g.strokeStyle = '#6a5a3c'; g.lineWidth = 2; g.stroke();
+    g.strokeStyle = 'rgba(80,60,40,.6)'; g.lineWidth = 1.8; for (let k = 0; k < 4; k++) { g.beginPath(); g.moveTo(x - 94, y - 4 + k * 3 - 6 * (1 - k / 4)); g.lineTo(x - 12, y - 14 + k * 3); g.moveTo(x + 12, y - 14 + k * 3); g.lineTo(x + 94, y - 4 + k * 3); g.stroke(); }
+  }
+  function astrolabe(g, x, y, t) {
+    g.fillStyle = '#c4b48a'; g.fillRect(x - 70, y + 150, 140, 18); g.fillRect(x - 12, y + 40, 24, 120);
+    g.strokeStyle = '#a6802c'; g.lineWidth = 7; [0, 1, 2].forEach(k => { const a = t * 0.9 + k * 1.0; g.beginPath(); g.ellipse(x, y, 90 - k * 8, 90 * Math.abs(Math.cos(a)) + 6, k * 0.6 - 0.3, 0, TAU); g.stroke(); });
+    g.fillStyle = '#4f72b8'; g.beginPath(); g.arc(x, y, 22, 0, TAU); g.fill(); g.strokeStyle = '#2a4278'; g.lineWidth = 3; g.stroke();
+  }
+  function fig(g, x, y, h, face, rb, mt, extra, t, seed) { M.figure(g, Object.assign({ x, y, h, face, t, seed, halo: false, robe: ROB[rb], mantle: mt ? ROB[mt] : null, under: '#f4ead0', skin: '#e2b48a', hair: '#5b3a22', sway: 0.3 }, extra)); }
+  function draw(c, lt) {
+    if (!built) build();
+    const t = clamp(lt, 0, 6);
+    const live = P.scratch('raph_live'), g = live.getContext('2d'); g.reset(); g.drawImage(plate, 0, 0);
+    // 远处楼梯上的小人：沿地面走（近大远小的极小人影）
+    [[0.1, 0, ROB.orange], [0.5, 1, ROB.blue], [0.8, 0, ROB.rose]].forEach(([u0, dir, col], i) => { const u = ((u0 + t * 0.03 * (dir ? -1 : 1)) % 1 + 1) % 1, y = 640 + (i % 2) * 22, x = CX - 90 + u * 180, h = 74; M.figure(g, { x, y, h, face: dir ? -1 : 1, t, seed: 40 + i, robe: col, under: '#f4ead0', skin: '#e2b48a', hair: '#5b3a22', sway: 0.6, lean: 0.02 }); });
+    // 左组：石台上的书，三人围看
+    book(g, 560, 772, t);
+    fig(g, 410, 945, 330, 1, 'green', 'ochre', { lean: 0.1, bow: 0.8, gaze: [540, 760], hands: [[500, 800], [505, 786]] }, t, 11);
+    fig(g, 735, 940, 315, -1, 'lilac', 'rose', { lean: 0.07, bow: 0.6, gaze: [600, 760], hands: [[640, 790 + Math.sin(t * 1.3) * 4], null] }, t, 12);
+    fig(g, 250, 950, 300, 1, 'ivory', 'blue', { lean: 0.04, bow: 0.3, gaze: [520, 750], hands: [null, null] }, t, 13);
+    // 右组：星盘，两人看，一人伸手拨环
+    astrolabe(g, 1400, 660, t);
+    fig(g, 1230, 945, 325, -1, 'rose', 'blue', { lean: 0.06, bow: 0.5, gaze: [1380, 660], hands: [[1330, 710 + Math.sin(t * 2) * 6], null] }, t, 21);
+    fig(g, 1590, 945, 335, -1, 'orange', 'green', { lean: 0.08, bow: 0.7, gaze: [1440, 670], hands: [[1490, 720], [1480, 690]] }, t, 22);
+    fig(g, 1730, 940, 295, -1, 'ochre', null, { lean: 0.03, bow: 0.2, gaze: [1440, 730], hands: [null, null] }, t, 23);
+    // 中央两位：左边指向藻井（手臂上下起落），右边展开手卷，视线互相咬合
+    const pt = Math.sin(t * 1.4) * 0.5;
+    fig(g, 870, 990, 385, 1, 'blue', 'orange', { lean: 0.04, bow: 0, gaze: [1000, 580], hands: [[960, 560 - pt * 20], [930, 760]] }, t, 31);
+    fig(g, 1070, 990, 365, -1, 'rose', 'green', { lean: 0.05, bow: 0.2, gaze: [930, 600], hands: [[970, 790], [985, 770]] }, t, 32);
+    g.strokeStyle = '#6a5a3c'; g.lineWidth = 3; g.fillStyle = '#f6efd6'; g.beginPath(); g.moveTo(950, 745); g.quadraticCurveTo(972, 735, 994, 745); g.lineTo(994, 792); g.quadraticCurveTo(972, 802, 950, 792); g.closePath(); g.fill(); g.stroke();   // 手卷
+    M.fresco(c, live, { ground: M.plaster('raphael', { base: '#e0d4b8', seed: 15 }), chalk: 0.05, soften: 0.5, plasterAlpha: 0.45, sat: 1.1 });
+  }
+  return { draw };
+})();

package/engine/scenes/41_michelangelo.js

@@ -0,0 +1,112 @@
+// 米开朗基罗（红粉笔人体习作＋「未完成」）：形体是雕出来的——光从左上来，肩胛、脊沟、背阔肌像石头一样有体积；用红粉笔沿形体走向排线，暗处交叉再压一层，边缘有断续的重轮廓；画面下端不收尾，像雕像还陷在粗石里。
+// 题材（新构图，不搬名作）：一张旧素描纸，一个双臂举起、背身扭转的男子习作正在被一笔笔排线画出来；右侧是同一人翻转缩小的旧习作，角落有几行不成字的注记。
+// 原作锚定（fetch_reference.py：《阿特拉斯奴隶》《利比亚女先知习作》《创造亚当》）：纸 #dfc79e 偏暖米黄带霉斑、红粉笔 #9c3f26（暗处 #6e2a1a）、亮处不画（留纸）、排线以斜 50° 为主＋沿形体转向、边缘粗而断续。
+// 管线：形体图（灰度，用椭圆光暗叠出肌肉）→ 由明暗＋梯度方向生成确定性排线笔画 → 缓存成一张「已画完」的红粉笔层 → 按 y 从上到下揭示，笔尖（粉笔）跟着扫。
+SCENES['41_michelangelo'] = (() => {
+  const W = 1920, H = 1080, { clamp, lerp, rng, ss } = U, P = PAINT, M = MEDIUM, TAU = Math.PI * 2;
+  const FW = 720, FH = 860;                                       // 形体图局部坐标
+  let paper, big, small, built = false;
+  const smooth = (pts) => { const p = new Path2D(), n = pts.length, m = i => [(pts[i % n][0] + pts[(i + 1) % n][0]) / 2, (pts[i % n][1] + pts[(i + 1) % n][1]) / 2]; p.moveTo(...m(n - 1)); for (let i = 0; i < n; i++) p.quadraticCurveTo(pts[i][0], pts[i][1], ...m(i)); p.closePath(); return p; };
+  const capsule = (pts, ws) => { const L = [], R = []; pts.forEach((p, i) => { const a = pts[Math.max(0, i - 1)], b = pts[Math.min(pts.length - 1, i + 1)], d = Math.hypot(b[0] - a[0], b[1] - a[1]) || 1, nx = -(b[1] - a[1]) / d, ny = (b[0] - a[0]) / d; L.push([p[0] + nx * ws[i] / 2, p[1] + ny * ws[i] / 2]); R.push([p[0] - nx * ws[i] / 2, p[1] - ny * ws[i] / 2]); }); return smooth([...L, ...R.reverse()]); };
+  // ---- 形体：剪影（各部件）与明暗 ----
+  const parts = () => ({
+    torso: smooth([[262, 188], [196, 206], [118, 238], [100, 280], [140, 340], [176, 410], [208, 490], [226, 565], [214, 640], [188, 716], [236, 792], [305, 804], [374, 792], [424, 716], [398, 640], [386, 565], [404, 490], [438, 410], [474, 340], [516, 280], [498, 238], [418, 206], [348, 188]]),
+    armL: capsule([[132, 266], [34, 128], [28, 40], [112, 8]], [128, 104, 70, 44]), armR: capsule([[486, 262], [572, 124], [570, 40], [484, 14]], [128, 104, 70, 44]),
+    head: smooth([[298, 22], [346, 36], [366, 84], [358, 128], [336, 160], [300, 176], [268, 168], [250, 150], [238, 128], [226, 114], [237, 100], [240, 70], [262, 36]]),
+    neck: smooth([[250, 150], [352, 150], [392, 214], [222, 214]]),
+  });
+  const LIGHTS = [   // x, y, rx, ry, 明度, 浓度（光从左上）
+    [300, 240, 112, 62, 0.98, 0.6], [212, 330, 66, 84, 1.0, 0.8], [398, 330, 62, 84, 0.86, 0.6], [214, 420, 64, 18, 0.15, 0.8], [398, 420, 60, 18, 0.12, 0.8], [170, 300, 70, 12, 0.18, 0.7], [250, 318, 10, 70, 0.2, 0.55],
+    [305, 450, 11, 235, 0.12, 0.85], [266, 535, 30, 115, 1.0, 0.65], [346, 535, 30, 115, 0.8, 0.5], [162, 420, 38, 120, 0.22, 0.7], [452, 420, 40, 120, 0.1, 0.8],
+    [205, 600, 28, 74, 0.2, 0.6], [405, 600, 26, 74, 0.1, 0.6], [248, 722, 78, 70, 1.0, 0.75], [364, 722, 78, 70, 0.7, 0.6], [305, 708, 7, 76, 0.1, 0.75],
+    [132, 262, 62, 64, 1.0, 0.85], [150, 330, 14, 50, 0.15, 0.7], [488, 258, 60, 64, 0.5, 0.7], [468, 330, 14, 50, 0.1, 0.7],
+    [96, 180, 40, 92, 1.0, 0.7], [64, 140, 20, 60, 0.2, 0.6], [532, 170, 40, 92, 0.42, 0.65], [566, 130, 20, 60, 0.15, 0.6],
+    [78, 90, 28, 52, 0.95, 0.5], [522, 96, 28, 52, 0.38, 0.55],
+    [270, 100, 34, 62, 1.0, 0.65], [340, 100, 30, 70, 0.28, 0.7], [338, 116, 10, 18, 0.1, 0.8], [300, 40, 66, 32, 0.28, 0.7], [270, 52, 18, 14, 0.2, 0.6], [330, 50, 20, 14, 0.15, 0.6],
+    [160, 345, 12, 70, 0.15, 0.7], [452, 345, 12, 70, 0.1, 0.7], [180, 470, 8, 38, 0.2, 0.6], [196, 500, 8, 34, 0.2, 0.6], [212, 530, 8, 30, 0.2, 0.6], [430, 470, 8, 38, 0.1, 0.7], [414, 500, 8, 34, 0.1, 0.7], [398, 530, 8, 30, 0.1, 0.7],
+    [240, 655, 14, 10, 0.12, 0.8], [370, 655, 14, 10, 0.1, 0.8], [215, 290, 70, 14, 0.2, 0.6], [395, 290, 66, 14, 0.15, 0.6], [150, 215, 70, 24, 0.95, 0.5], [300, 300, 140, 24, 0.95, 0.4],
+    [305, 188, 56, 28, 0.3, 0.6], [270, 176, 10, 40, 0.2, 0.6], [345, 176, 10, 40, 0.15, 0.6],
+  ];
+  const twist = y => 30 * Math.sin((y - 60) / 780 * Math.PI * 1.15 - 0.4) - 6;                    // 肩胛带与骨盆反向偏移：S 形扭转
+  function warp(cv, bg) { const o = P.canvas(FW, FH), g = o.getContext('2d'); if (bg) { g.fillStyle = bg; g.fillRect(0, 0, FW, FH); } for (let y = 0; y < FH; y++) g.drawImage(cv, 0, y, FW, 1, twist(y), y, FW, 1); return o; }
+  function formMap() {
+    const cv = P.canvas(FW, FH), g = cv.getContext('2d'), pt = parts(); g.fillStyle = '#fff'; g.fillRect(0, 0, FW, FH); g.translate(60, 40);
+    const body = new Path2D(); Object.values(pt).forEach(p => body.addPath(p));
+    g.save(); g.clip(body); g.fillStyle = '#d4d4d4'; g.fillRect(0, 0, FW, FH);
+    LIGHTS.forEach(([x, y, rx, ry, v, a]) => { g.save(); g.translate(x, y); g.scale(rx, ry); const gr = g.createRadialGradient(0, 0, 0, 0, 0, 1), c = Math.round(v * 255); gr.addColorStop(0, `rgba(${c},${c},${c},${a})`); gr.addColorStop(1, `rgba(${c},${c},${c},0)`); g.fillStyle = gr; g.beginPath(); g.arc(0, 0, 1, 0, TAU); g.fill(); g.restore(); });
+    g.filter = 'blur(7px)'; g.strokeStyle = 'rgba(40,40,40,.55)'; g.lineWidth = 16; Object.values(pt).forEach(p => g.stroke(p)); g.filter = 'none';        // 边缘遮挡：体积感
+    g.restore();
+    const wcv = warp(cv, '#fff'), mk = P.canvas(FW, FH), mg = mk.getContext('2d'); mg.translate(60, 40); mg.fillStyle = '#000'; Object.values(pt).forEach(p => mg.fill(p));
+    return { cv: wcv, pt, body, mask: warp(mk) };
+  }
+  // ---- 排线：明暗→笔画；亮处留纸，中调单向斜线，暗处交叉；笔向在斜 50° 与形体等高线之间混合 ----
+  function hatch(f, seed) {
+    const g = f.cv.getContext('2d'), d = g.getImageData(0, 0, FW, FH).data, r = rng(seed), out = [];
+    const v = (x, y) => d[((clamp(y | 0, 0, FH - 1)) * FW + clamp(x | 0, 0, FW - 1)) * 4] / 255;
+    for (let y = 4; y < FH - 4; y += 4.4) for (let x = 4; x < FW - 4; x += 4.4) {
+      const px = x + (r() - .5) * 4, py = y + (r() - .5) * 4, val = v(px, py); if (val > 0.985) continue;
+      const dk = 1 - val, gx = v(px + 3, py) - v(px - 3, py), gy = v(px, py + 3) - v(px, py - 3), cont = Math.atan2(gx, -gy), base = -0.88;
+      const fade = 1 - ss(730, 840, py);                                         // 下端不收尾：越往下越淡，像还陷在石里
+      let a = base + Math.sin(cont - base) * 0.18; const L = 12 + r() * 12;
+      if (r() < dk * 1.55 + 0.05) out.push([px, py, a, L, 0.9 + dk * 0.9, clamp((0.18 + dk * 0.75) * fade, 0, 0.92), dk]);
+      if (dk > 0.42 && r() < (dk - 0.3) * 1.5) out.push([px, py, 0.62 + (r() - .5) * 0.2, L * 0.8, 0.8 + dk * 0.7, clamp((0.15 + dk * 0.6) * fade, 0, 0.85), dk]);
+    }
+    return out;
+  }
+  function renderChalk(f, strokes, key) {
+    const cv = P.canvas(FW, FH), g = cv.getContext('2d'); g.lineCap = 'round';
+    strokes.forEach(([x, y, a, L, w, al, dk]) => { g.strokeStyle = dk > 0.6 ? `rgba(104,38,22,${al})` : `rgba(158,66,40,${al})`; g.lineWidth = w; g.beginPath(); g.moveTo(x - Math.cos(a) * L / 2, y - Math.sin(a) * L / 2); g.lineTo(x + Math.cos(a) * L / 2, y + Math.sin(a) * L / 2); g.stroke(); });
+    // 重轮廓：取整体剪影的边界像素，按背光侧加粗、间断（粉笔在纸上拖出的颗粒线），部件之间的接缝不画
+    const mg = f.mask.getContext('2d');
+    const md = mg.getImageData(0, 0, FW, FH).data, al = (x, y) => md[((clamp(y | 0, 0, FH - 1)) * FW + clamp(x | 0, 0, FW - 1)) * 4 + 3] > 128, rr = rng(77);
+    for (let y = 1; y < FH - 1; y++) for (let x = 1; x < FW - 1; x++) {
+      if (!al(x, y) || (al(x - 1, y) && al(x + 1, y) && al(x, y - 1) && al(x, y + 1))) continue;
+      const nx = (al(x - 1, y) ? 1 : 0) - (al(x + 1, y) ? 1 : 0) * -1, ny = 0;                       // 外法线粗估（见下）
+      const gx = (al(x + 2, y) ? 1 : 0) - (al(x - 2, y) ? 1 : 0), gy = (al(x, y + 2) ? 1 : 0) - (al(x, y - 2) ? 1 : 0);     // 指向内部
+      const shade = clamp(-(gx * 0.6 + gy * 0.8), 0, 1);                                              // 外法线朝右下＝背光
+      const dash = Math.sin(x * 0.045 + y * 0.037) + Math.sin(x * 0.011 - y * 0.05) * 0.8; if (dash < -0.7 - shade * 0.7) continue;
+      const fade = 1 - ss(740, 830, y); g.fillStyle = `rgba(96,34,20,${(0.5 + shade * 0.45) * fade})`; g.beginPath(); g.arc(x + (rr() - .5) * 0.8, y + (rr() - .5) * 0.8, 1.0 + shade * 1.5 + rr() * 0.5, 0, TAU); g.fill();
+    }
+    return cv;
+  }
+  function paperPlate() {
+    const cv = P.canvas(), g = cv.getContext('2d'), r = rng(9);
+    const bg = g.createLinearGradient(0, 0, 0, H); bg.addColorStop(0, '#2c2218'); bg.addColorStop(1, '#17110c'); g.fillStyle = bg; g.fillRect(0, 0, W, H);
+    g.strokeStyle = 'rgba(255,230,190,.035)'; g.lineWidth = 2; for (let i = 0; i < 80; i++) { const y = r() * H; g.beginPath(); g.moveTo(0, y); g.bezierCurveTo(500, y + (r() - .5) * 30, 1300, y + (r() - .5) * 30, W, y + (r() - .5) * 20); g.stroke(); }
+    // 纸：不规则撕边＋投影
+    const edge = []; const x0 = 120, y0 = 56, x1 = 1800, y1 = 1030;
+    for (let x = x0; x <= x1; x += 40) edge.push([x, y0 + (r() - .5) * 6]); for (let y = y0; y <= y1; y += 40) edge.push([x1 + (r() - .5) * 6, y]); for (let x = x1; x >= x0; x -= 40) edge.push([x, y1 + (r() - .5) * 6]); for (let y = y1; y >= y0; y -= 40) edge.push([x0 + (r() - .5) * 6, y]);
+    const sp = smooth(edge); g.save(); g.shadowColor = 'rgba(0,0,0,.6)'; g.shadowBlur = 40; g.shadowOffsetY = 12; g.fillStyle = '#dcc397'; g.fill(sp); g.restore();
+    g.save(); g.clip(sp);
+    const pg = g.createRadialGradient(960, 520, 200, 960, 540, 1050); pg.addColorStop(0, 'rgba(240,220,170,.35)'); pg.addColorStop(1, 'rgba(120,80,40,.35)'); g.fillStyle = pg; g.fillRect(0, 0, W, H);
+    for (let i = 0; i < 70; i++) { g.fillStyle = `rgba(${r() < 0.5 ? '150,100,50' : '110,80,40'},${0.03 + r() * 0.08})`; g.beginPath(); g.ellipse(x0 + r() * (x1 - x0), y0 + r() * (y1 - y0), 6 + r() * 40, 5 + r() * 30, r() * 3, 0, TAU); g.fill(); }        // 霉斑
+    g.strokeStyle = 'rgba(120,90,50,.12)'; g.lineWidth = 1; for (let i = 0; i < 260; i++) { const x = x0 + r() * (x1 - x0), y = y0 + r() * (y1 - y0); g.beginPath(); g.moveTo(x, y); g.lineTo(x + (r() - .5) * 34, y + (r() - .5) * 10); g.stroke(); }                 // 纸纤维
+    // 注记：几行不成字的手写笔画（右下）
+    g.strokeStyle = 'rgba(90,40,24,.55)'; g.lineWidth = 1.8; g.lineCap = 'round'; for (let ln = 0; ln < 4; ln++) { let x = 1240; const y = 900 + ln * 30; g.beginPath(); g.moveTo(x, y); while (x < 1640 - r() * 100) { x += 6 + r() * 12; g.quadraticCurveTo(x - 4, y - 8 - r() * 8, x, y + (r() - .5) * 3); } g.stroke(); }
+    g.restore();
+    return cv;
+  }
+  function build() {
+    const f = formMap(), st = hatch(f, 5); big = renderChalk(f, st, 'big'); big._f = f;
+    const sm = P.canvas(FW, FH), sg = sm.getContext('2d'); sg.drawImage(big, 0, 0); small = sm;                                  // 旧习作：同一人，翻转缩小，较淡
+    paper = paperPlate(); built = true;
+  }
+  function draw(c, lt) {
+    if (!built) build();
+    const t = clamp(lt, 0, 6);
+    c.drawImage(paper, 0, 0);
+    // 右侧旧习作：翻转、0.46 倍、较淡，画满
+    c.save(); c.globalAlpha = 0.72; c.translate(1560, 90); c.scale(-0.46, 0.46); c.translate(-FW, 0); c.drawImage(small, 0, 0, FW, FH * 0.9, 0, 0, FW, FH * 0.9); c.restore();
+    // 主习作：随笔尖从上往下被画出
+    const OX = 500, OY = 110, S = 1.0, p = ss(0.25, 5.2, t), ry = p * (FH + 30);
+    c.save(); c.beginPath(); c.rect(OX, OY, FW * S, ry * S); c.clip(); c.drawImage(big, OX, OY, FW * S, FH * S); c.restore();
+    c.save(); c.globalAlpha = 1; const edge = c.createLinearGradient(0, OY + ry * S - 26, 0, OY + ry * S); edge.addColorStop(0, 'rgba(220,195,150,0)'); edge.addColorStop(1, 'rgba(220,195,150,.0)'); c.restore();
+    if (p < 0.999) {                                       // 粉笔：笔尖在揭示线上左右扫，笔杆朝右上
+      const tx = OX + FW * S * (0.5 + 0.46 * Math.sin(t * 7.3) * Math.cos(t * 1.9)), ty = OY + ry * S + Math.sin(t * 13) * 3;
+      c.save(); c.translate(tx, ty); c.rotate(-0.95); c.fillStyle = '#7a3a24'; c.fillRect(0, -5, 190, 10); c.fillStyle = '#9c3f26'; c.fillRect(-16, -5, 18, 10); c.fillStyle = '#c9a56a'; c.fillRect(120, -6, 60, 12); c.restore();
+      c.fillStyle = 'rgba(150,70,44,.28)'; for (let i = 0; i < 6; i++) { c.beginPath(); c.arc(tx + (Math.sin(t * 20 + i * 7) * 14), ty + 6 + ((t * 40 + i * 9) % 36), 1.3, 0, TAU); c.fill(); }   // 落下的粉屑
+    }
+    c.save(); c.globalCompositeOperation = 'multiply'; c.globalAlpha = 0.18; c.drawImage(P.texture('paper_mich', '#e6d2aa', { scale: 0.006, amt: 12, grain: 8, seed: 3 }), 0, 0); c.restore();
+  }
+  return { draw };
+})();

package/engine/scenes/42_guardi.js

@@ -0,0 +1,70 @@
+// 瓜尔迪（威尼斯晚期）：低地平线、银灰绿的巨大空气、细长的舢板和小到只剩几点白的人、笔触干而快、边缘松动，像被风吹散。
+// 题材（新构图）：清晨的潟湖，两条细长的小船载着货横过水面，远处一座瘦塔和低矮的岛，天占四分之三。
+// 原作锚定（fetch_reference.py：《威尼斯潟湖》《大运河与里亚托桥》；第三条搜索命中的是现代照片，已弃用，见 16 号「已知的坑」）：
+//   天水一色的银灰绿 #9db0b0→#c9cdbd、暖云边 #e2cfa8、塔与岛赭褐 #8a7a62、船黑褐 #2e2a26、人物＝黑身＋一两点白或红、水面细长横笔。
+// 管线：干净的形（天／水／岛塔）→ MEDIUM.broken（细长干笔，低饱和）→ 缓存；动态：云漂、水面逐行位移、船与撑篙人（小画布重绘）、鸟。
+SCENES['42_guardi'] = (() => {
+  const W = 1920, H = 1080, { clamp, lerp, rng, ss } = U, P = PAINT, M = MEDIUM, TAU = Math.PI * 2;
+  const HZ = 700;                                   // 低地平线：天占 65%
+  let sky, land, water, built = false;
+  function skyPlate() {
+    const cv = P.canvas(2500, 720), g = cv.getContext('2d'), r = rng(12);
+    const gr = g.createLinearGradient(0, 0, 0, 720); gr.addColorStop(0, '#8fa3a8'); gr.addColorStop(0.55, '#b4c0bb'); gr.addColorStop(1, '#d9d2b4'); g.fillStyle = gr; g.fillRect(0, 0, 2500, 720);
+    for (let k = 0; k < 26; k++) { const x = r() * 2500, y = 30 + r() * 520, s = 0.6 + r() * 1.3; g.save(); g.filter = 'blur(12px)'; for (let j = 0; j < 7; j++) { const dx = (r() - .5) * 280 * s, dy = (r() - .5) * 40 * s, rx = (50 + r() * 80) * s, ry = (14 + r() * 18) * s;
+      g.fillStyle = `rgba(${r() < 0.5 ? '130,146,152' : '236,222,190'},${0.28 + r() * 0.25})`; g.beginPath(); g.ellipse(x + dx, y + dy, rx, ry, (r() - .5) * 0.1, 0, TAU); g.fill(); } g.restore(); }
+    return M.broken(cv, { cell: 10, len: 70, wid: 6, passes: 2, angle: (x, y) => -0.03 + Math.sin(x * 0.003 + y * 0.01) * 0.04, seed: 21, jit: 14, skip: 0.1, sat: 0.9, warm: [238, 214, 160], cool: [120, 138, 160] });
+  }
+  function landPlate() {
+    const cv = P.canvas(), g = cv.getContext('2d');
+    // 远岛（长而低）
+    g.fillStyle = '#8f8a78'; g.beginPath(); g.moveTo(0, HZ); g.lineTo(0, HZ - 16); g.quadraticCurveTo(200, HZ - 30, 420, HZ - 12); g.quadraticCurveTo(520, HZ - 8, 600, HZ); g.fill();
+    g.fillStyle = '#7d786a'; g.beginPath(); g.moveTo(1000, HZ); g.quadraticCurveTo(1120, HZ - 22, 1300, HZ - 14); g.lineTo(1500, HZ - 24); g.quadraticCurveTo(1780, HZ - 18, 1920, HZ - 34); g.lineTo(1920, HZ); g.fill();
+    // 瘦塔（右）＋低屋＋木桩
+    g.fillStyle = '#85735c'; g.fillRect(1480, HZ - 230, 70, 230); g.fillStyle = '#6b5a46'; g.fillRect(1480, HZ - 230, 18, 230); g.fillStyle = '#9a8670'; g.fillRect(1470, HZ - 246, 90, 18);
+    g.fillStyle = '#4a4036'; [[1492, HZ - 190], [1518, HZ - 150], [1494, HZ - 110]].forEach(([x, y]) => g.fillRect(x, y, 14, 28));
+    g.fillStyle = '#9a8670'; g.fillRect(1380, HZ - 66, 120, 66); g.fillStyle = '#7a4a3a'; g.beginPath(); g.moveTo(1370, HZ - 66); g.lineTo(1440, HZ - 100); g.lineTo(1510, HZ - 66); g.fill();
+    g.fillStyle = '#3a342e'; for (let i = 0; i < 9; i++) g.fillRect(1560 + i * 34, HZ - 12 - (i % 3) * 8, 5, 24);
+    // 左前景一角：渔人的木桩与网杆
+    g.strokeStyle = '#2e2a26'; g.lineWidth = 7; g.beginPath(); g.moveTo(150, 960); g.lineTo(190, 740); g.stroke(); g.lineWidth = 4; g.beginPath(); g.moveTo(190, 740); g.lineTo(400, 790); g.stroke(); g.beginPath(); g.moveTo(190, 760); g.quadraticCurveTo(260, 900, 400, 800); g.stroke();
+    return M.broken(cv, { cell: 7, len: 26, wid: 6, passes: 2, angle: (x, y) => y > 600 && x > 1400 ? 1.45 : 0.04, seed: 23, jit: 14, skip: 0.04, sat: 0.9 });
+  }
+  function waterPlate() {
+    const cv = P.canvas(), g = cv.getContext('2d'), r = rng(31);
+    const gr = g.createLinearGradient(0, HZ, 0, H); gr.addColorStop(0, '#b7c0b0'); gr.addColorStop(0.35, '#97a89e'); gr.addColorStop(1, '#5f7470'); g.fillStyle = gr; g.fillRect(0, HZ, W, H - HZ);
+    // 天光倒影：长条银色、暖色横带，越近越宽
+    for (let i = 0; i < 120; i++) { const k = Math.pow(r(), 1.4), y = HZ + 6 + k * (H - HZ - 10), w = 60 + r() * 300 * (0.3 + k), x = r() * W; g.fillStyle = `rgba(${r() < 0.55 ? '232,232,214' : '200,170,120'},${0.1 + r() * 0.2})`; g.fillRect(x, y, w, 2 + r() * 5 * (0.4 + k)); }
+    // 塔与岛的倒影
+    g.save(); g.translate(0, HZ * 2); g.scale(1, -1); g.globalAlpha = 0.35; g.filter = 'blur(2px)'; g.drawImage(landCanvas(), 0, 0); g.restore();
+    return M.broken(cv, { cell: 9, len: 80, wid: 5, passes: 2, angle: () => 0, seed: 25, jit: 14, skip: 0.06, sat: 0.9, cool: [100, 126, 140], warm: [230, 212, 168] });
+  }
+  let _landRaw = null; const landCanvas = () => { if (_landRaw) return _landRaw; const cv = P.canvas(), g = cv.getContext('2d'); g.fillStyle = '#6a604e'; g.fillRect(1480, HZ - 230, 70, 230); g.fillRect(1380, HZ - 66, 120, 66); g.fillRect(0, HZ - 16, 600, 16); g.fillRect(1000, HZ - 20, 920, 20); return (_landRaw = cv); };
+  function build() { sky = skyPlate(); land = landPlate(); water = waterPlate(); built = true; }
+  // 细长舢板＋撑篙人：小画布（600×220）→ broken → 贴回；face 朝向
+  function gondola(c, x, y, face, t, ph, scale) {
+    const cv = P.scratch('guardi_gon'); if (cv.width !== 640) { cv.width = 640; cv.height = 260; } const g = cv.getContext('2d'); g.reset(); g.clearRect(0, 0, 640, 260);
+    g.save(); g.translate(320, 190); g.scale(face * scale, scale); const roll = Math.sin(t * 1.3 + ph) * 0.015; g.rotate(roll);
+    g.fillStyle = '#2a2622'; g.beginPath(); g.moveTo(-230, -14); g.quadraticCurveTo(-120, 12, 0, 10); g.quadraticCurveTo(130, 12, 236, -26); g.lineTo(210, -22); g.lineTo(-210, -8); g.closePath(); g.fill();                 // 船身（弯月）
+    g.fillStyle = '#3a342e'; g.fillRect(-60, -46, 110, 34); g.fillStyle = '#5a2a2a'; g.fillRect(-60, -52, 110, 8);                                                                                                       // felze 小舱
+    g.fillStyle = '#2a2622'; g.fillRect(-20, -20, 8, 12);
+    const pole = Math.sin(t * 2.0 + ph);                                                                                                                                                                                  // 撑篙人
+    g.fillStyle = '#2a2622'; g.fillRect(146, -100, 22, 84); g.beginPath(); g.arc(157, -112, 11, 0, TAU); g.fill(); g.fillStyle = '#e8e0cc'; g.fillRect(146, -94, 22, 20); g.fillStyle = '#b8402e'; g.fillRect(142, -126, 30, 8);   // 黑身＋白衫＋红帽（几点颜色）
+    g.strokeStyle = '#2e2a26'; g.lineWidth = 4; g.lineCap = 'round'; g.beginPath(); g.moveTo(160, -88 - pole * 6); g.lineTo(120 + pole * 36, 56); g.stroke();                                                                       // 篙
+    g.restore();
+    const rep = M.broken(cv, { cell: 4, len: 13, wid: 3.2, passes: 2, angle: (xx, yy) => (yy > 150 && yy < 215) ? 0.02 : 1.2, seed: 27, jit: 12, skip: 0.02, sat: 0.95 });
+    // 倒影：被拉长压暗
+    c.save(); c.translate(x - 320, y - 190); c.save(); c.translate(0, 380); c.scale(1, -0.55); c.globalAlpha = 0.28; c.drawImage(rep, 0, 0); c.restore(); c.drawImage(rep, 0, 0); c.restore();
+  }
+  function draw(c, lt) {
+    if (!built) build();
+    const t = clamp(lt, 0, 6);
+    c.drawImage(sky, t * 14, 0, W, 720, 0, 0, W, 720);
+    c.drawImage(land, 0, 0);
+    for (let y = HZ; y < H; y += 6) { const k = (y - HZ) / (H - HZ), dx = Math.sin(t * 1.1 + y * 0.07) * (1 + k * 7) + Math.sin(t * 2.4 + y * 0.19) * 1.2 * k; c.drawImage(water, 0, y, W, 6, dx - 24, y, W + 48, 6); }
+    gondola(c, lerp(1280, 760, ss(0, 6, t)), 880, -1, t, 0.0, 1.0);
+    gondola(c, lerp(260, 680, ss(0, 6, t)), 820, 1, t, 2.1, 0.62);
+    // 鸟：几笔
+    for (let i = 0; i < 5; i++) { const u = (t * 0.06 + i * 0.19) % 1, x = lerp(-40, 1960, u), y = 220 + Math.sin(u * 9 + i) * 40 + i * 28, f = Math.sin(t * 8 + i) * 7; c.strokeStyle = 'rgba(46,42,38,.85)'; c.lineWidth = 2.6; c.lineCap = 'round'; c.beginPath(); c.moveTo(x - 12, y + f); c.quadraticCurveTo(x - 4, y - 6, x, y); c.quadraticCurveTo(x + 4, y - 6, x + 12, y + f); c.stroke(); }
+    c.save(); c.globalCompositeOperation = 'multiply'; c.globalAlpha = 0.24; c.drawImage(P.texture('canvas_guardi', '#e8e0cc', { scale: 0.006, amt: 12, grain: 7, seed: 8 }), 0, 0); c.restore();
+  }
+  return { draw };
+})();

package/engine/scenes/43_lorenzetti.js

@@ -0,0 +1,145 @@
+// 洛伦采蒂（锡耶纳市政厅《良政的效果》城市一幅）：建筑占上半、一栋叠一栋，粉／灰／赭的墙，成排小窗，垛口塔；底层拱廊像舞台一样剖开露出作坊；街上是一条带状的小人，人只有楼高的十分之一，各干各的活。
+// 题材（新构图，不搬名作）：广场一角——圈舞、驮骡过街、脚手架吊石头、拱廊里的鞋匠，台阶往右上走。
+// 原作锚定（fetch_reference.py：《良政的效果·城市》《良政寓言》；第三条搜索与第一条是同一幅，被去重丢弃，所以只有两幅不同作品，见 16 号协议「已知的坑」）：
+//   墙 粉红 #c98f86／灰蓝 #8f98a4／赭 #b39f8c，街 沙土 #b9a37c，天只剩顶上一线群青，窗＝深褐小拱，人＝土红／靛蓝／芥黄／白，边带深褐。
+// 管线：干净的形层（天→后排建筑→主建筑含剖开的作坊→街→台阶）→ MEDIUM.fresco → 小人每帧画在 fresco 之后再轻糊（人太小，不过重绘）。
+SCENES['43_lorenzetti'] = (() => {
+  const W = 1920, H = 1080, { clamp, lerp, rng, ss } = U, P = PAINT, M = MEDIUM, TAU = Math.PI * 2;
+  let plate, built = false;
+  const GROUND = () => M.plaster('lorenz', { base: '#dccfb2', seed: 13, seams: [[[0, 420], [500, 430], [1000, 414], [1500, 426], [1920, 418]]] });
+  const quad = (g, p, fill) => { g.fillStyle = fill; g.beginPath(); p.forEach((q, i) => i ? g.lineTo(q[0], q[1]) : g.moveTo(q[0], q[1])); g.closePath(); g.fill(); };
+  const line = (g, p, col = '#5a463a', a = 0.7) => M.outline(g, p, { w: [1.6, 2.6, 1.6], col, a });
+  // 小窗（深褐拱）
+  const win = (g, x, y, w = 20, h = 34, col = '#4a3a30') => { g.fillStyle = 'rgba(255,240,215,.45)'; g.beginPath(); g.moveTo(x - 3, y + h); g.lineTo(x - 3, y + w / 2); g.arc(x + w / 2, y + w / 2, w / 2 + 3, Math.PI, 0); g.lineTo(x + w + 3, y + h); g.fill(); g.fillStyle = col; g.beginPath(); g.moveTo(x, y + h); g.lineTo(x, y + w / 2); g.arc(x + w / 2, y + w / 2, w / 2, Math.PI, 0); g.lineTo(x + w, y + h); g.fill(); };
+  function block(g, x, y, w, h, c0, c1, rows, cols, o = {}) {
+    const gr = g.createLinearGradient(x, y, x + w, y + h); gr.addColorStop(0, c0); gr.addColorStop(1, c1); g.fillStyle = gr; g.fillRect(x, y, w, h);
+    { const rr = rng((x + y) | 0); g.save(); g.filter = 'blur(10px)'; for (let i = 0; i < 26; i++) { g.fillStyle = rr() < 0.5 ? 'rgba(255,240,220,.07)' : 'rgba(70,40,40,.06)'; g.beginPath(); g.ellipse(x + rr() * w, y + rr() * h, 50 + rr() * 110, 30 + rr() * 60, (rr() - .5) * 0.5, 0, TAU); g.fill(); } g.restore();
+      g.strokeStyle = 'rgba(80,50,44,.16)'; g.lineWidth = 1.4; for (let yy = y + 20; yy < y + h; yy += 36) { g.beginPath(); g.moveTo(x, yy); g.lineTo(x + w, yy + (rr() - .5) * 3); g.stroke(); }
+      g.fillStyle = 'rgba(40,24,24,.22)'; g.fillRect(x, y + h - 14, w, 14); g.fillStyle = 'rgba(255,240,210,.35)'; g.fillRect(x, y, w, 5); }
+    if (o.side) quad(g, [[x + w, y], [x + w + o.side, y - 26], [x + w + o.side, y + h - 30], [x + w, y + h]], o.sideCol || c1);
+    for (let r = 0; r < rows; r++) for (let k = 0; k < cols; k++) win(g, x + 24 + k * ((w - 48) / cols), y + 34 + r * ((h - 90) / rows), 20, 34);
+    if (o.cren) for (let k = 0; k < Math.floor(w / 44); k++) { g.fillStyle = c0; g.fillRect(x + 6 + k * 44, y - 26, 28, 28); }
+    line(g, [[x, y + h], [x, y], [x + w, y], [x + w, y + h]]);
+  }
+  function build() {
+    plate = P.canvas(); const g = plate.getContext('2d'), r = rng(8);
+    // 天：只剩顶上一线群青
+    const sg = g.createLinearGradient(0, 0, 0, 440); sg.addColorStop(0, '#34569e'); sg.addColorStop(0.35, '#8aa2cc'); sg.addColorStop(1, '#d6cdb8'); g.fillStyle = sg; g.fillRect(0, 0, W, 440);
+    // 后排：远处的塔与屋顶，色彩略淡（空气）
+    block(g, 560, 70, 150, 470, '#a9a7ae', '#8a8890', 6, 3, { cren: true });
+    block(g, 330, 190, 250, 360, '#cfa59c', '#b88478', 4, 5);
+    block(g, 740, 150, 330, 400, '#bdb09a', '#a09078', 5, 6, { cren: true });
+    block(g, 1100, 120, 260, 430, '#c99a8f', '#a8766a', 5, 4);
+    // 屋顶瓦（后排）：赭红斜面
+    [[330, 190, 250], [1100, 120, 260]].forEach(([x, y, w]) => { quad(g, [[x - 14, y], [x + 40, y - 46], [x + w - 40, y - 46], [x + w + 14, y]], '#a85a44'); line(g, [[x - 14, y], [x + 40, y - 46], [x + w - 40, y - 46], [x + w + 14, y]]); });
+    // 中景：一整排退远的低楼与城墙（填满中间，空气更淡），再往街面收
+    const far = g.createLinearGradient(0, 430, 0, 760); far.addColorStop(0, '#d6cdb8'); far.addColorStop(1, '#bfae96'); g.fillStyle = far; g.fillRect(560, 430, 800, 330);
+    block(g, 600, 400, 210, 360, '#c8a89a', '#a88a7c', 4, 4);
+    block(g, 830, 470, 250, 290, '#c2b6a2', '#a6987f', 3, 5, { cren: true });
+    block(g, 1090, 440, 170, 320, '#bd9c90', '#9c7c70', 4, 3);
+    quad(g, [[586, 400], [640, 360], [790, 360], [826, 400]], '#a85a44'); quad(g, [[1076, 440], [1110, 404], [1230, 404], [1274, 440]], '#9c503c');
+    g.fillStyle = 'rgba(70,50,40,.22)'; g.fillRect(560, 700, 800, 60);                                   // 楼脚的暗带
+    // 主建筑左：粉红大楼，底层拱廊剖开（舞台）
+    block(g, 0, 120, 560, 640, '#d6a199', '#b87d72', 5, 6, { side: 70, sideCol: '#9c6a60', cren: true });
+    // 主建筑右：赭灰带阳台
+    block(g, 1340, 90, 580, 680, '#b7b3b6', '#8f8c94', 5, 6, { cren: true });
+    g.fillStyle = '#8a4a3c'; for (let k = 0; k < 4; k++) g.fillRect(1380 + k * 130, 330 + (k % 2) * 140, 74, 10);        // 阳台
+    // 拱廊（剖开的作坊）：左楼底层
+    const ax = 70, ay = 500, aw = 360, ah = 260;
+    g.fillStyle = '#3d2f28'; g.beginPath(); g.moveTo(ax, ay + ah); g.lineTo(ax, ay + 70); g.arc(ax + aw / 2, ay + 70, aw / 2, Math.PI, 0); g.lineTo(ax + aw, ay + ah); g.fill();
+    const ig = g.createLinearGradient(0, ay, 0, ay + ah); ig.addColorStop(0, '#9a7d5e'); ig.addColorStop(1, '#c4a97c'); g.fillStyle = ig;
+    g.beginPath(); g.moveTo(ax + 14, ay + ah); g.lineTo(ax + 14, ay + 70); g.arc(ax + aw / 2, ay + 70, aw / 2 - 14, Math.PI, 0); g.lineTo(ax + aw - 14, ay + ah); g.fill();
+    g.fillStyle = '#6a4a34'; g.fillRect(ax + 40, ay + 170, 150, 14); g.fillRect(ax + 50, ay + 184, 10, 76); g.fillRect(ax + 170, ay + 184, 10, 76);      // 工作台
+    g.fillStyle = '#b8402e'; [[ax + 230, ay + 120], [ax + 270, ay + 140], [ax + 300, ay + 110]].forEach(([x, y]) => { g.beginPath(); g.ellipse(x, y, 16, 10, 0, 0, TAU); g.fill(); });  // 货架上的鞋
+    g.strokeStyle = '#e4cf8f'; g.lineWidth = 7; g.beginPath(); g.arc(ax + aw / 2, ay + 70, aw / 2 + 4, Math.PI, 0); g.stroke();
+    // 右楼底层：开放的柱廊＋布匹
+    for (let k = 0; k < 4; k++) { const x = 1360 + k * 140; g.fillStyle = '#e1d2b4'; g.fillRect(x, 560, 26, 200); g.fillStyle = '#4a3a30'; g.beginPath(); g.moveTo(x + 26, 760); g.lineTo(x + 26, 620); g.arc(x + 83, 620, 57, Math.PI, 0); g.lineTo(x + 140, 760); g.fill(); }
+    [['#b8402e', 1400], ['#2f5d94', 1540], ['#d9b04a', 1680]].forEach(([c, x]) => { quad(g, [[x, 640], [x + 60, 640], [x + 66, 740], [x - 6, 740]], c); });
+    // 脚手架：右楼左侧一排木桩与横梁
+    g.strokeStyle = '#6a4a34'; g.lineWidth = 7; [1250, 1320].forEach(x => { g.beginPath(); g.moveTo(x, 770); g.lineTo(x, 190); g.stroke(); }); [260, 400, 540, 680].forEach(y => { g.beginPath(); g.moveTo(1240, y); g.lineTo(1330, y); g.stroke(); });
+    // 街：沙土，斜向透视，前景暗、远处亮
+    const gr = g.createLinearGradient(0, 740, 0, H); gr.addColorStop(0, '#c9b58a'); gr.addColorStop(0.6, '#b49c70'); gr.addColorStop(1, '#8c7650'); g.fillStyle = gr; g.fillRect(0, 740, W, H - 740);
+    for (let i = 0; i < 380; i++) { g.fillStyle = `rgba(${r() < 0.5 ? '90,70,44' : '224,206,158'},${0.1 + r() * 0.16})`; g.fillRect(r() * W, 760 + r() * 300, 6 + r() * 40, 2 + r() * 2); }
+    // 台阶（往右上）：红砖楼梯
+    for (let k = 0; k < 7; k++) { const x = 1080 + k * 40, y = 790 - k * 18; quad(g, [[x, y], [x + 40, y], [x + 40, 800], [x, 800]], k % 2 ? '#a8645a' : '#b8786a'); line(g, [[x, y], [x + 40, y]], '#5a3a30', 0.5); }
+    quad(g, [[0, 760], [560, 760], [420, 1004], [0, 1004]], 'rgba(60,44,60,.18)');             // 左楼的影子落在街上
+    // 前景下缘的深褐边带＋「题记」（一行假笔画，不写成真字）
+    g.fillStyle = '#e8dcc0'; g.fillRect(0, 1010, W, 70); g.fillStyle = '#4a3a30'; g.fillRect(0, 1004, W, 8); g.fillRect(0, 1076, W, 4);
+    for (let x = 60; x < W - 60; x += 16 + (r() * 30 | 0)) { g.fillRect(x, 1030 + (r() * 4 | 0), 6 + r() * 8, 20); }
+    built = true;
+  }
+  // 小人（修长的锡耶纳式）：头小身长、长袍下摆外撇带褶、肩窄、3/4 侧、袍色左亮右暗；走路时下摆摆动、前脚探出
+  function tiny(g, x, y, s, o) {
+    const { robe = '#b8402e', hat = null, skin = '#e2b48a', face = 1, arm = 0, walk = 0, hair = '#4a3322', under = null, carry = null } = o;
+    s *= 0.95;
+    const dk = M.css(M.mix(robe, '#1c1428', 0.38)), lt = M.css(M.mix(robe, '#fff4dc', 0.3)), mid = M.css(robe);
+    g.fillStyle = 'rgba(60,40,24,.26)'; g.beginPath(); g.ellipse(x, y + 2, 21 * s, 5 * s, 0, 0, TAU); g.fill();
+    g.save(); g.translate(x, y); g.scale(s * face, s);
+    const sw = Math.sin(walk), bob = Math.abs(sw) * 1.6, H0 = -104 - bob;
+    // 前脚探出下摆
+    g.fillStyle = '#3d2a24'; g.beginPath(); g.ellipse(7 + sw * 7, -2, 7, 3.2, 0, 0, TAU); g.ellipse(-6 - sw * 7, -2, 7, 3.2, 0, 0, TAU); g.fill();
+    // 袍：窄肩 → 腰 → 外撇下摆，下摆随步子左右摆
+    const hem = 18, fl = sw * 4;
+    const gr = g.createLinearGradient(-hem, 0, hem, 0); gr.addColorStop(0, lt); gr.addColorStop(0.45, mid); gr.addColorStop(1, dk); g.fillStyle = gr;
+    g.beginPath(); g.moveTo(-8, H0 + 22); g.quadraticCurveTo(-10, -62, -13 + fl * 0.3, -34); g.quadraticCurveTo(-hem - 2 + fl, -14, -hem + fl, -4);
+    g.quadraticCurveTo(0, 2, hem + fl, -4); g.quadraticCurveTo(hem - 1 + fl, -16, 12 + fl * 0.3, -34); g.quadraticCurveTo(10, -62, 8, H0 + 22); g.closePath(); g.fill();
+    // 褶：三条自上而下的弧线，下摆处加深
+    g.strokeStyle = dk; g.globalAlpha = 0.5; g.lineWidth = 1.6; g.lineCap = 'round';
+    [[-4, -2], [2, 4], [8, 9]].forEach(([u, v]) => { g.beginPath(); g.moveTo(u * 0.5, -66); g.quadraticCurveTo(u + v * 0.3, -36, u * 1.8 + fl, -5); g.stroke(); }); g.globalAlpha = 1;
+    // 腰带＋下摆镶边
+    g.fillStyle = 'rgba(30,20,20,.35)'; g.fillRect(-10, -66, 20, 3.5);
+    g.strokeStyle = under || lt; g.lineWidth = 2.2; g.beginPath(); g.moveTo(-hem + fl, -4); g.quadraticCurveTo(0, 2, hem + fl, -4); g.stroke();
+    // 袖与手：上臂沿身侧，前臂随 arm 抬起（拉手/持物）
+    const ax = 9, ay = H0 + 26, ex = 13 + arm * 7, ey = -64 + arm * 8, hx = 14 + arm * 11, hy = -52 - arm * 22;
+    g.strokeStyle = mid; g.lineWidth = 6.5; g.beginPath(); g.moveTo(-ax, ay); g.lineTo(-ex, ey); g.lineTo(-hx, hy); g.moveTo(ax, ay); g.lineTo(ex, ey); g.lineTo(hx, hy); g.stroke();
+    g.fillStyle = skin; g.beginPath(); g.arc(-hx, hy, 3, 0, TAU); g.arc(hx, hy, 3, 0, TAU); g.fill();
+    // 颈、头（小，3/4：脸偏一侧，耳后一团头发）
+    g.fillStyle = skin; g.fillRect(-2.6, H0 + 12, 5.2, 7);
+    g.beginPath(); g.ellipse(0.8, H0 + 5, 6.4, 7.6, 0, 0, TAU); g.fill();
+    g.fillStyle = 'rgba(120,60,40,.25)'; g.beginPath(); g.ellipse(-2.8, H0 + 5, 3.2, 6.8, 0, 0, TAU); g.fill();
+    g.fillStyle = hair; g.beginPath(); g.ellipse(-2.4, H0 + 1.5, 6.2, 6.4, 0, Math.PI * 0.55, Math.PI * 1.9); g.fill();
+    g.fillStyle = '#3a2a22'; g.fillRect(3.6, H0 + 4, 1.8, 1.8);
+    if (hat) { g.fillStyle = M.css(hat); g.beginPath(); g.ellipse(-0.6, H0 - 1.5, 7.8, 4.2, 0, Math.PI, TAU); g.fill(); g.fillRect(-7.4, H0 - 3, 14.6, 3); g.fillStyle = 'rgba(0,0,0,.2)'; g.fillRect(-7.4, H0 - 0.5, 14.6, 1.6); }
+    if (carry) { g.fillStyle = carry; g.beginPath(); g.ellipse(hx + 6, hy - 6, 9, 7, 0, 0, TAU); g.fill(); }
+    g.restore();
+  }
+  const COL = [['#b8402e', null], ['#2f5d94', '#2f5d94'], ['#d9b04a', null], ['#f1ead6', '#b8402e'], ['#6e8a52', null], ['#8c3d5a', '#8c3d5a']];
+  function draw(c, lt) {
+    if (!built) build();
+    const t = clamp(lt, 0, 6);
+    const live = P.scratch('lorenz_live'), g = live.getContext('2d'); g.reset(); g.drawImage(plate, 0, 0);
+    // 圈舞：六人绕椭圆，彼此牵手，前后按 y 排序
+    const cx = 760, cy = 850, rx = 150, ry = 36, rot = t * 0.9, ring = [];
+    for (let i = 0; i < 6; i++) { const a = rot + i / 6 * TAU; ring.push({ x: cx + Math.cos(a) * rx, y: cy + Math.sin(a) * ry, i, a }); }
+    g.strokeStyle = '#3d2f28'; g.lineWidth = 3; g.beginPath(); ring.slice().sort((a, b) => a.i - b.i).forEach((p, k, arr) => { const q = arr[(k + 1) % 6]; g.moveTo(p.x, p.y - 44); g.lineTo(q.x, q.y - 44); }); g.stroke();
+    ring.sort((p, q) => p.y - q.y).forEach(p => { tiny(g, p.x, p.y, 1.15, { robe: COL[p.i][0], hat: COL[p.i][1], face: Math.sin(p.a) > 0 ? 1 : -1, arm: 0.5 + Math.sin(t * 4 + p.i) * 0.12, walk: t * 6 + p.i }); });
+    // 满街人流：十几个行人，各自按自己的速度和方向在街上走（循环），按 y 近大远小；两三人一伙并肩，一人带货
+    const WALK = [[0,830,.07,'#b8402e','#2f5d94'],[0,842,.07,'#f1ead6',null],[0,990,.05,'#2f5d94',null],[0,1002,.05,'#8c3d5a','#b8402e'],[0,880,.04,'#6e8a52','#d9b04a'],
+      [1,900,.045,'#d9b04a',null],[1,914,.045,'#b8402e','#2f5d94'],[1,928,.045,'#6e8a52','#8c3d5a'],[0,950,.06,'#f1ead6','#8c3d5a'],[0,800,.035,'#2f5d94','#b8402e'],[1,812,.035,'#d9b04a',null],[1,972,.055,'#6e8a52',null],[0,860,.03,'#8c3d5a',null],
+      [1,820,.04,'#b8402e',null],[1,834,.04,'#f1ead6','#2f5d94'],[0,918,.05,'#2f5d94','#d9b04a'],[0,932,.05,'#d9b04a',null],[1,1000,.03,'#8c3d5a','#2f5d94'],[0,792,.05,'#6e8a52',null],[1,968,.06,'#b8402e','#8c3d5a']];
+    const people = WALK.map((w, i) => { const dir = w[0] ? -1 : 1, u = ((i * 0.137 + t * w[2] * dir) % 1 + 1) % 1; return { x: -60 + u * 2040, y: w[1], s: 0.82 + (w[1] - 790) / 400, dir, c: w[3], h: w[4], ph: t * 6 * (0.6 + w[2] * 8) + i * 1.9, i }; });
+    people.sort((a, b) => a.y - b.y).forEach(q => { if (q.x > 1040 && q.x < 1400 && q.y < 830) return; if (Math.abs(q.x - cx) < rx + 60 && Math.abs(q.y - cy) < ry + 70) return; tiny(g, q.x, q.y, q.s, { robe: q.c, hat: q.h, face: q.dir, walk: q.ph, arm: 0.1, carry: q.i % 5 === 2 ? '#d6c79a' : null }); });
+    // 驮骡过街：左→右，驮两只麻袋，驭者在前
+    const mu = lerp(-300, 1900, ss(0, 6, t)), my = 1002;
+    g.save(); g.translate(mu, my); g.scale(0.85, 0.85); g.fillStyle = '#7a6a5a'; g.beginPath(); g.ellipse(0, -54, 70, 30, 0, 0, TAU); g.fill(); g.fillRect(48, -86, 30, 40); g.beginPath(); g.ellipse(86, -86, 22, 14, -0.3, 0, TAU); g.fill();
+    for (let l = 0; l < 4; l++) { const sw = Math.sin(t * 7 + l * 1.6) * 6; g.fillRect(-50 + l * 32 + sw * (l % 2 ? 1 : -1), -30, 10, 34); }
+    g.fillStyle = '#d6c79a'; g.beginPath(); g.ellipse(-20, -90, 30, 24, 0, 0, TAU); g.ellipse(26, -92, 28, 22, 0, 0, TAU); g.fill(); g.restore();
+    tiny(g, mu + 150, my + 6, 1.3, { robe: '#d9b04a', hat: '#2f5d94', walk: t * 7 });
+    // 作坊里的鞋匠：槌起槌落
+    const hm = Math.abs(Math.sin(t * 6));
+    tiny(g, 190, 688, 1.7, { robe: '#2f5d94', hat: '#b8402e', arm: 0.2 + hm * 0.8 });
+    g.strokeStyle = '#4a3a30'; g.lineWidth = 5; g.beginPath(); g.moveTo(224, 646 - hm * 22); g.lineTo(246, 622 - hm * 30); g.stroke();
+    // 脚手架：吊石头（绳从顶梁下来），上面一人拉绳
+    const up = ss(0.4, 5.6, t), sy = lerp(740, 330, up);
+    g.strokeStyle = '#6a4a34'; g.lineWidth = 3; g.beginPath(); g.moveTo(1285, 260); g.lineTo(1285, sy - 8); g.stroke();
+    g.fillStyle = '#9a9488'; g.beginPath(); g.moveTo(1262, sy); g.lineTo(1308, sy); g.lineTo(1304, sy + 36); g.lineTo(1266, sy + 38); g.closePath(); g.fill();
+    tiny(g, 1290, 262, 1.3, { robe: '#d9b04a', hat: '#8c3d5a', arm: 0.6 + Math.sin(t * 5) * 0.2, face: -1 });
+    tiny(g, 1180, 786, 1.5, { robe: '#b8402e', hat: '#2f5d94', arm: 0.5 + Math.sin(t * 5) * 0.25 });                            // 地面拉绳的人
+    // 台阶上下几个行人
+    [[1130, 744, '#6e8a52'], [1250, 672, '#f1ead6']].forEach(([x, y, col], i) => tiny(g, x + Math.sin(t * 0.8 + i) * 8, y, 1.4, { robe: col, hat: i ? '#b8402e' : null, walk: t * 5 + i, face: -1 }));
+    // 塔顶小旗
+    g.fillStyle = '#b8402e'; g.beginPath(); g.moveTo(635, 38); g.lineTo(700 + Math.sin(t * 5) * 6, 52); g.lineTo(635, 70); g.fill(); g.strokeStyle = '#4a3a30'; g.lineWidth = 3; g.beginPath(); g.moveTo(635, 30); g.lineTo(635, 80); g.stroke();
+    M.fresco(c, live, { ground: GROUND(), chalk: 0.06, soften: 0.6, plasterAlpha: 0.5, sat: 1.1 });
+  }
+  return { draw };
+})();

package/engine/scenes/44_cortona.js

@@ -0,0 +1,86 @@
+// 科尔托纳（巴洛克天顶，巴贝里尼宫《神意的寓言》）：画出来的灰泥框和镀金圆章把天顶「打开」，中间是一片从中心往外发暖金光的天；云团堆成体积，人群绕着中心旋转，身体、衣带和云都漫出框外。
+// 题材（新构图，不搬名作）：一个仰视的天顶——灰泥画框里的天空开口，一圈人在云上绕着光旋转，红蓝衣带随风绕过画框。
+// 原作锚定（fetch_reference.py：《神意的寓言》天顶、《劫掠萨宾妇女》；第三条搜索与第一条同幅被丢弃，只有两幅不同原作）：
+//   框＝象牙灰泥 #e4d8be＋镀金 #c89a3c＋深棕阴影、角上金圆章；天＝中心 #fff0c0 → #e8c07a → 边缘群青 #3a4a82；云内亮外暗；袍色猩红 #b83a3a、群青 #3a5ea8、赭 #c89a4a；对角线运动。
+// 管线：形层（暗背景→画框灰泥带＋角圆章＋蛋形纹→开口天空渐变与光芒→云团）→ 人群与衣带（旋转，漫出框）→ MEDIUM.fresco（轻糊、灰泥颗粒）→ 中心光再叠一层加法光。
+SCENES['44_cortona'] = (() => {
+  const W = 1920, H = 1080, { clamp, lerp, rng, ss } = U, P = PAINT, M = MEDIUM, TAU = Math.PI * 2;
+  const CX = 960, CY = 540, RX = 560, RY = 300;
+  const ROB = { red: ['#f08a7c', '#b83a3a', '#6a1c26'], blue: ['#9ab4ea', '#3a5ea8', '#1c2f62'], ochre: ['#f2d896', '#c89a4a', '#7a5a22'], white: ['#fffaf0', '#e8dcc0', '#a89868'], green: ['#a8d0a0', '#5a8a64', '#2c4a3a'], rose: ['#f6c0c0', '#d27a86', '#8a3a4a'] };
+  let plate, built = false;
+  const rr = (g, x, y, w, h, r) => { g.beginPath(); g.moveTo(x + r, y); g.arcTo(x + w, y, x + w, y + h, r); g.arcTo(x + w, y + h, x, y + h, r); g.arcTo(x, y + h, x, y, r); g.arcTo(x, y, x + w, y, r); g.closePath(); };
+  function cloud(g, x, y, r, seed) {                             // 云团：一个整体的凹凸轮廓，沿朝向中心的方向打光（内亮外暗），外侧弧线勾出团块
+    const rn = rng(seed), dx = CX - x, dy = CY - y, d = Math.hypot(dx, dy) || 1, ux = dx / d, uy = dy / d, cs = [];
+    for (let i = 0; i < 8; i++) cs.push([x + (rn() - .5) * r * 2.0, y + (rn() - .5) * r * 0.9, r * (0.34 + rn() * 0.34)]);
+    const path = new Path2D(); cs.forEach(([px, py, rad]) => { path.moveTo(px + rad, py); path.arc(px, py, rad, 0, TAU); });
+    g.save(); g.clip(path);
+    const gr = g.createLinearGradient(x - ux * r * 1.4, y - uy * r * 1.4, x + ux * r * 1.4, y + uy * r * 1.4); gr.addColorStop(0, '#6e6890'); gr.addColorStop(0.35, '#c3a6a2'); gr.addColorStop(0.7, '#f0cc98'); gr.addColorStop(1, '#fff3d0');
+    g.fillStyle = gr; g.fillRect(x - r * 2.4, y - r * 2, r * 4.8, r * 4);
+    cs.forEach(([px, py, rad]) => { g.strokeStyle = 'rgba(86,76,120,.3)'; g.lineWidth = Math.max(4, rad * 0.14); g.beginPath(); g.arc(px, py, rad * 0.92, Math.atan2(-uy, -ux) - 1.0, Math.atan2(-uy, -ux) + 1.0); g.stroke();
+      g.strokeStyle = 'rgba(255,248,222,.4)'; g.lineWidth = Math.max(3, rad * 0.08); g.beginPath(); g.arc(px, py, rad * 0.9, Math.atan2(uy, ux) - 0.8, Math.atan2(uy, ux) + 0.8); g.stroke(); });
+    g.restore();
+  }
+  function build() {
+    plate = P.canvas(); const g = plate.getContext('2d'), rn = rng(4);
+    g.fillStyle = '#2a1e1c'; g.fillRect(0, 0, W, H);
+    // 开口天空：中心暖金 → 边缘群青，加放射光
+    const ix = 190, iy = 118, iw = 1540, ih = 844, ir = 150;
+    g.save(); rr(g, ix, iy, iw, ih, ir); g.clip();
+    const sg = g.createRadialGradient(CX, CY - 20, 20, CX, CY, 900); sg.addColorStop(0, '#fff6d0'); sg.addColorStop(0.22, '#f4d58e'); sg.addColorStop(0.5, '#c2a0a0'); sg.addColorStop(0.8, '#5a669a'); sg.addColorStop(1, '#2c3a72'); g.fillStyle = sg; g.fillRect(0, 0, W, H);
+    g.globalCompositeOperation = 'screen'; for (let i = 0; i < 28; i++) { const a = i / 28 * TAU, w = 0.04 + (i % 3) * 0.02; g.fillStyle = 'rgba(255,238,190,.09)'; g.beginPath(); g.moveTo(CX, CY); g.lineTo(CX + Math.cos(a - w) * 1100, CY + Math.sin(a - w) * 1100); g.lineTo(CX + Math.cos(a + w) * 1100, CY + Math.sin(a + w) * 1100); g.closePath(); g.fill(); } g.globalCompositeOperation = 'source-over';
+    // 环绕的云团
+    for (let i = 0; i < 16; i++) { const a = i / 16 * TAU + rn() * 0.2, k = 0.9 + rn() * 0.2; cloud(g, CX + Math.cos(a) * RX * k * 1.05, CY + Math.sin(a) * RY * k * 1.12, 90 + rn() * 70, 40 + i); }
+    for (let i = 0; i < 4; i++) { const a = i / 4 * TAU + 0.4; cloud(g, CX + Math.cos(a) * 250, CY + Math.sin(a) * 130, 60 + rn() * 30, 90 + i); }
+    g.restore();
+    // 画框：三层灰泥带，向内一层比一层亮，外层有深色阴影缝；内缘金线；蛋形纹
+    const bands = [[0, '#9c8a6e'], [34, '#e4d8be'], [74, '#cbbd9c'], [112, '#f0e6cc'], [140, '#c89a3c']];
+    bands.forEach(([off, col], k) => { g.fillStyle = col; rr(g, ix - 150 + off, iy - 100 + off * 0.65, iw + 300 - off * 2, ih + 200 - off * 1.3, ir + 150 - off); g.fill(); });
+    g.save(); rr(g, ix, iy, iw, ih, ir); g.clip(); g.fillStyle = 'rgba(0,0,0,.12)'; g.fillRect(0, 0, W, H); g.restore();
+    g.globalCompositeOperation = 'destination-over'; g.globalCompositeOperation = 'source-over';
+    // 重画天空开口（帧压住了），保证「开口」在帧之上
+    g.save(); rr(g, ix, iy, iw, ih, ir); g.clip(); g.drawImage(skyOnly(), 0, 0); g.restore();
+    g.strokeStyle = '#c89a3c'; g.lineWidth = 12; rr(g, ix, iy, iw, ih, ir); g.stroke(); g.strokeStyle = 'rgba(60,40,20,.5)'; g.lineWidth = 4; rr(g, ix - 8, iy - 8, iw + 16, ih + 16, ir + 8); g.stroke();
+    // 蛋形纹沿框走
+    g.fillStyle = '#f6eed8'; for (let i = 0; i < 70; i++) { const q = i / 70, th = q * TAU, x = CX + Math.cos(th) * (iw / 2 + 52), y = CY + Math.sin(th) * (ih / 2 + 52); g.save(); g.translate(x, y); g.rotate(th + Math.PI / 2); g.beginPath(); g.ellipse(0, 0, 6, 11, 0, 0, TAU); g.fill(); g.strokeStyle = 'rgba(120,96,60,.6)'; g.lineWidth = 1.6; g.stroke(); g.restore(); }
+    // 四角金圆章
+    [[ix - 20, iy - 14], [ix + iw + 20, iy - 14], [ix - 20, iy + ih + 14], [ix + iw + 20, iy + ih + 14]].forEach(([x, y]) => { const gr = g.createRadialGradient(x - 14, y - 14, 4, x, y, 76); gr.addColorStop(0, '#fff0b8'); gr.addColorStop(0.5, '#d0a040'); gr.addColorStop(1, '#7a5a1c'); g.fillStyle = gr; g.beginPath(); g.arc(x, y, 76, 0, TAU); g.fill(); g.strokeStyle = '#f6eed8'; g.lineWidth = 9; g.stroke(); g.strokeStyle = 'rgba(80,50,20,.7)'; g.lineWidth = 3; g.beginPath(); g.arc(x, y, 50, 0, TAU); g.stroke(); });
+    // 外缘最深的阴影，把画框「压」进天顶
+    const vg = g.createRadialGradient(CX, CY, 600, CX, CY, 1150); vg.addColorStop(0, 'rgba(30,20,20,0)'); vg.addColorStop(1, 'rgba(30,20,20,.55)'); g.fillStyle = vg; g.fillRect(0, 0, W, H);
+    built = true;
+  }
+  let _sky = null; function skyOnly() { if (_sky) return _sky; const cv = P.canvas(), g = cv.getContext('2d'), rn = rng(4);
+    const sg = g.createRadialGradient(CX, CY - 20, 20, CX, CY, 900); sg.addColorStop(0, '#fff6d0'); sg.addColorStop(0.22, '#f4d58e'); sg.addColorStop(0.5, '#c2a0a0'); sg.addColorStop(0.8, '#5a669a'); sg.addColorStop(1, '#2c3a72'); g.fillStyle = sg; g.fillRect(0, 0, W, H);
+    g.globalCompositeOperation = 'screen'; for (let i = 0; i < 28; i++) { const a = i / 28 * TAU, w = 0.04 + (i % 3) * 0.02; g.fillStyle = 'rgba(255,238,190,.09)'; g.beginPath(); g.moveTo(CX, CY); g.lineTo(CX + Math.cos(a - w) * 1100, CY + Math.sin(a - w) * 1100); g.lineTo(CX + Math.cos(a + w) * 1100, CY + Math.sin(a + w) * 1100); g.closePath(); g.fill(); } g.globalCompositeOperation = 'source-over';
+    for (let i = 0; i < 16; i++) { const a = i / 16 * TAU + rn() * 0.2, k = 0.9 + rn() * 0.2; cloud(g, CX + Math.cos(a) * RX * k * 1.05, CY + Math.sin(a) * RY * k * 1.12, 90 + rn() * 70, 40 + i); }
+    for (let i = 0; i < 4; i++) { const a = i / 4 * TAU + 0.4; cloud(g, CX + Math.cos(a) * 250, CY + Math.sin(a) * 130, 60 + rn() * 30, 90 + i); }
+    return (_sky = cv); }
+  // 衣带：沿螺旋线的一条绸，宽度起伏、两面深浅不同
+  function ribbon(g, t, ph, col, R0, dir) {
+    const N = 60, L = [], Rr = [];
+    for (let i = 0; i <= N; i++) { const q = i / N, a = ph + dir * (t * 0.35 + q * 2.4), r = lerp(0.55, 1.05, q + Math.sin(q * 6 + t) * 0.05), x = CX + Math.cos(a) * RX * r * R0, y = CY + Math.sin(a) * RY * r * R0, w = 46 * Math.sin(q * Math.PI) * (0.6 + 0.4 * Math.cos(q * 9 + t * 2));
+      const nl = Math.hypot(Math.cos(a) * RY, Math.sin(a) * RX) || 1, nx = Math.cos(a) * RY / nl, ny = Math.sin(a) * RX / nl; L.push([x + nx * w, y + ny * w]); Rr.push([x - nx * w, y - ny * w]); }
+    g.fillStyle = col[1]; g.beginPath(); L.forEach((p, i) => i ? g.lineTo(p[0], p[1]) : g.moveTo(p[0], p[1])); Rr.reverse().forEach(p => g.lineTo(p[0], p[1])); g.closePath(); g.fill();
+    g.strokeStyle = col[0]; g.lineWidth = 3; g.beginPath(); L.forEach((p, i) => i ? g.lineTo(p[0], p[1]) : g.moveTo(p[0], p[1])); g.stroke();
+  }
+  function draw(c, lt) {
+    if (!built) build();
+    const t = clamp(lt, 0, 6);
+    const live = P.scratch('cort_live'), g = live.getContext('2d'); g.reset(); g.drawImage(plate, 0, 0);
+    ribbon(g, t, 0.5, ROB.red, 0.95, 1); ribbon(g, t, 3.4, ROB.blue, 0.82, 1);
+    // 人群：绕中心旋转，头朝外（徐徐翻转），手臂举向光；半数漫出画框
+    const FIG = [['red', 'ochre', 0.0, 260, 1], ['blue', 'rose', 0.7, 240, -1], ['white', 'blue', 1.4, 250, 1], ['ochre', 'red', 2.1, 230, -1], ['green', 'white', 2.8, 255, 1], ['rose', 'blue', 3.5, 235, -1], ['blue', 'ochre', 4.2, 245, 1], ['red', 'green', 4.9, 240, -1], ['white', 'rose', 5.6, 250, 1]];
+    FIG.forEach(([rb, mt, a0, h, face], i) => {
+      const a = a0 + t * 0.22, k = 0.92 + 0.12 * Math.sin(a0 * 2.1), x = CX + Math.cos(a) * RX * k * 1.04, y = CY + Math.sin(a) * RY * k * 1.1, rot = a + Math.PI / 2 + 0.5 * Math.sin(t * 0.8 + i);
+      g.save(); g.translate(x, y); g.rotate(rot + Math.PI); const sz = h * (0.78 + 0.22 * ((Math.sin(a) + 1) / 2));
+      M.figure(g, { x: 0, y: sz * 0.5, h: sz, face, lean: 0.12 * Math.sin(t * 1.3 + i), bow: 0.1, t, seed: 60 + i, halo: false, robe: ROB[rb], mantle: ROB[mt], under: '#f6ecd0', skin: '#e6b48a', hair: '#5b3a22', sway: 0.9,
+        gaze: [0, -sz * 0.9], hands: [[-sz * 0.34 * face, -sz * 0.34 + Math.sin(t * 2 + i) * 8], [sz * 0.3 * face, -sz * 0.18]] });
+      g.restore();
+    });
+    // 中心：金色圆光里一位白衣者（最亮），光晕呼吸
+    const br = 0.5 + 0.5 * Math.sin(t * 1.6), cg = g.createRadialGradient(CX, CY, 10, CX, CY, 220 + br * 30); cg.addColorStop(0, 'rgba(255,248,214,.95)'); cg.addColorStop(1, 'rgba(255,230,160,0)'); g.fillStyle = cg; g.beginPath(); g.arc(CX, CY, 260, 0, TAU); g.fill();
+    g.save(); g.translate(CX, CY + 10); g.rotate(Math.sin(t * 0.5) * 0.1); M.figure(g, { x: 0, y: 120, h: 240, face: 1, lean: 0.04, t, seed: 99, halo: true, robe: ROB.white, mantle: ROB.ochre, under: '#fffaf0', skin: '#f0c49a', hair: '#8a5a2a', sway: 0.8, gaze: [0, -150], hands: [[-70, -26], [70, -26]] }); g.restore();
+    M.fresco(c, live, { ground: M.plaster('cortona', { base: '#d8c8a8', seed: 17 }), chalk: 0.03, soften: 0.4, plasterAlpha: 0.32, sat: 1.12 });
+    c.save(); c.globalCompositeOperation = 'screen'; const hg = c.createRadialGradient(CX, CY, 0, CX, CY, 520); hg.addColorStop(0, `rgba(255,236,180,${0.28 + br * 0.1})`); hg.addColorStop(1, 'rgba(255,220,150,0)'); c.fillStyle = hg; c.fillRect(0, 0, W, H); c.restore();
+  }
+  return { draw };
+})();