@docyrus/animaguru 0.22.0 → 0.24.0

package/templates/video/src/studies/scenes.ts

@@ -1,6 +1,8 @@
 import copy from "../../shared/locales/en/style-studies.json";
 import { clamp, ease, hash, lerp, progress, sampled, spring, strokePoints, type Point } from "./timing";
 import { type Paint, type StudyNode, type StudyFrame, STUDY_DURATION } from "./model";
+import { plotterFrame, plotterReadout } from "./anatomy-plotter";
+import { ANATOMY_PALETTES } from "../kit/anatomy/palette";
 export const STUDY_IDS = Object.keys(copy.styles) as (keyof typeof copy.styles)[];
 export type StudyId = keyof typeof copy.styles;
 /** Original geometry and choreography; source inspirations are recorded in skill references. */
@@ -175,6 +177,25 @@ const scenes: Record<StudyId, (d: Drawing, t: number) => void> = {
     d.rect(740, 359, 148, 62, "#123b5a");
     d.text("FIG. 01", 755, 379, 18, "#dbedf0", "left", "mono");
   },
+  "machine-anatomy": (d, t) => {
+    const c = ANATOMY_PALETTES.light;
+    d.background(c.page);
+    d.rect(36, 28, 888, 470, c.card).resource = "material";
+    d.path("M36,28 L924,28 L924,498 L36,498 Z", "none", c.line.mid, 1).resource = "material";
+    const figure = plotterFrame(t, { width: 828, height: 368, start: .8, step: .82, intro: false });
+    for (const mark of figure.marks) {
+      if (mark.kind === "path" && mark.halo)
+        continue;
+      const node = mark.kind === "dot" ? d.ellipse(mark.x, mark.y, mark.r, mark.r, mark.fill, mark.opacity) : d.path(mark.d, mark.fill ?? "none", mark.stroke, mark.width, mark.opacity);
+      node.transform = { x: 66, y: 86 + mark.dy };
+    }
+    const label = (text: string, x: number, y: number, color: string, align: StudyNode["align"]) => { d.text(text, x, y, 12, color, align, "mono").weight = "400"; };
+    label("Fig 1", 60, 44, c.text, "left");
+    label(d.lines[0].replace(/\.$/, "").toUpperCase(), 900, 44, c.muted, "right");
+    label(d.lines[2].toUpperCase(), 60, 470, c.muted, "left");
+    label(plotterReadout(figure, copy.styles["machine-anatomy"].readout), 900, 470, c.text, "right");
+    label(d.lines[1], 36, 512, c.muted, "left");
+  },
   "holographic-scan": (d, t) => {
     d.background(gradient("#07262c", "#030d18"));
     d.title("#c7ece6");
@@ -396,6 +417,364 @@ const scenes: Record<StudyId, (d: Drawing, t: number) => void> = {
     }
     d.text(d.lines[2], 480, 437, 20, "#c3d9c6", "center");
   },
+  "satellite-briefing": (d, t) => {
+    d.background(gradient("#3a3f42", "#121619"));
+    d.grain("#d6dbde", .07, 320);
+    // Each dated pass leaves its shoreline; the current one is white, earlier ones stay as dimmer history.
+    const shore = (r: number): Point[] => Array.from({ length: 49 }, (_, i) => { const a = i / 48 * Math.PI * 2, k = r * (1 + .17 * Math.sin(a * 3 + 1) + .07 * Math.sin(a * 7 + 2)); return [470 + Math.cos(a) * k * 1.45, 278 + Math.sin(a) * k]; });
+    const sizes = [118, 96, 76, 58], passes = [.5, 1.8, 3, 4.1];
+    const current = passes.filter((at) => t >= at).length - 1, scan = progress(t, passes[Math.max(0, current)], .7);
+    d.poly(shore(sizes[Math.max(0, current)]), "#0c1418");
+    for (let i = 0; i <= current; i++)
+      d.line(shore(sizes[i]), i === current ? "#f2f5f6" : "#9aa4a9", i === current ? 2 : 1.2, i === current ? scan : 1);
+    if (scan < 1) d.rect(0, 100 + scan * 350, 960, 22, "#ffffff", 0, .07);
+    const grow = progress(t, 5.1, 1.2), from = 470 + sizes[0] * 1.45 * 1.05, to = 470 + sizes[3] * 1.45 * .95;
+    if (grow > 0) d.line([[from, 278], [lerp(from, to, grow), 278]], "#ffbe55", 3);
+    d.text(`${Math.round(64 * grow)} km`, 690, 168, 40, "#ffbe55").opacity = progress(t, 5.1, .3);
+    d.title("#e9eef0");
+    d.footer("#9aa6ab");
+    d.text(d.lines[2], 480, 448, 17, "#c9d1d5", "center", "mono");
+  },
+  "briefing-board": (d, t) => {
+    d.background(gradient("#f4f4f0", "#e3e4e0"));
+    d.rect(18, 18, 924, 504, "#d4d6d8", 4, .25);
+    d.title("#2b2d31");
+    d.footer("#5d6066");
+    // Graphite for rules, blue for measurement, red only for the decision.
+    const limit = 640;
+    if (t > .4) d.line([[limit, 120], [limit, 430]], "#1f5fbf", 2, progress(t, .4, .6));
+    const ranges = [330, 560, 760];
+    ranges.forEach((end, i) => {
+      const y = 170 + i * 105, at = .9 + i * 1.1;
+      d.rect(60, y - 28, 110, 56, "#fbfbf8", 3).opacity = progress(t, at, .3);
+      d.ellipse(115, y - 30, 7, 7, "#2a2c30", progress(t, at + .1, .1));
+      if (t > at + .2) d.line([[200, y], [200 + (end - 200) * progress(t, at + .2, .6), y]], "#1f5fbf", 4);
+      if (t <= at + .8) return;
+      if (end < limit) d.line([[70, y - 20], [160, y + 20]], "#d8322b", 4, progress(t, at + .8, .25));
+      else d.line(Array.from({ length: 33 }, (_, k): Point => [end + Math.cos(k / 32 * Math.PI * 2) * 34, y + Math.sin(k / 32 * Math.PI * 2) * 22]), "#d8322b", 3, progress(t, at + .8, .4));
+    });
+    const stamp = spring(t - 5, 1.6, 1, 12), n = d.rect(-120, -34, 240, 68, "#d8322b", 6, progress(t, 5, .1) * .9);
+    n.transform = { x: 790, y: 120, rotation: -.14, scaleX: stamp, scaleY: stamp };
+    const label = d.text(d.lines[2], 0, -12, 17, "#fff6f2", "center");
+    label.transform = n.transform;
+    label.opacity = n.opacity;
+  },
+  "lidar-survey": (d, t) => {
+    d.background("#05080a");
+    d.title("#e8efe9");
+    d.footer("#7f948a");
+    // Returns colour by height; a cutting plane lifts the canopy away, then the ground condenses behind a front.
+    const plane = 60 - 58 * progress(t, 1.6, 2.2), front = 120 + 760 * progress(t, 4, 1.6), colors = ["#1f3f35", "#3f7a62", "#7fb894", "#e2f3dc"];
+    for (let i = 0; i < 900; i++) {
+      const x = 90 + hash(i) * 780, base = 360 + Math.sin(x * .012) * 26, h = hash(i + 700) < .55 ? hash(i + 1400) * 70 : 0;
+      if (h > plane) continue;
+      if (x < front && h === 0) continue;
+      d.ellipse(x, base - h, 1.4, 1.4, h ? colors[Math.min(3, Math.floor(h / 18))] : "#c8b38c", Math.abs(h - plane) < 3 ? 1 : .8);
+    }
+    const ground: Point[] = Array.from({ length: 41 }, (_, i) => { const x = 90 + i * 19.5; return [x, 360 + Math.sin(x * .012) * 26]; });
+    if (t > 4) d.poly([...ground.filter(([x]) => x <= front), [Math.min(front, 870), 430], [90, 430]], gradient("#d6cfc0", "#7b7466", 0, 330, 0, 430));
+    if (t > 5.6) d.line([[220, 352], [420, 368], [610, 345]], "#ffb347", 3, progress(t, 5.6, 1));
+    d.line([[40, 140], [40, 400]], "#9fb3aa", 1);
+    d.line([[34, 400 - 4 * plane], [70, 400 - 4 * plane]], "#d4fff0", 2, t < 4 ? 1 : 0);
+    d.text(d.lines[2], 700, 168, 18, "#ffb347").opacity = progress(t, 5.6, .4);
+  },
+  "white-model-projection": (d, t) => {
+    d.background(gradient("#14171b", "#050608"));
+    d.title("#f2f2ee");
+    d.footer("#9a9fa6");
+    // House lights cut; each block switches on in its decade, then a level of light climbs every facade.
+    const house = t < 1.3 ? 1 : .18, ramp = ["#2f5bff", "#2aa7ff", "#6fe7f5", "#f2fdff"];
+    for (let i = 0; i < 12; i++) {
+      const col = i % 4, row = Math.floor(i / 4), x = 250 + col * 112 - row * 46, y = 340 + row * 46, h = 30 + hash(i) * 90, decade = Math.floor(hash(i + 20) * 4);
+      const lit = progress(t, 1.6 + decade * .55, .15) * (1 - progress(t, 4.2, .3)), level = Math.min(h, 150 * progress(t, 4.6, 1.6));
+      const white = Math.round(40 + 200 * house).toString(16).padStart(2, "0");
+      block(d, x, y - h, 70, h, 34, `#${white}${white}${white}`, "#e8e8e4", "#9a9a96");
+      d.rect(x, y - h, 70, h, ramp[decade], 0, lit * .85);
+      d.rect(x, y - level, 70, level, gradient("#ffb38a", "#6a3cff", 0, y - 150, 0, y), 0, progress(t, 4.6, .3) * (1 - progress(t, 6.6, .4)) * .9);
+    }
+    d.text(d.lines[2], 680, 168, 18, "#e5e8ec").opacity = progress(t, 1.6, .4);
+  },
+  "data-physicalization": (d, t) => {
+    d.background(gradient("#e6e0d6", "#c4beb4"));
+    d.title("#1c1d20");
+    d.footer("#6c6a66");
+    d.poly([[110, 420], [850, 420], [890, 460], [70, 460]], "#5b3a26");
+    // Plates land one by one; every tenth is brass, so each stack is its own ruler.
+    const series = [[22, 20, 18, 14, 13, 12], [5, 8, 11, 15, 19, 26]];
+    series.forEach((values, s) => values.forEach((count, year) => {
+      const x = 150 + year * 120 + s * 46;
+      for (let i = 0; i < count; i++) {
+        const at = .4 + year * .55 + s * .2 + i * .02, drop = (1 - progress(t, at, .2)) * 30;
+        if (t < at - .2) continue;
+        d.rect(x, 410 - i * 9 - drop, 40, 7, (i + 1) % 10 === 0 ? "#d2b07a" : s ? "#8fcfd2" : "#c8ccd1", 1);
+      }
+    }));
+    d.text(d.lines[2], 120, 150, 20, "#d4521c").opacity = progress(t, 4.8, .4);
+  },
+  "exploded-teardown": (d, t) => {
+    d.background(gradient("#34363a", "#0d0e10"));
+    d.title("#f1efe9");
+    d.footer("#8b8984");
+    // Layers lift on one axis, top first; labels land in a fixed column, then the product closes again.
+    const layers = [["#e9e6df", 5], ["#3d4046", 4], ["#d9dfe2", 3], ["#1b5238", 2], ["#c3c6cc", 1], ["#3d4046", 0]] as const;
+    layers.forEach(([color, index], k) => {
+      const open = progress(t, 1 + (5 - index) * .15, 1) * (1 - progress(t, 5.6 + index * .1, .4)), y = 360 - index * 12 - index * 34 * open;
+      d.poly([[260, y], [520, y - 40], [640, y], [380, y + 40]], color, "#00000055", 1);
+      if (index === 2) for (let i = 0; i < 6; i++) d.ellipse(340 + i * 38, y + 6 - i * 6, 10, 5, "#ffb340", progress(t, 2.8, .5) * open * .8);
+      const label = progress(t, 2.6 + k * .2, .3) * (1 - progress(t, 5.2, .3));
+      if (label > 0) d.line([[640, y], [700, 130 + k * 52]], "#f1efe9", 1, label);
+      d.text(`0${k + 1}`, 712, 120 + k * 52, 14, "#ff6b3d", "left", "mono").opacity = label;
+    });
+    d.text(d.lines[2], 740, 120, 18, "#f1efe9").opacity = progress(t, 2.6, .3) * (1 - progress(t, 5.2, .3));
+  },
+  "microscope-story": (d, t) => {
+    d.background(gradient("#2a3036", "#0b0d0f"));
+    d.title("#f4f1ec");
+    d.footer("#9ea6ad");
+    // One continuous dive about a fixed point: cells grow from specks to bodies with nuclei, then a circle is counted.
+    const zoom = Math.exp(Math.log(5) * progress(t, .8, 3.2)), field = { x: 120, y: 96, width: 720, height: 356 };
+    d.rect(120, 96, 720, 356, "#f4f1ec").clip = field;
+    for (let row = -16; row <= 16; row++)
+      for (let col = -30; col <= 30; col++) {
+        const i = (row + 40) * 100 + col + 50, x = 480 + (col * 24 + (hash(i) - .5) * 10) * zoom, y = 274 + (row * 24 + (hash(i + 7) - .5) * 10) * zoom, r = 10 * zoom;
+        if (x < 120 - r || x > 840 + r || y < 96 - r || y > 452 + r) continue;
+        const septum = Math.abs(Math.sin(col * .35 + row * .2)) < .22;
+        d.ellipse(x, y, r, r * .9, septum ? "#4a6cc0" : "#c44e5c", .9).clip = field;
+        if (zoom > 2 && !septum && hash(i + 3) < .75) d.ellipse(x, y, r * .36, r * .34, "#34244f").clip = field;
+      }
+    const ring = progress(t, 4.4, .6);
+    if (ring > 0) d.line(Array.from({ length: 49 }, (_, i): Point => [480 + Math.cos(i / 48 * Math.PI * 2) * 120, 274 + Math.sin(i / 48 * Math.PI * 2) * 120]), "#ffffff", 2, ring);
+    d.rect(140, 410, 120, 3, "#ffffff");
+    d.text(`${Math.round(2 + 3 * progress(t, .8, 3.2))}x`, 268, 400, 14, "#ffffff", "left", "mono");
+    d.text(d.lines[2], 480, 462, 17, "#78f0cd", "center").opacity = progress(t, 5.2, .4);
+  },
+  "archive-light-table": (d, t) => {
+    d.background(gradient("#f7f9fb", "#e3e8ec"));
+    d.title("#15171a");
+    d.footer("#6a7076");
+    // Objects lie on the light; the loupe lands on one and the negative turns positive inside its rim.
+    const power = t < .3 ? .4 : 1;
+    landscape(d, 90, 150, 240, 180, 0);
+    d.rect(90, 150, 240, 180, "#ffffff", 0, 1 - power);
+    d.rect(380, 130, 260, 200, "#1d1f22");
+    landscape(d, 395, 145, 230, 170, 2);
+    d.rect(395, 145, 230, 170, "#f0ece4", 0, .8 * (1 - progress(t, 3, 1.4)));
+    d.rect(680, 230, 190, 140, "#d9d4c8", 2);
+    for (let i = 0; i < 5; i++) d.rect(700, 255 + i * 20, 150 - (i % 2) * 40, 5, "#3a3d44", 1, i === 2 ? 1 : .55);
+    const land = spring(t - 2, 1.35, 1, 14), loupe = d.ellipse(510, 232, 70 * land, 70 * land, "#ffffff", progress(t, 1.95, .1) * .12);
+    loupe.stroke = "#111214";
+    loupe.strokeWidth = 9;
+    if (t > 4.6) d.line([[700, 306], [850, 306]], "#ff5a1f", 2, progress(t, 4.6, .5));
+    d.text(d.lines[2], 680, 410, 17, "#15171a").opacity = progress(t, 3, .5);
+  },
+  "caption-news": (d, t) => {
+    d.background("#141210");
+    // A ledger card behind a rolling hook number; a chunk-slammed keyword block; a document highlighted last.
+    d.rect(0, 70, 960, 300, gradient("#232019", "#141210"));
+    for (let i = 0; i < 5; i++) d.line([[40, 110 + i * 54], [920, 110 + i * 54]], "#ffffff", 1, .06);
+    const hook = progress(t, .15, .5);
+    d.text(Math.round(1300000 * ease(hook)).toLocaleString(), 90, 230, 52, "#ffc21a", "left", "mono").opacity = hook;
+    d.text("colonies lost this year", 90, 270, 20, "#c9c7bd");
+    const chunk = progress(t, 2.6, .25), slam = spring(t - 2.6, 1.3, 1, 16);
+    if (chunk > 0) {
+      d.rect(80, 340, 220 * Math.min(1, slam), 56, "#ffc21a", 4, chunk);
+      d.text("{+6%}", 94, 378, 32, "#0e0e0c").opacity = chunk;
+    }
+    d.text(d.lines[2], 80, 432, 22, "#f7f5ef").opacity = progress(t, 3, .4);
+    if (t > 5) {
+      d.rect(560, 150, 340, 230, "#efe9da");
+      d.text("USDA NASS · 2026", 580, 185, 14, "#5b574a", "left", "mono");
+      d.rect(580, 206, 260 * progress(t, 5.3, .6), 20, "#ffd54a", 0, .6);
+      d.text("6% more managed colonies", 580, 236, 14, "#2a2a26");
+    }
+    d.title("#f7f5ef");
+    d.footer("#8d8b83");
+  },
+  "newsreel": (d, t) => {
+    d.background("#050504");
+    // A projected gate: the ident ritual, then a spinning headline, then an iris to a place card.
+    const gx = 180, gy = 40, gw = 600, gh = 460;
+    d.rect(gx, gy, gw, gh, "#201d16");
+    if (t < 2.4) {
+      const globe = spring(t - .3, 0, 1, 5);
+      d.poly([[gx + gw / 2, gy + gh], [gx + gw / 2 - 260, gy + 40], [gx + gw / 2, gy + 40]], "#efe7d6").opacity = progress(t, .05, .3) * .18;
+      d.poly([[gx + gw / 2, gy + gh], [gx + gw / 2 + 260, gy + 40], [gx + gw / 2, gy + 40]], "#efe7d6").opacity = progress(t, .05, .3) * .18;
+      d.ellipse(gx + gw / 2, gy + gh * .55, 90 * globe, 90 * globe, "#d9d4ca").opacity = progress(t, .3, .4);
+      ring(d, gx + gw / 2, gy + gh * .55, 90 * globe, "#9e978a", 2);
+      d.text("THE WORLD IN REVIEW", gx + gw / 2, gy + gh * .55 + 6, 24, "#161410", "center").opacity = progress(t, 1, .4);
+    } else if (t < 5) {
+      const spin = progress(t, 2.4, .6), n = d.rect(gx + gw / 2 - 150, gy + gh / 2 - 100, 300, 200, "#efe7d6", 2, progress(t, 2.4, .2));
+      n.transform = { x: gx + gw / 2, y: gy + gh / 2, rotation: (1 - spin) * Math.PI * 4, scaleX: .4 + .6 * ease(spin), scaleY: .4 + .6 * ease(spin) };
+      const headline = d.text("HONEY CRISIS?", 0, 10, 28, "#161410", "center");
+      headline.transform = n.transform;
+      headline.opacity = spin;
+    } else {
+      const iris = progress(t, 5, .4);
+      d.rect(gx, gy, gw, gh * (1 - iris), "#050504");
+      d.text("ALMOND VALLEY", gx + gw / 2, gy + gh * .82, 22, "#f3eee4", "center").opacity = progress(t, 5.6, .4);
+      d.text("· 2026 ·", gx + gw / 2, gy + gh * .82 + 30, 15, "#d6cfc0", "center").opacity = progress(t, 5.6, .4);
+    }
+    d.title("#ece7dc");
+    d.footer("#9a9488");
+    d.text(d.lines[2], gx + gw / 2, gy + gh + 34, 15, "#b7b0a2", "center", "mono").opacity = progress(t, 6.2, .4);
+  },
+  "countdown": (d, t) => {
+    d.background("#06080a");
+    // Cells multiply toward zero, then merge into one picture; the clock inverts at T plus.
+    const stages: [number, number][] = [[1, .05], [2, 1], [4, 2.2], [9, 3.6]];
+    let cells = 1;
+    for (const [n, at] of stages) if (t >= at) cells = n;
+    const zero = 6, merged = t >= zero, cols = cells <= 1 ? 1 : cells <= 2 ? 2 : 3, rows = Math.ceil(cells / cols);
+    if (!merged) {
+      const pad = 20, gw = (880 - pad * (cols - 1)) / cols, gh = (380 - pad * (rows - 1)) / rows;
+      for (let i = 0; i < cells; i++) {
+        const cx = 40 + (i % cols) * (gw + pad), cy = 110 + Math.floor(i / cols) * (gh + pad);
+        d.rect(cx, cy, gw, gh, "#0b0e11");
+        d.rect(cx, cy, gw, gh * (.4 + .3 * Math.abs(Math.sin(t * 2 + i))), "#14181c");
+        d.ellipse(cx + 16, cy + 16, 4, 4, "#ff5b1f", .9);
+        d.text(`CAM ${i + 1}`, cx + 28, cy + 20, 12, "#7c878d", "left", "mono");
+      }
+    } else {
+      d.rect(40, 110, 880, 380, "#101418");
+      d.text("LIVE", 480, 310, 30, "#f2f5f7", "center");
+    }
+    const span = merged ? t - zero : Math.max(0, zero - t);
+    if (merged) d.rect(330, 24, 300, 60, "#ff5b1f", 6, progress(t, zero, .12));
+    d.text(`${merged ? "T+" : "T−"}${String(Math.floor(span)).padStart(2, "0")}.${Math.floor((span % 1) * 10)}`, 480, 66, 44, merged ? "#0a0b0c" : "#ff5b1f", "center", "mono");
+    d.title("#f2f5f7");
+    d.footer("#7c878d");
+    d.text(d.lines[2], 480, 448, 16, "#ff5b1f", "center", "mono").opacity = progress(t, zero + .3, .4);
+  },
+  "city-symphony": (d, t) => {
+    const night = progress(t, 4.6, 1.2);
+    d.background(gradient("#bcd4e6", "#e8dcc2"));
+    d.rect(0, 0, 960, 540, gradient("#0b1020", "#05070d")).opacity = night;
+    // A skyline; traffic becomes streaks of light; a grid of streets multiplies with the score; a hard stop.
+    for (let i = 0; i < 9; i++) {
+      const h = 60 + hash(i) * 150, x = 60 + i * 96;
+      block(d, x, 420 - h, 70, h, 24, hash(i + 9) < .5 ? "#cfd3d6" : "#9aa0a6", "#e6e9ea", "#6c7278");
+      d.rect(x, 420 - h, 70, h, "#ffd27a", 0, night * (.15 + .5 * hash(i + 3)));
+    }
+    const speed = t < 2 ? 1 : t < 4 ? 2.4 : t < 4.6 ? 0 : 3.4;
+    if (speed > 0) for (let lane = 0; lane < 3; lane++) {
+      const y = 460 + lane * 10, x = ((t * speed * 140 + lane * 220) % 1040) - 60;
+      d.rect(x, y, 90, 4, "#ffb347", 2, .8);
+      d.rect(x - 40, y, 40, 4, "#ffb347", 2, .25);
+    }
+    if (t >= 4.6 && t < 7.6) {
+      const n = Math.min(16, 4 + Math.floor((t - 4.6) * 12)), cols = Math.ceil(Math.sqrt(n));
+      for (let i = 0; i < n; i++) {
+        const cx = 620 + (i % cols) * 70, cy = 60 + Math.floor(i / cols) * 70;
+        d.rect(cx, cy, 60, 60, hash(i + Math.floor(t * 8)) < .5 ? "#1a2230" : "#2a3a50", 2, .9);
+      }
+    }
+    if (t > 7.6) d.rect(0, 0, 960, 540, "#000000", 0, progress(t, 7.6, .15));
+    d.title(night > .5 ? "#ede8df" : "#2b2a26");
+    d.footer(night > .5 ? "#b0aaa0" : "#6a6560");
+    d.text(d.lines[2], 480, 462, 18, "#d9772f", "center").opacity = progress(t, 1.6, .4) * (1 - progress(t, 7.4, .2));
+  },
+  "visual-investigation": (d, t) => {
+    d.background("#0b0c0e");
+    d.title("#eceae4");
+    d.footer("#8b9097");
+    // Three sources sync to one stopwatch; a frame is frozen, circled and magnified; red links converge on a map.
+    const panels: [number, number, number, number][] = [[60, 100, 230, 170], [320, 100, 230, 170], [580, 100, 230, 170]];
+    const labels = ["照片 · PHOTO", "FBI 电传 · 1937", "原声 · RADIO"];
+    panels.forEach(([x, y, w, h], i) => {
+      const on = progress(t, .4 + i * .6, .2);
+      if (on <= 0) return;
+      d.rect(x, y, w, h, "#141619", 0, on);
+      d.rect(x + 1, y + 1, w - 2, (h - 2) * (.3 + .5 * hash(i + Math.floor(t * 3))), "#2e3238", 0, on * .8);
+      d.text(labels[i], x + 10, y + h - 14, 13, "#8b9097", "left", "mono").opacity = on;
+    });
+    d.text(`T+${t.toFixed(1)}s`, 480, 70, 26, "#ff4a2e", "center", "mono").opacity = progress(t, .1, .4);
+    if (t > 2.6) {
+      ring(d, 205, 185, 40, "#ff4a2e", 3, progress(t, 2.6, .5));
+      if (t > 3.3) { d.ellipse(330, 185, 55, 55, "#141619", .95); ring(d, 330, 185, 55, "#ff4a2e", 2); d.ellipse(205, 185, 20, 20, "#2e3238", progress(t, 3.3, .3)); }
+    }
+    if (t > 5) {
+      const k = progress(t, 5, 1);
+      d.line([[175, 185], [480, 380]], "#ff4a2e", 2, k);
+      d.line([[435, 185], [480, 380]], "#ff4a2e", 2, k);
+      d.line([[695, 185], [480, 380]], "#ff4a2e", 2, k);
+      d.ellipse(480, 380, 10 * k, 10 * k, "#ff4a2e", k);
+    }
+    d.text(d.lines[2], 480, 448, 17, "#8b9097", "center").opacity = progress(t, 6.2, .4);
+  },
+  "kino-montage": (d, t) => {
+    const paper = t < 6.5;
+    d.background(paper ? "#ede4d0" : "#141210");
+    d.title(paper ? "#141210" : "#ede4d0");
+    d.footer(paper ? "#141210" : "#ede4d0");
+    // A grid lights cell by cell; cut-out figures stack into a tower; a red band wipes to the count.
+    const cells = Math.min(9, Math.floor(t * 4));
+    for (let i = 0; i < cells; i++) {
+      const cx = 560 + (i % 3) * 110, cy = 90 + Math.floor(i / 3) * 110;
+      d.rect(cx, cy, 96, 96, i === cells - 1 ? "#d52b1e" : "#141210", 0, .92);
+    }
+    const floors = Math.min(6, Math.floor(t * 1.1));
+    for (let f = 0; f < floors; f++) {
+      const fy = 460 - f * 54, side = f % 2 === 0 ? -1 : 1;
+      d.rect(140 + side * 6, fy, 160, 44, paper ? "#141210" : "#ede4d0");
+      d.poly([[160, fy + 6], [180, fy + 30], [200, fy + 6], [210, fy + 42], [150, fy + 42]], paper ? "#ede4d0" : "#141210");
+    }
+    const wipe = progress(t, 6.4, .3);
+    if (wipe > 0) d.rect(0, 540 - wipe * 540, 960, wipe * 540, "#d52b1e");
+    if (floors > 0) d.text(`${floors}`, 820, 500, 56, "#d52b1e", "center", "mono");
+    d.text(d.lines[2], 480, 40, 20, "#d52b1e", "center").opacity = progress(t, 6.8, .3);
+  },
+  "telestrator": (d, t) => {
+    d.background("#0c1411");
+    d.title("#f4f1e8");
+    d.footer("#9fb3aa");
+    // Watch the play, freeze it, draw on it, then flatten the picture into a top-down board.
+    d.rect(60, 80, 840, 360, gradient("#123324", "#0d2419"));
+    for (let i = 1; i < 6; i++) d.line([[60 + i * 140, 80], [60 + i * 140, 440]], "#1f5c3f", 1, .6);
+    const live = t < 3;
+    if (live) {
+      const ballx = 160 + Math.min(t, 2.4) * 260;
+      d.ellipse(ballx, 260 + Math.sin(t * 3) * 30, 8, 8, "#f4f1e8", 1);
+      d.ellipse(420, 300, 14, 14, "#3fd8ff", 1);
+      d.ellipse(560, 230, 14, 14, "#ffd400", 1);
+    }
+    if (t >= 3 && t < 3.3) d.rect(60, 80, 840, 360, "#ffffff", 0, 1 - (t - 3) / .3);
+    if (t >= 3) {
+      ring(d, 560, 230, 30, "#ffd400", 3, progress(t, 3, .5));
+      d.line([[560, 230], [700, 180]], "#ffd400", 4, progress(t, 3.4, .5));
+      if (t > 3.9) { d.rect(590, 150, 220, 34, "#080c0e"); d.text(d.lines[2], 600, 174, 15, "#ffd400").opacity = progress(t, 3.9, .3); }
+    }
+    const flatten = progress(t, 5.6, 1.2);
+    if (flatten > 0) {
+      d.rect(60, 80, 840, 360, "#0c1411", 0, flatten * .96);
+      d.ellipse(lerp(560, 480, flatten), lerp(230, 260, flatten), lerp(14, 10, flatten), lerp(14, 10, flatten) * .6, "#ffd400", flatten);
+      d.ellipse(lerp(420, 620, flatten), lerp(300, 260, flatten), lerp(14, 10, flatten), lerp(14, 10, flatten) * .6, "#3fd8ff", flatten);
+    }
+    d.text(`❚❚ ${t.toFixed(2)}s`, 90, 60, 15, "#f4f1e8", "left", "mono");
+  },
+  "news-package": (d, t) => {
+    d.background("#121417");
+    // A sting slams in and flies to the corner bug; rundown rows flip and tick; a split-flap board changes value.
+    const slam = spring(t, 1.3, 1, 10), fly = progress(t, 1.2, .5), px = lerp(480, 860, fly), py = lerp(270, 50, fly), ps = lerp(1, .33, fly) * (t < 1.2 ? slam : 1);
+    const plate = d.poly([[-130, -45], [130, -45], [150, 45], [-150, 45]], "#f2cf1d");
+    plate.transform = { x: px, y: py, scaleX: ps, scaleY: ps };
+    const title = d.text("THE WEEK", 0, 8, 40, "#121417", "center");
+    title.transform = plate.transform;
+    title.opacity = 1 - fly * .3;
+    ["MODELS", "MARKETS", "POLICY"].forEach((label, i) => {
+      const at = 1.6 + i * .5, inK = progress(t, at, .3), tick = progress(t, 6.2 + i * .3, .3);
+      if (inK <= 0) return;
+      d.rect(120, 150 + i * 110, 720, 90, "#1b1e23", 4, inK);
+      d.text(label, 150, 205 + i * 110, 28, tick > 0 ? "#f2cf1d" : "#ecece4").opacity = inK;
+      if (tick > 0) d.text("✓", 790, 205 + i * 110, 28, "#f2cf1d").opacity = tick;
+    });
+    if (t > 4.6) {
+      d.rect(560, 470, 90, 56, "#22262c", 4);
+      d.text(progress(t, 4.6, .6) < 1 ? "142" : "156", 605, 506, 28, "#f2cf1d", "center", "mono");
+    }
+    d.title("#ecece4");
+    d.footer("#8b9097");
+    d.text(d.lines[2], 480, 40, 18, "#f2cf1d", "center").opacity = progress(t, 7, .4);
+  },
 };
 function ninety(t: number) { return 87 + 9 * (1 - progress(t, .2)); }
 export function studyFrame(id: StudyId, seconds: number): StudyFrame {

package/templates/video/style-source-provenance.json

@@ -1,11 +1,17 @@
 {
   "lemo-opuscar": {
     "url": "https://github.com/lemomo-ai/lemo-opuscar",
-    "commit": "b65efe6ea393fdc71212898ea4c57c754cfefa46"
+    "commit": "b65efe6ea393fdc71212898ea4c57c754cfefa46",
+    "evidenceFilmsCommit": "b5e8ef93930b6d828f352055a689320f138237b1",
+    "editDocumentaryCommit": "77ee8318df779b0736d7de0abe24387e51023735"
   },
   "awesome-opus5-5-videos": {
     "url": "https://github.com/yihui-dev/awesome-opus5-5-videos",
     "commit": "3d54892e2ae5b0e8d337171e6508bba4cec01ab8"
   },
-  "scope": "Material and motion guidance; original scene study implementations. No source demo assets or creator footage bundled."
+  "anatomy": {
+    "url": "https://github.com/wheresryan22/anatomy",
+    "commit": "1482e8469b0a9e0d8cc18ea2740a01423d29ae80"
+  },
+  "scope": "Material and motion guidance; original scene study implementations. No source demo assets, data or creator footage bundled. The Machine Anatomy kit file src/kit/anatomy/iso-kit.ts is vendored unchanged from anatomy. editDocumentaryCommit pins lemo-opuscar's Edit & Documentary category (caption-news, newsreel, countdown, city-symphony, visual-investigation, kino-montage, telestrator, news-package); none of its archive footage, documents or audio are bundled, only guidance."
 }