// scenes-a.jsx — Beats 1, 2, 3 // (Pre-registration, Measurement, Signed run hash) // ───────────────────────────────────────────────────────────────────────── // BEAT 1 — Pre-registration (0–4.4s) // Document icon slides in from left; headline reveals letter-by-letter; // commit SHA fades in beneath; small orange "locked" dot fades in. // ───────────────────────────────────────────────────────────────────────── function DocIcon({ slideIn = 0, lockAt = 3.2 }) { const { localTime } = useSprite(); // slide in from x = -400 over [slideIn, slideIn+0.7] const slideT = clamp((localTime - slideIn) / 0.7, 0, 1); const tx = -400 + 400 * Easing.easeOutCubic(slideT); const op = Easing.easeOutCubic(slideT); // locked dot scale-in const lockT = clamp((localTime - lockAt) / 0.35, 0, 1); const lockScale = Easing.easeOutCubic(lockT); return (
{/* page body */} {/* folded corner */} {/* "text" rules */} {[100, 124, 148, 172, 196, 220, 244].map((y, i) => ( ))} {/* small heading bar */} {/* orange "locked" dot in top-right interior */}
); } function Beat1() { const op = useBeatOpacity(0.4, 0.5); return (
{/* Headline — letter by letter, large serif */}

{/* Sub: commit hash */} {/* Tiny side caption */}
); } function Sub1Beneath() { const { localTime } = useSprite(); const t = clamp((localTime - 2.7) / 0.55, 0, 1); const op = Easing.easeOutCubic(t); const ty = (1 - op) * 8; return (
commit    a3f9c1b8d2e4 …   ·   locked 2026-02-14 09:31Z
); } function Caption1() { const { localTime } = useSprite(); const t = clamp((localTime - 3.0) / 0.55, 0, 1); const op = Easing.easeOutCubic(t); return (
Hypotheses, model versions, and decoding settings are committed to the public repository before any silicon is touched.
); } // ───────────────────────────────────────────────────────────────────────── // BEAT 2 — Measurement (4–8.4s) // SoC line-drawing with power meter; three animated counters settle. // ───────────────────────────────────────────────────────────────────────── function SoCSchematic({ start = 0 }) { const { localTime } = useSprite(); const t = clamp((localTime - start) / 0.9, 0, 1); const op = Easing.easeOutCubic(t); // Trace pulse on the power line const pulseT = clamp((localTime - 0.9) / 1.2, 0, 1); const pulseX = 360 + pulseT * 220; return (
{/* SoC outer package */} {/* die outline */} {/* compute cluster grid — 4×2 cores */} {Array.from({ length: 8 }).map((_, i) => { const col = i % 4, row = Math.floor(i / 4); return ( ); })} {/* NPU block */} NPU {/* Memory block */} UMA {/* Pin marks (bottom edge) */} {Array.from({ length: 14 }).map((_, i) => ( ))} {/* Caption */} SoC — APPLE SILICON M-SERIES {/* Power line to meter */} {/* Drop to meter */} {/* Travelling pulse */} {pulseT > 0 && pulseT < 1 && ( )} {/* Power meter — gauge */} {/* tick marks */} {Array.from({ length: 9 }).map((_, i) => { const a = (-Math.PI * 1.2) + i * (Math.PI * 1.4 / 8); const x1 = 500 + Math.cos(a) * 32; const y1 = 260 + Math.sin(a) * 32; const x2 = 500 + Math.cos(a) * 38; const y2 = 260 + Math.sin(a) * 38; return ; })} {/* needle — sweeps to ~0.65 of arc */} {(() => { const sweep = clamp((localTime - 1.2) / 1.4, 0, 1); const eased = Easing.easeOutCubic(sweep); const a = (-Math.PI * 1.2) + eased * 0.7 * (Math.PI * 1.4); const nx = 500 + Math.cos(a) * 30; const ny = 260 + Math.sin(a) * 30; return ( ); })()} POWER METER · TYPE-C PASS-THRU
); } function Beat2() { const op = useBeatOpacity(0.45, 0.5); return (
{/* Headline */}
Direct measurement.
{/* Sub */} {/* Three counters on right side */}
); } function Beat2Sub() { const { localTime } = useSprite(); const op = Easing.easeOutCubic(clamp((localTime - 0.55) / 0.5, 0, 1)); return (
Throughput, energy, and quality recorded under a two-hour thermal soak — not synthesized, not vendor-reported.
); } function CounterRow({ label, value, unit, decimals, start, top, accent = false }) { const { localTime } = useSprite(); const op = Easing.easeOutCubic(clamp((localTime - start) / 0.45, 0, 1)); const ty = (1 - op) * 10; return (
{label}
{unit}
); } function Counters() { return ( ); } // ───────────────────────────────────────────────────────────────────────── // BEAT 3 — Signed run hash (8–12.4s) // Three hairline manifest blocks; checkmarks fade in sequentially. // ───────────────────────────────────────────────────────────────────────── function ManifestBlock({ label, hash, start, x }) { const { localTime } = useSprite(); // Block enters with slide-up const enterT = clamp((localTime - start) / 0.6, 0, 1); const op = Easing.easeOutCubic(enterT); const ty = (1 - op) * 14; // Hash typing reveal const hashStart = start + 0.35; const hashEnd = hashStart + 0.7; // Checkmark const checkT = clamp((localTime - (start + 1.1)) / 0.45, 0, 1); const checkOp = Easing.easeOutCubic(checkT); const checkScale = checkT; return (
{/* Top label */}
Manifest SHA-256
{/* Hash (mono, broken into two lines like a print receipt) */}

{/* hairline separator */}
{/* Bottom: label + checkmark */}
{label}
); } function Beat3() { const op = useBeatOpacity(0.45, 0.5); return (
Each artifact is signed.
); } function Beat3Sub() { const { localTime } = useSprite(); const op = Easing.easeOutCubic(clamp((localTime - 0.55) / 0.5, 0, 1)); return (
Outputs, configuration, and power telemetry are hashed and committed to an append-only ledger before review begins.
); } Object.assign(window, { Beat1, Beat2, Beat3 });