diff --git a/tools/rpo-replay/hud.js b/tools/rpo-replay/hud.js
index bdd7ee787..44a8ad095 100644
--- a/tools/rpo-replay/hud.js
+++ b/tools/rpo-replay/hud.js
@@ -4,10 +4,13 @@
// except label placement, which carries state between consecutive frames so
// labels hold their side (hysteresis) and ease instead of jumping.
+import { createInset } from './inset.js';
+
export function createHud(ctx) {
- const { D, W, H, U, PORTRAIT, sec, rate, sOfTau, CA_T, VANTOR_T, BURNS, CUTS, SHOTS, shotAt, DUR, project } = ctx;
+ const { D, W, H, U, PORTRAIT, sec, rate, sOfTau, CA_T, VANTOR_T, BURNS, CUTS, SHOTS, shotAt, DUR, project, relAt } = ctx;
const $ = (q) => document.querySelector(q);
- const CA_M = Math.round(D.ca.m / 5) * 5;
+ // Element sets can't resolve tens of metres: quote the pass to the nearest 50 m.
+ const CA_M = Math.round(D.ca.m / 50) * 50;
const END = SHOTS.find((x) => x.id === 'end').s0;
// -------------------------------------------------------------------------
@@ -26,33 +29,33 @@ export function createHud(ctx) {
];
const cap = (id, title, body, extra = {}) => ({ s0: span(id)[0], s1: span(id)[1], title, body, ...extra });
const CAPTIONS = [
- cap('hook', `A Russian military satellite came within ~${CA_M} m of a U.S.-registered one`,
- 'This is how it got there, rebuilt from public tracking data.', { hook: true, s0: -1 }),
+ cap('hook', 'A Russian military satellite came within about half a kilometre of a U.S. radar satellite',
+ 'Rebuilt from public tracking data.', { hook: true, s0: -1 }),
cap('climb', 'Climb higher to fall behind',
- 'Same orbit, a quarter-orbit apart. Two burns lift Cosmos 2612 47 km, and a higher orbit is a slower one.'),
- cap('lap', 'Fall behind, and lap it',
- 'Drifting back ~6,700 km a day, it laps almost twice, passing over X36 on Oct 5 and Oct 12, as its orbit plane swings into line.'),
+ 'Two burns lift Cosmos 2612 47 km. A higher orbit is a longer lap, so it falls behind.'),
+ cap('lap', 'Lapped, twice',
+ 'Losing ~6,700 km a day, it is lapped by X36 on Oct 5 and Oct 12, while Earth\'s bulge swings the two orbits into line.'),
cap('drop', 'Drop into the same orbit',
- 'Oct 12: from 47 km directly overhead it dives into X36\'s orbit, and lands about 480 km behind.'),
+ 'Oct 12: from 54 km directly overhead it dives into X36\'s orbit, landing ~500 km behind.'),
cap('close', 'Speed up, then brake',
- 'A 2 km dip makes it faster, closing ~350 km a day. Then it brakes 3 km behind.'),
+ 'A 2 km dip makes it faster, closing ~350 km a day. Then it brakes ~10 km behind.'),
cap('dance', 'The dance',
- 'Every orbit is a day and a night. Each one, Cosmos loops ~1.5 km around X36, 3 km behind it.'),
+ 'Every orbit is a day and a night. Each one, Cosmos traces a ~1.5 km loop as it edges in from 8 to 3 km behind.'),
cap('dance-ff', 'Flatten the loops',
'A tiny burn puts Cosmos almost exactly in X36\'s path. It creeps in ~3 km a day.'),
cap('approach', 'Closing in, slowly',
- 'Creeping in at a few centimetres per second, while both fly at 27,000 km/h.'),
+ 'Creeping in at a few centimetres a second, while both fly at 27,000 km/h.'),
cap('ca', `Closest pass: ~${CA_M} m`,
- 'True size. LeoLabs measured ~500 m; other estimates run 150 to 650 m.'),
+ 'In Earth\'s shadow, ~01:17 UTC. LeoLabs radar: ~500 m. Public estimates: 150–650 m.'),
cap('sunrise', 'Then the sun comes up',
- 'Twenty minutes later both leave Earth\'s shadow. Within hours, Cosmos backs away.'),
+ 'Twenty minutes later both leave Earth\'s shadow. Within the hour, Cosmos backs away.'),
cap('leave', 'Back off, and wait',
- 'It drifts back ~350 km a day. By Oct 25 it sat ~480 km behind, in the same orbit.'),
+ 'It drifts back ~350 km a day, then matches orbits again. By Oct 25 it sat ~480 km behind.'),
];
const BURN_NOTES = {
- 'Phasing raise': 'raises its orbit 46 km',
+ 'Phasing raise': 'two burns raise its orbit 46 km',
'Plane trim': 'tilts its orbit into line',
- 'Descent to X36 orbit': 'drops 47 km into X36\'s orbit',
+ 'Descent to X36 orbit': 'drops 48 km into X36\'s orbit',
'Closing burn': 'dips 2.3 km to speed up',
'Braking burn': 'rises 2.5 km to stop',
'Back-off': 'rises 140 m and starts to drift back',
@@ -68,7 +71,7 @@ export function createHud(ctx) {
{ t: sec('2026-10-05T12:28:00Z'), kind: 'note', title: 'Passes overhead', sub: '55 km above its target' },
{ t: sec('2026-10-12T00:30:00Z'), kind: 'note', title: 'Directly overhead', sub: '54 km above its target' },
{ t: VANTOR_T, kind: 'vantor', title: 'Vantor photographs the pair', sub: `from its own satellite · ~${D.vantor.km.toFixed(0)} km apart · Oct 17` },
- { t: CA_T, kind: 'ca', title: 'Closest approach', sub: `${D.ca.t.slice(11, 16)} UTC, Oct 18 · in Earth's shadow` },
+ { t: CA_T, kind: 'ca', title: 'Closest approach', sub: '~01:17 UTC, Oct 18 · in Earth\'s shadow' },
].map((e) => ({ ...e, s: sOfTau(e.t) })).filter((e) => e.s !== null).sort((a, b) => a.s - b.s);
const caS = EVENTS.find((e) => e.kind === 'ca')?.s ?? 1e9;
@@ -135,6 +138,13 @@ export function createHud(ctx) {
return `${(r / 86400).toFixed(1)} days`.replace('.0 days', ' days');
}
+ // "Seen from X36" inset (relative frame).
+ const insetEl = $('#inset');
+ insetEl.width = Math.round(insetEl.clientWidth * 2);
+ insetEl.height = Math.round(insetEl.clientHeight * 2);
+ const inset = createInset({ D, U, relAt, canvas: insetEl });
+ if (PORTRAIT) $('#readout').prepend($('#clock .light'));
+
// Label placement memory (hysteresis).
const memo = { tagX: null, tagC: null, lastS: -1 };
@@ -143,7 +153,7 @@ export function createHud(ctx) {
// -------------------------------------------------------------------------
function update(s, t, b, st) {
const sh = shotAt(s);
- const endA = fade(s, END, 99, 0.5);
+ const endA = fade(s, END - 0.15, 99, 0.25);
const live = 1 - endA;
if (Math.abs(s - memo.lastS) > 0.2 || CUTS.some((c) => memo.lastS < c && s >= c)) {
memo.tagX = null;
@@ -191,27 +201,32 @@ export function createHud(ctx) {
$('#clock .rate').innerHTML = `1 sec = ${perSecond(rate(s))}`;
$('#clock .ff').style.display = sh.mode === 'ff' ? 'inline-block' : 'none';
const lit = st.lx > 0.5;
- const light = $('#clock .light');
+ const light = $('.light');
light.className = `light ${lit ? 'day' : 'night'}`;
- light.innerHTML = lit ? 'In sunlight' : 'In Earth\'s shadow';
+ const orbitN = sh.id === 'dance' ? Math.floor((t - sh.tauF(sh.s0)) / 5730) + 1 : 0;
+ light.innerHTML = (lit ? 'Day' : 'Night · Earth\'s shadow') + (orbitN ? ` · orbit ${orbitN}` : '');
light.style.display = sh.mode === 'true' && sh.id !== 'climb' && sh.id !== 'end' ? 'inline-flex' : 'none';
$('#clock').style.opacity = live;
// Distance readout
const ro = $('#readout');
ro.style.opacity = fade(s, climbS + 0.6, END, 0.4);
- ro.querySelector('.val').innerHTML = fmtSep(st.sep);
+ const lapMode = sh.id === 'climb' || sh.id === 'lap';
+ ro.querySelector('.label').textContent = lapMode ? 'GAP ALONG THE ORBIT' : 'DISTANCE APART';
+ ro.querySelector('.val').innerHTML = lapMode
+ ? `${(-st.rel[1] / (2 * Math.PI * D.a_ref_km * 1000)).toFixed(2)}laps`
+ : fmtSep(st.sep);
const [r, tt0] = st.rel;
const circ = 2 * Math.PI * D.a_ref_km * 1000;
const tt = ((tt0 % circ) + circ * 1.5) % circ - circ / 2;
let ctxLine;
if (st.sep < 1500) ctxLine = `≈ ${Math.max(1, Math.round(st.sep / 100))} football fields`;
else if (st.sep < 2e6) ctxLine = `${Math.abs(tt) >= 1e4 ? fmtNum(Math.abs(tt) / 1000) + ' km' : (Math.abs(tt) / 1000).toFixed(1) + ' km'} ${tt < 0 ? 'behind' : 'ahead'}${Math.abs(r) > 20e3 ? ` · ${fmtNum(Math.abs(r) / 1000)} km ${r > 0 ? 'higher' : 'lower'}` : ''}`;
- else ctxLine = `${Math.abs(r) > 20e3 ? `${fmtNum(Math.abs(r) / 1000)} km higher · ` : ''}a quarter-orbit or more apart`;
+ else ctxLine = `${Math.abs(r) > 20e3 ? `${fmtNum(Math.abs(r) / 1000)} km higher · ` : ''}${fmtNum(st.sep / 1000)} km apart in a straight line`;
if (s > caS && s < span('leave')[0] + 0.5) ctxLine += ` · closest ${CA_M} m`;
- ro.querySelector('.ctx').textContent = ctxLine;
+ ro.querySelector('.ctx').textContent = lapMode ? `${Math.abs(r) > 20e3 ? `${fmtNum(Math.abs(r) / 1000)} km higher · ` : ''}behind X36` : ctxLine;
const relLine = ro.querySelector('.rel');
- relLine.textContent = st.sep < 2e4 && sh.mode === 'true' ? (st.relSpeed < 0.2 ? `relative speed ${Math.round(st.relSpeed * 100)} cm/s` : `relative speed ${st.relSpeed.toFixed(1)} m/s`) : '';
+ relLine.textContent = st.sep < 2e4 && sh.mode === 'true' ? (st.relSpeed < 0.2 ? `relative speed ~${Math.max(1, Math.round(st.relSpeed * 100))} cm/s (modelled)` : `relative speed ~${st.relSpeed.toFixed(1)} m/s (modelled)`) : '';
// Scale chip
const magEl = $('#mag');
@@ -219,7 +234,13 @@ export function createHud(ctx) {
const trueSize = !enlarged && st.camDistX < 200;
magEl.style.opacity = (enlarged || trueSize) ? fade(s, climbS, END, 0.3) : 0;
magEl.classList.toggle('enlarged', enlarged);
- magEl.textContent = enlarged ? `Satellites enlarged ${Math.round(st.mag)}×` : 'True size';
+ magEl.textContent = enlarged ? `Satellites enlarged ${Math.round(st.mag)}×` : sh.id === 'ca' ? 'True size · faint bar: ±1.5 km tracking uncertainty' : 'True size';
+ const relChip = $('#relchip');
+ relChip.style.opacity = ['drop', 'close', 'dance', 'dance-ff', 'approach', 'leave'].includes(sh.id) ? fade(s, sh.s0, sh.s1, 0.3) : 0;
+
+ // Inset
+ const insA = sh.inset && s < END - 0.1 ? fade(s, Math.max(sh.s0, climbS + 0.8), END, 0.3) : 0;
+ inset.draw(s, t, (st.sepG || st.sep) / 1000, { alpha: insA * live, trailHours: sh.inset || 1, cut: CUTS.some((c) => Math.abs(s - c) < 0.05) });
// Timeline
const px = timeline.x(Math.min(Math.max(t, TL.t0), TL.t1));
@@ -244,16 +265,19 @@ export function createHud(ctx) {
const pC = project(st.cosW);
const tX = tag('tagX', 'ICEYE-X36', 'c-x36');
const tC = tag('tagC', 'COSMOS 2612', 'c-cos');
- const tagA = fade(s, span('climb')[0] + 0.6, END, 0.4);
+ const tagA = fade(s, 0.3, END, 0.3);
const onScreen = (p) => p && p.x > -40 && p.y > -40 && p.x < W + 40 && p.y < H + 40;
const speedX = `${(st.vX / 1000).toFixed(2)} km/s`;
const speedC = `${(st.vC / 1000).toFixed(2)} km/s`;
- tX.querySelector('.meta').textContent = pX?.hidden ? 'far side of Earth' : `U.S.-registered radar sat · ${speedX}`;
- tC.querySelector('.meta').textContent = pC?.hidden ? 'far side of Earth' : `Russian military · ${speedC}`;
+ const speedShot = ['climb', 'lap', 'drop'].includes(sh.id);
+ tX.querySelector('.meta').textContent = speedShot ? `U.S. radar satellite · ${speedX}` : sh.id === 'hook' ? 'U.S. radar satellite' : '';
+ tC.querySelector('.meta').textContent = speedShot ? `Russian military · ${speedC}` : sh.id === 'hook' ? 'Russian military' : '';
+ tX.querySelector('.meta').style.display = tX.querySelector('.meta').textContent ? '' : 'none';
+ tC.querySelector('.meta').style.display = tC.querySelector('.meta').textContent ? '' : 'none';
let svg = '';
const M = 24 * U;
const obstacles = [];
- for (const q of ['#logo', '#clock', '#caption', '#readout', '#tlwrap', '#chapters', '#mag']) {
+ for (const q of ['#logo', '#clock', '#caption', '#readout', '#tlwrap', '#chapters', '#mag', '#inset', '#relchip']) {
const el = $(q);
if (Number(el.style.opacity || 1) > 0.05) obstacles.push(el.getBoundingClientRect());
}
@@ -290,9 +314,8 @@ export function createHud(ctx) {
// Tags: keep the previous quadrant unless it has been blocked for a while;
// ease the label toward its target so it never jumps.
const place = (key, el, p, prefer, color) => {
- if (!onScreen(p)) {
+ if (!onScreen(p) || p.hidden) {
el.style.opacity = 0;
- memo[key] = null;
return;
}
el.style.opacity = tagA;
@@ -310,9 +333,9 @@ export function createHud(ctx) {
let q = m ? [m.sx, m.sy] : prefer;
let cand = rectFor(q);
if (m) {
- m.blocked = cand.cost > 2000 * U * U ? m.blocked + 1 : 0;
+ m.blocked = cand.cost > 4000 * U * U ? m.blocked + 1 : 0;
}
- if (!m || m.blocked > 8) {
+ if (!m || m.blocked > 20) {
const quads = [q, prefer, [prefer[0], -prefer[1]], [-prefer[0], prefer[1]], [-prefer[0], -prefer[1]]];
for (const qq of quads) {
const c = rectFor(qq);
@@ -353,7 +376,7 @@ export function createHud(ctx) {
// Dip at cuts
let dip = 0;
- for (const c of CUTS) dip = Math.max(dip, 1 - Math.abs(s - c) / 0.12);
+
$('#dip').style.opacity = Math.max(0, dip);
// End card
@@ -364,13 +387,13 @@ export function createHud(ctx) {
ec.dataset.built = '1';
ec.innerHTML = `
~${CA_M} m
-
rebuilt from public element sets · LeoLabs ~500 m · published range 150–650 m
-
Closest pass between Cosmos 2612 and ICEYE-X36 · Oct 18, in Earth's shadow
+
closest pass, Oct 18, in Earth's shadow · LeoLabs ~500 m · estimates 150–650 m
-
22days in pursuit
-
${BURNS.length}engine burns
-
${Math.max(1, Math.round((D.ca.v || 0.05) * 100))} cm/srelative speed at closest pass
+
18days from first burn to closest pass
+
${BURNS.length}manoeuvres
+
~${Math.round(D.total_dv)} m/sof thrust spent
+
U.S. officials called it "consistent with on-orbit weapons operations."
By Oct 25 it was still parked ~480 km behind, in the same orbit.
`;
}
$('#endlogo').style.opacity = endA;
diff --git a/tools/rpo-replay/inset.js b/tools/rpo-replay/inset.js
new file mode 100644
index 000000000..5840457f3
--- /dev/null
+++ b/tools/rpo-replay/inset.js
@@ -0,0 +1,202 @@
+// "Seen from ICEYE-X36": a 2D inset in X36's rotating frame. X36 stays fixed
+// at the top of its orbit ring; Cosmos 2612's path is drawn around it.
+// Zoomed out it is the whole orbit (heights exaggerated, so "higher = slower,
+// falls behind, laps" is visible); zoomed in it becomes a true-scale
+// radial / along-track plot of the loops and the approach.
+
+export function createInset({ D, U, relAt, canvas }) {
+ const ctx = canvas.getContext('2d');
+ const A = D.a_km; // km
+ const AREF = D.a_ref_km;
+ const RE = 6371;
+ const state = { hw: null, lastS: -1 };
+ const smooth = (x) => {
+ const t = Math.min(1, Math.max(0, x));
+ return t * t * (3 - 2 * t);
+ };
+
+ function niceScale(km) {
+ const p = 10 ** Math.floor(Math.log10(km));
+ for (const m of [1, 2, 5, 10]) if (m * p >= km) return m * p;
+ return 10 * p;
+ }
+ const fmt = (km) => (km >= 1 ? `${km.toLocaleString('en-US')} km` : `${Math.round(km * 1000)} m`);
+
+ function draw(s, t, sepGuideKm, opts) {
+ const W = canvas.width;
+ const H = canvas.height;
+ const dpr = W / canvas.clientWidth || 1;
+ ctx.setTransform(1, 0, 0, 1, 0, 0);
+ ctx.clearRect(0, 0, W, H);
+ if (opts.alpha <= 0.01) return;
+ ctx.globalAlpha = opts.alpha;
+
+ // Zoom: half-width (km) follows the guiding separation; eased frame to frame.
+ const target = Math.min(9200, Math.max(1.4, 1.6 * sepGuideKm));
+ if (state.hw === null || Math.abs(s - state.lastS) > 0.2 || opts.cut) state.hw = target;
+ else state.hw = Math.exp(Math.log(state.hw) + (Math.log(target) - Math.log(state.hw)) * 0.12);
+ state.lastS = s;
+ const hw = state.hw;
+ const wOut = smooth((hw - 150) / 2500); // 0 = close-up, 1 = whole-orbit view
+ const exag = 1 + 19 * wOut; // radial exaggeration when zoomed out
+ const wCenter = smooth((hw - 2500) / 5500);
+
+ // Panel
+ const pad = 18 * U * dpr;
+ const r = 14 * U * dpr;
+ ctx.fillStyle = 'rgba(5,9,16,0.78)';
+ ctx.strokeStyle = 'rgba(255,255,255,0.14)';
+ ctx.lineWidth = 1.5 * dpr;
+ ctx.beginPath();
+ ctx.roundRect(0, 0, W, H, r);
+ ctx.fill();
+ ctx.stroke();
+ const head = 44 * U * dpr;
+ ctx.fillStyle = 'rgba(244,247,250,0.92)';
+ ctx.font = `800 ${22 * U * dpr}px Inter, sans-serif`;
+ ctx.textBaseline = 'middle';
+ ctx.fillText('SEEN FROM X36', pad, head / 2 + 4 * dpr);
+ ctx.fillStyle = 'rgba(244,247,250,0.6)';
+ ctx.font = `600 ${20 * U * dpr}px Inter, sans-serif`;
+ ctx.textAlign = 'right';
+ ctx.fillText('flight →', W - pad, head / 2 + 4 * dpr);
+ ctx.textAlign = 'left';
+
+ // Plot area
+ const px0 = pad;
+ const py0 = head;
+ const pw = W - 2 * pad;
+ const ph = H - head - pad;
+ ctx.save();
+ ctx.beginPath();
+ ctx.rect(px0, py0, pw, ph);
+ ctx.clip();
+ const scale = pw / 2 / hw; // px per km
+ // Centre: X36 when close; drifts toward Earth's centre when zoomed out.
+ const cx = 0;
+ const cy = A * (1 - wCenter) + 0 * wCenter;
+ const ox = px0 + pw / 2;
+ const oy = py0 + ph * (0.5 + 0.12 * (1 - wCenter));
+ const P = (x, y) => [ox + (x - cx) * scale, oy - (y - cy) * scale];
+ const ring = (rad) => {
+ // Polyline of the visible part of a circle about Earth's centre.
+ const pts = [];
+ const span = Math.min(Math.PI, (hw * 1.6) / rad + 0.05);
+ const n = 180;
+ for (let k = 0; k <= n; k++) {
+ const a = -span + (2 * span * k) / n;
+ pts.push(P(rad * Math.sin(a), rad * Math.cos(a)));
+ }
+ return pts;
+ };
+ const path = (pts) => {
+ ctx.beginPath();
+ pts.forEach(([x, y], i) => (i ? ctx.lineTo(x, y) : ctx.moveTo(x, y)));
+ };
+
+ // Earth (exaggeration shrinks it so the altitude gap reads)
+ const earthR = Math.max(A * 0.5, A - (A - RE) * exag); // schematic when heights are exaggerated
+ if (earthR > 0) {
+ const [ex, ey] = P(0, 0);
+ const g = ctx.createRadialGradient(ex, ey - earthR * scale * 0.3, earthR * scale * 0.2, ex, ey, earthR * scale);
+ g.addColorStop(0, '#1d3a5c');
+ g.addColorStop(1, '#0b1a2c');
+ ctx.fillStyle = g;
+ ctx.beginPath();
+ ctx.arc(ex, ey, Math.max(0, earthR * scale), 0, Math.PI * 2);
+ ctx.fill();
+ ctx.strokeStyle = 'rgba(120,190,255,0.5)';
+ ctx.lineWidth = 2 * dpr;
+ ctx.stroke();
+ }
+
+ // X36's orbit
+ ctx.setLineDash([8 * dpr, 7 * dpr]);
+ ctx.strokeStyle = 'rgba(92,225,230,0.55)';
+ ctx.lineWidth = 2 * dpr;
+ path(ring(A));
+ ctx.stroke();
+ ctx.setLineDash([]);
+
+ // Cosmos path (relative), with a fading tail
+ const toXY = (rel) => {
+ const phi = rel[1] / 1000 / AREF;
+ const rad = A + (rel[0] / 1000) * exag;
+ return [rad * Math.sin(phi), rad * Math.cos(phi)];
+ };
+ const spanH = opts.trailHours;
+ const n = 260;
+ let prev = null;
+ for (let k = 0; k <= n; k++) {
+ const tt = t - spanH * 3600 + (k / n) * spanH * 3600;
+ if (tt < 0) continue;
+ const [x, y] = P(...toXY(relAt(tt)));
+ if (prev) {
+ ctx.strokeStyle = `rgba(255,90,60,${0.08 + 0.85 * (k / n) ** 1.5})`;
+ ctx.lineWidth = (1.5 + 2.5 * (k / n)) * dpr;
+ ctx.beginPath();
+ ctx.moveTo(prev[0], prev[1]);
+ ctx.lineTo(x, y);
+ ctx.stroke();
+ }
+ prev = [x, y];
+ }
+ const rel = relAt(t);
+ const [cxp, cyp] = P(...toXY(rel));
+ const [xxp, xyp] = P(0, A);
+ // Gap line
+ ctx.strokeStyle = 'rgba(255,255,255,0.5)';
+ ctx.setLineDash([5 * dpr, 6 * dpr]);
+ ctx.lineWidth = 1.5 * dpr;
+ ctx.beginPath();
+ ctx.moveTo(xxp, xyp);
+ ctx.lineTo(cxp, cyp);
+ ctx.stroke();
+ ctx.setLineDash([]);
+ const dot = (x, y, col, rad) => {
+ ctx.fillStyle = col;
+ ctx.shadowColor = col;
+ ctx.shadowBlur = 14 * dpr;
+ ctx.beginPath();
+ ctx.arc(x, y, rad * dpr, 0, Math.PI * 2);
+ ctx.fill();
+ ctx.shadowBlur = 0;
+ };
+ dot(xxp, xyp, '#5ce1e6', 7 * U);
+ dot(cxp, cyp, '#ff5a3c', 7 * U);
+ ctx.font = `800 ${20 * U * dpr}px Inter, sans-serif`;
+ ctx.fillStyle = '#5ce1e6';
+ ctx.textAlign = 'center';
+ ctx.fillText('X36', xxp, xyp - 20 * U * dpr);
+ ctx.fillStyle = '#ff5a3c';
+ const below = cyp > xyp + 10 * dpr || Math.abs(cxp - xxp) < 40 * U * dpr;
+ ctx.fillText('COSMOS', Math.min(Math.max(cxp, px0 + 50 * U * dpr), px0 + pw - 50 * U * dpr), cyp + (below ? 24 : -20) * U * dpr);
+ ctx.textAlign = 'left';
+ ctx.restore();
+
+ // Scale bar + exaggeration note
+ const sb = niceScale(hw * 0.4);
+ const sbpx = sb * scale;
+ const by = H - pad * 0.55;
+ ctx.strokeStyle = 'rgba(244,247,250,0.8)';
+ ctx.lineWidth = 2.5 * dpr;
+ ctx.beginPath();
+ ctx.moveTo(pad, by);
+ ctx.lineTo(pad + sbpx, by);
+ ctx.stroke();
+ ctx.fillStyle = 'rgba(244,247,250,0.85)';
+ ctx.font = `700 ${19 * U * dpr}px 'JetBrains Mono', monospace`;
+ ctx.textBaseline = 'bottom';
+ ctx.fillText(fmt(sb), pad, by - 6 * dpr);
+ if (exag > 1.5) {
+ ctx.textAlign = 'right';
+ ctx.fillStyle = 'rgba(255,181,71,0.95)';
+ ctx.font = `700 ${19 * U * dpr}px Inter, sans-serif`;
+ ctx.fillText(`heights ×${Math.round(exag)}`, W - pad, by - 6 * dpr);
+ ctx.textAlign = 'left';
+ }
+ ctx.globalAlpha = 1;
+ }
+
+ return { draw };
+}
diff --git a/tools/rpo-replay/scene.html b/tools/rpo-replay/scene.html
index 23ddeeaa3..91ef666dc 100644
--- a/tools/rpo-replay/scene.html
+++ b/tools/rpo-replay/scene.html
@@ -46,7 +46,7 @@
display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(12 * var(--u)); }
.ch i { display: block; height: calc(6 * var(--u)); background: rgba(255,255,255,0.22); border-radius: calc(3 * var(--u)); overflow: hidden; }
.ch b { display: block; height: 100%; width: 0; background: #fff; }
- .ch span { display: block; margin-top: calc(10 * var(--u)); white-space: nowrap; font: 700 calc(24 * var(--u))/1 Inter, sans-serif;
+ .ch span { display: block; margin-top: calc(10 * var(--u)); white-space: nowrap; font: 800 calc(26 * var(--u))/1 Inter, sans-serif;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.ch.on span { color: var(--ink); }
@@ -90,7 +90,7 @@
#readout .val small { font-size: 0.42em; color: var(--ink-2); margin-left: 0.12em; letter-spacing: 0; }
#readout .ctx { margin-top: calc(10 * var(--u)); font: 600 calc(32 * var(--u))/1.2 Inter, sans-serif; color: var(--ink); }
- #mag { position: absolute; left: var(--pad); bottom: calc(196 * var(--u)); padding: calc(7 * var(--u)) calc(14 * var(--u)); border-radius: calc(6 * var(--u));
+ #mag { position: absolute; left: calc(56 * var(--u) + 536 * var(--u)); bottom: calc(246 * var(--u)); padding: calc(7 * var(--u)) calc(14 * var(--u)); border-radius: calc(6 * var(--u));
font: 800 calc(28 * var(--u))/1 Inter, sans-serif; letter-spacing: 0.02em; color: #000; background: #fff; }
#mag.enlarged { background: var(--burn); }
@@ -105,11 +105,16 @@
#clock .light.day { color: #ffe08a; } #clock .light.day i { background: #ffd34d; box-shadow: 0 0 calc(14 * var(--u)) #ffd34d; }
#clock .light.night { color: #b9c8ff; } #clock .light.night i { background: #20263a; border: calc(3 * var(--u)) solid #b9c8ff; }
#readout .rel { margin-top: calc(6 * var(--u)); font: 600 calc(28 * var(--u))/1.2 Inter, sans-serif; color: var(--ink-2); }
+ /* Inset + chips */
+ #inset { position: absolute; left: var(--pad); bottom: calc(196 * var(--u)); width: calc(520 * var(--u)); height: calc(330 * var(--u)); }
+ #relchip { position: absolute; left: calc(56 * var(--u) + 536 * var(--u)); bottom: calc(196 * var(--u)); padding: calc(7 * var(--u)) calc(14 * var(--u));
+ border-radius: calc(6 * var(--u)); font: 800 calc(26 * var(--u))/1 Inter, sans-serif; color: #fff; background: rgba(255,90,60,0.85); opacity: 0; }
+ .event { background: rgba(4,8,14,0.62); padding: calc(10 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u)); border-radius: calc(8 * var(--u)); width: fit-content; }
/* Timeline */
#tlwrap { position: absolute; left: var(--pad); right: var(--pad); bottom: calc(52 * var(--u)); }
#tlwrap .lab { font: 700 calc(24 * var(--u))/1 Inter, sans-serif; letter-spacing: 0.1em; color: var(--ink-3); margin-bottom: calc(8 * var(--u)); }
#tlwrap .lab span { color: var(--burn); } #tlwrap .lab b { color: var(--ink-2); font-weight: 700; }
- #timeline { height: calc(76 * var(--u)); }
+ #timeline { height: calc(70 * var(--u)); }
#timeline svg { width: 100%; height: 100%; overflow: visible; font-family: 'JetBrains Mono', monospace; font-weight: 600; }
#interstitial { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0;
background: radial-gradient(ellipse at center, rgba(0,0,0,0.55), rgba(0,0,0,0.15) 70%); }
@@ -159,15 +164,19 @@
body.portrait #caption.hook h1 { font-size: calc(76 * var(--u)); }
body.portrait #caption p, body.portrait #caption.hook p { font-size: calc(38 * var(--u)); max-width: none; }
body.portrait #events { top: calc(700 * var(--u)); width: auto; right: var(--pad); }
- body.portrait #readout { right: auto; left: var(--pad); bottom: calc(580 * var(--u)); text-align: left; }
- body.portrait #readout .val { font-size: calc(132 * var(--u)); }
- body.portrait #mag { left: auto; right: var(--pad); bottom: calc(590 * var(--u)); }
- body.portrait #tlwrap { bottom: calc(440 * var(--u)); }
- body.portrait #timeline { height: calc(80 * var(--u)); }
+ body.portrait #readout { right: auto; left: var(--pad); bottom: calc(420 * var(--u)); text-align: left; }
+ body.portrait #readout .val { font-size: calc(104 * var(--u)); }
+ body.portrait #mag { left: auto; right: var(--pad); bottom: calc(912 * var(--u)); }
+ body.portrait #tlwrap { display: none; }
+ body.portrait #inset { left: auto; right: var(--pad); bottom: calc(420 * var(--u)); width: calc(560 * var(--u)); height: calc(430 * var(--u)); }
+ body.portrait #relchip { left: auto; right: var(--pad); bottom: calc(866 * var(--u)); }
+ body.portrait #readout { max-width: calc(400 * var(--u)); }
+ body.portrait #readout .light { margin: 0 0 calc(18 * var(--u)); display: inline-flex; }
+ body.portrait .ch span { font-size: calc(24 * var(--u)); }
body.portrait #interstitial .d { font-size: calc(120 * var(--u)); }
body.portrait #topshade { height: calc(1000 * var(--u)); }
body.portrait #botshade { height: calc(1200 * var(--u)); background: linear-gradient(transparent, rgba(0,0,0,0.78) 45%, rgba(0,0,0,0.85)); }
- body.portrait #credits { white-space: normal; bottom: calc(400 * var(--u)); font-size: calc(17 * var(--u)); }
+ body.portrait #credits { white-space: normal; bottom: calc(330 * var(--u)); font-size: calc(17 * var(--u)); }
body.portrait #endcard .panel { width: calc(960 * var(--u)); }
body.portrait #endcard .big { font-size: calc(210 * var(--u)); }
body.portrait #endcard .lead { font-size: calc(46 * var(--u)); }
@@ -188,14 +197,16 @@
-
+ Fast-forward · Earth slowed
- 22 DAYS · ● ENGINE BURN · ○ CLOSEST PASS
- 22 days earlier
SEP 30, 2026
+
+
+ Red path: Cosmos as seen from X36
+ 18 days earlier
SEP 30, 2026
GOD'S EYE VIEW
- Reconstruction, not tracking data · Orbits: CelesTrak, KeepTrack, LeoLabs, M. Langbroek · Imagery: Esri, Maxar, Earthstar Geographics, NASA · Sky: ESO/S. Brunier (CC BY 4.0), Yale BSC
+ Reconstruction from public Space-Track element sets (41 Cosmos 2612, 54 ICEYE-X36), not tracking data · Analyses: LeoLabs, KeepTrack, M. Langbroek, COMSPOC, Integrity ISR · Imagery: Esri, Maxar, Earthstar Geographics, NASA · Sky: ESO/S. Brunier (CC BY 4.0), Yale BSC
diff --git a/tools/rpo-replay/scene.js b/tools/rpo-replay/scene.js
index 2623e8b62..47189ac4f 100644
--- a/tools/rpo-replay/scene.js
+++ b/tools/rpo-replay/scene.js
@@ -195,6 +195,7 @@ function camAt(s) {
sun: lerp(a.sun || 0, b.sun || 0),
vup: lerp(a.vup || 0, b.vup || 0),
comp: lerp(a.comp ?? 1, b.comp ?? 1),
+ compY: lerp(a.compY ?? 0, b.compY ?? 0),
pairD: lerp(a.pairD || 0, b.pairD || 0),
pairTh: lerp(a.pairTh || 0, b.pairTh || 0),
aimRel: [0, 1, 2].map((k) => lerp(ar[k], br[k])),
@@ -356,7 +357,7 @@ function project(world) {
return p;
}
const hud = createHud({
- D, W, H, U, PORTRAIT, sec, rate, sOfTau, sepAt, CA_T, VANTOR_T, BURNS, CUTS, SHOTS, shotAt, DUR, project,
+ D, W, H, U, PORTRAIT, sec, rate, sOfTau, sepAt, CA_T, VANTOR_T, BURNS, CUTS, SHOTS, shotAt, DUR, project, relAt,
});
// ---------------------------------------------------------------------------
@@ -468,7 +469,7 @@ function setState(s) {
// (sideways, in the orbit's horizontal), aimed at the bisector of the two.
const u = v3.normalize(v3.subtract(cosW, x36W, new v3()), new v3());
const perp = v3.normalize(v3.subtract(NW, v3.multiplyByScalar(u, v3.dot(NW, u), new v3()), new v3()), new v3());
- const th = Cesium.Math.toRadians(cam.pairTh);
+ const th = Cesium.Math.toRadians(cam.pairTh * (PORTRAIT ? 1.3 : 1));
v3.add(x36W, v3.multiplyByScalar(u, -cam.pairD * Math.cos(th), new v3()), camPos);
v3.add(camPos, v3.multiplyByScalar(perp, cam.pairD * Math.sin(th), new v3()), camPos);
const a1 = v3.normalize(v3.subtract(x36W, camPos, new v3()), new v3());
@@ -481,7 +482,11 @@ function setState(s) {
// Up: local zenith; in portrait chase shots, the direction of flight (so the
// pair travels up the tall frame and Earth's limb runs down one side).
const vup = PORTRAIT ? cam.vup : 0;
- const upHint = v3.normalize(v3.lerp(RW, TW, vup, new v3()), new v3());
+ let upHint = v3.normalize(v3.lerp(RW, TW, vup, new v3()), new v3());
+ if (PORTRAIT && cam.pairD > 0) {
+ // Portrait true-size shot: run the pair up the tall frame.
+ upHint = v3.normalize(v3.subtract(cosW, x36W, new v3()), new v3());
+ }
let right = v3.normalize(v3.cross(dir, upHint, new v3()), new v3());
let up = v3.cross(right, dir, new v3());
{
@@ -491,13 +496,14 @@ function setState(s) {
const tanH = PORTRAIT ? Math.tan(fovR / 2) * aspect : Math.tan(fovR / 2);
const tanV = PORTRAIT ? Math.tan(fovR / 2) : Math.tan(fovR / 2) / aspect;
const ndcX = (PORTRAIT ? 0 : 0.18) * cam.comp;
- const ndcY = (PORTRAIT ? -0.04 : 0.06) * cam.comp;
+ const ndcY = (PORTRAIT ? -0.04 : 0.06) * cam.comp + cam.compY;
v3.normalize(v3.add(v3.add(dir, v3.multiplyByScalar(right, -ndcX * tanH, new v3()), new v3()),
v3.multiplyByScalar(up, -ndcY * tanV, new v3()), new v3()), dir);
right = v3.normalize(v3.cross(dir, upHint, new v3()), new v3());
up = v3.cross(right, dir, new v3());
}
scene.camera.setView({ destination: camPos, orientation: { direction: dir, up } });
+ scene.skyBox.show = !sh.noSky;
scene.camera.frustum.fov = Cesium.Math.toRadians(PORTRAIT ? cam.fov * 1.55 : cam.fov);
{
const icrf = Cesium.Transforms.computeIcrfToFixedMatrix(jd) || M;
@@ -535,8 +541,8 @@ function setState(s) {
bCos.position = cosW;
bX36.scale = (pxX > 24 ? 0.16 : 0.5) * U;
bCos.scale = (pxC > 24 ? 0.16 : 0.5) * U;
- bX36.color = Cesium.Color.WHITE.withAlpha(pxX > 60 ? 0.35 : 1);
- bCos.color = Cesium.Color.WHITE.withAlpha(pxC > 60 ? 0.35 : 1);
+ bX36.color = Cesium.Color.WHITE.withAlpha(pxX > 60 ? 0.6 : 1);
+ bCos.color = Cesium.Color.WHITE.withAlpha(pxC > 60 ? 0.6 : 1);
// Burn flare
let flare = 0;
@@ -602,6 +608,12 @@ function setState(s) {
}
polyline(pts, cols, 1.4);
}
+ // Element-set uncertainty at closest approach: ±1.5 km along-track.
+ if (sh.id === 'ca') {
+ const a0 = v3.add(cosW, v3.multiplyByScalar(TW, -1500, new v3()), new v3());
+ const a1 = v3.add(cosW, v3.multiplyByScalar(TW, 1500, new v3()), new v3());
+ polyline([a0, cosW, a1], [COL_COS.withAlpha(0), COL_COS.withAlpha(0.45), COL_COS.withAlpha(0)], 10);
+ }
// RIC reference rings (orbital plane) during proximity
const gridA = Math.min(1, Math.max(0, (8e3 - Math.max(sep, camDistX)) / 3e3)) * (cam.mag > 0.4 ? 1 : 0.35);
if (gridA > 0.01) {
@@ -628,7 +640,7 @@ function setState(s) {
const r0 = relAt(t - 30);
const relSpeed = Math.hypot(r1[0] - r0[0], r1[1] - r0[1], r1[2] - r0[2]) / 60;
- return { sh, t, b, jd, x36W, cosW, RW, TW, NW, rel, sep, mag, gridA, lx, camDistX, vX: vXv, vC, relSpeed };
+ return { sh, t, b, jd, x36W, cosW, RW, TW, NW, rel, sep, sepG, mag, gridA, lx, camDistX, vX: vXv, vC, relSpeed };
}
async function frame(s) {
diff --git a/tools/rpo-replay/story.js b/tools/rpo-replay/story.js
index b976ee6af..9725f4dd9 100644
--- a/tools/rpo-replay/story.js
+++ b/tools/rpo-replay/story.js
@@ -1,4 +1,4 @@
-// v4 storyboard: a list of shots separated by hard cuts. Each shot owns its
+// Storyboard (v5): a list of shots separated by hard cuts. Each shot owns its
// clock. `true` shots run Earth, sun, both satellites and the camera on one
// physical clock (a real time-lapse: day and night cycle, the ground rushes
// by). `ff` (fast-forward) shots are too fast for that to read, so the Earth
@@ -6,118 +6,120 @@
// relative motion runs at the stated rate; they carry a FAST-FORWARD badge.
//
// Camera keys use X36's local frame (R up, T velocity, N orbit normal):
-// dist (m) or f × separation; az 0 = behind X36 looking forward; el up;
-// look 0 = X36 … 1 = Cosmos; earth pulls the aim toward Earth's centre;
-// frame 'inertial' freezes the basis at the shot start (wide shots);
-// vup (portrait) rolls the camera so the direction of flight points up;
-// rtrail = Cosmos relative-path trail (hours); atrail = orbit trails (min);
-// mag/mx = fixed model enlargement; pairD/pairTh = pair-locked true-size cam.
+// dist (m) or f × guiding separation; az 0 = behind X36 looking forward;
+// el up; look 0 = X36 … 1 = Cosmos's guiding centre; earth pulls the aim
+// toward Earth's centre; frame 'inertial' freezes the basis at the shot
+// start (wide shots); vup (portrait) rolls the camera so the direction of
+// flight points up; rtrail = Cosmos relative-path trail (hours);
+// atrail = orbit trails (min); mag/mx = fixed model enlargement;
+// pairD/pairTh = pair-locked true-size camera; inset = hours of path shown
+// in the "seen from X36" inset.
export function buildStory({ sec, D }) {
const CA = sec(D.ca.t);
const M = 60;
const iso = (s) => sec(s);
- const WIDE = { frame: 'inertial', look: 0, earth: 0.86, f: 0, fov: 40, mag: 0, sun: 0.5 };
+ const WIDE = { frame: 'inertial', look: 0, earth: 0.86, f: 0, fov: 40, mag: 0, sun: 0.35 };
const shots = [
{
- id: 'hook', mode: 'true', s0: 0, s1: 3.6, blur: 2,
- tau: [[0, CA - 7 * M], [3.6, CA - 2 * M]],
+ id: 'hook', mode: 'true', s0: 0, s1: 3.6, blur: 1, inset: 1,
+ tau: [[0, CA - 13 * M], [3.6, CA - 6 * M]],
cam: [
- { s: 0, dist: 1500, f: 2.6, az: 118, el: 18, look: 0.5, fov: 34, mag: 1, mx: 25, rtrail: 1.2, atrail: 4, vup: 1 },
- { s: 3.6, dist: 1300, f: 2.4, az: 104, el: 14, look: 0.5, fov: 34, mag: 1, mx: 25, rtrail: 1.2, atrail: 4, vup: 1 },
+ { s: 0, dist: 1300, f: 2.4, az: 120, el: 20, look: 0.5, fov: 34, mag: 1, mx: 25, rtrail: 1.0, atrail: 2, vup: 1, compY: -0.16 },
+ { s: 3.6, dist: 1100, f: 2.2, az: 108, el: 16, look: 0.5, fov: 34, mag: 1, mx: 25, rtrail: 1.0, atrail: 2, vup: 1, compY: -0.16 },
],
},
{
- id: 'climb', mode: 'true', s0: 3.6, s1: 10.6, blur: 3,
- tau: [[3.6, iso('2026-09-30T07:20:00Z')], [10.6, iso('2026-09-30T12:40:00Z')]],
+ id: 'climb', mode: 'true', s0: 3.6, s1: 9.6, blur: 1, inset: 6,
+ tau: [[3.6, iso('2026-09-30T07:30:00Z')], [9.6, iso('2026-09-30T12:30:00Z')]],
cam: [
- { s: 3.6, ...WIDE, dist: 3.1e7, az: 86, el: 38, atrail: 70, rtrail: 0 },
- { s: 10.6, ...WIDE, dist: 2.6e7, az: 104, el: 34, atrail: 70, rtrail: 0 },
+ { s: 3.6, ...WIDE, dist: 3.3e7, az: 92, el: 28, atrail: 80, rtrail: 0 },
+ { s: 9.6, ...WIDE, dist: 2.9e7, az: 100, el: 24, atrail: 80, rtrail: 0 },
],
},
{
- id: 'lap', mode: 'ff', s0: 10.6, s1: 14.6, blur: 1, bgRate: 260,
- tau: [[10.6, iso('2026-09-30T13:00:00Z')], [14.6, iso('2026-10-11T23:40:00Z')]],
+ id: 'lap', mode: 'ff', s0: 9.6, s1: 13.6, blur: 1, bgRate: 260, inset: 30,
+ tau: [[9.6, iso('2026-09-30T13:00:00Z')], [13.6, iso('2026-10-11T23:40:00Z')]],
cam: [
- { s: 10.6, ...WIDE, dist: 2.7e7, az: 100, el: 36, atrail: 0, rtrail: 30 },
- { s: 14.6, ...WIDE, dist: 2.3e7, az: 124, el: 30, atrail: 0, rtrail: 30 },
+ { s: 9.6, ...WIDE, dist: 2.9e7, az: 100, el: 30, atrail: 0, rtrail: 30 },
+ { s: 13.6, ...WIDE, dist: 2.5e7, az: 116, el: 28, atrail: 0, rtrail: 30 },
],
},
{
- id: 'drop', mode: 'true', s0: 14.6, s1: 19.6, blur: 4,
- tau: [[14.6, iso('2026-10-12T00:00:00Z')], [19.6, iso('2026-10-12T03:30:00Z')]],
+ id: 'drop', mode: 'true', s0: 13.6, s1: 18.6, blur: 3, inset: 4,
+ tau: [[13.6, iso('2026-10-12T00:00:00Z')], [18.6, iso('2026-10-12T03:30:00Z')]],
cam: [
- { s: 14.6, dist: 2.4e5, f: 2.6, az: 62, el: 28, look: 0.5, fov: 36, mag: 0, rtrail: 3, atrail: 20, vup: 1 },
- { s: 17.0, dist: 3.0e5, f: 2.6, az: 48, el: 30, look: 0.5, fov: 36, mag: 0, rtrail: 4, atrail: 20, vup: 1 },
- { s: 19.6, dist: 4.0e5, f: 2.6, az: 34, el: 32, look: 0.5, fov: 36, mag: 0, rtrail: 4, atrail: 20, vup: 1 },
+ { s: 13.6, dist: 2.4e5, f: 2.6, az: 62, el: 28, look: 0.5, fov: 36, mag: 0, rtrail: 3, atrail: 20, vup: 1 },
+ { s: 16.0, dist: 3.0e5, f: 2.6, az: 48, el: 30, look: 0.5, fov: 36, mag: 0, rtrail: 4, atrail: 20, vup: 1 },
+ { s: 18.6, dist: 4.0e5, f: 2.6, az: 34, el: 32, look: 0.5, fov: 36, mag: 0, rtrail: 4, atrail: 20, vup: 1 },
],
},
{
- id: 'close', mode: 'ff', s0: 19.6, s1: 23.2, blur: 1, bgRate: 140,
- tau: [[19.6, iso('2026-10-12T03:40:00Z')], [21.4, iso('2026-10-15T06:00:00Z')], [23.2, iso('2026-10-16T07:00:00Z')]],
+ id: 'close', mode: 'ff', s0: 18.6, s1: 22.0, blur: 1, bgRate: 140, inset: 30,
+ tau: [[18.6, iso('2026-10-12T03:40:00Z')], [20.3, iso('2026-10-15T06:00:00Z')], [22.0, iso('2026-10-16T07:00:00Z')]],
cam: [
- { s: 19.6, dist: 1.0e6, f: 2.8, az: 30, el: 34, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
- { s: 23.2, dist: 2.0e4, f: 2.8, az: 46, el: 34, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
+ { s: 18.6, dist: 1.0e6, f: 2.8, az: 30, el: 34, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
+ { s: 22.0, dist: 2.0e4, f: 2.8, az: 46, el: 34, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
],
},
{
- id: 'dance', mode: 'true', s0: 23.2, s1: 29.2, blur: 5,
- tau: [[23.2, iso('2026-10-16T07:10:00Z')], [29.2, iso('2026-10-16T12:10:00Z')]],
+ id: 'dance', mode: 'true', s0: 22.0, s1: 28.0, blur: 5, inset: 3.2,
+ tau: [[22.0, iso('2026-10-16T07:10:00Z')], [28.0, iso('2026-10-16T12:10:00Z')]],
cam: [
- { s: 23.2, dist: 5.5e3, f: 1.7, az: 62, el: 30, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 3, atrail: 1.2, vup: 1 },
- { s: 29.2, dist: 5.0e3, f: 1.7, az: 84, el: 24, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 3, atrail: 1.2, vup: 1 },
+ { s: 22.0, dist: 5.5e3, f: 1.7, az: 62, el: 30, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 3, atrail: 1.2, vup: 1 },
+ { s: 28.0, dist: 5.0e3, f: 1.7, az: 80, el: 26, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 3, atrail: 1.2, vup: 1 },
],
},
{
- id: 'dance-ff', mode: 'ff', s0: 29.2, s1: 31.2, blur: 1, bgRate: 140,
- tau: [[29.2, iso('2026-10-16T12:20:00Z')], [31.2, iso('2026-10-17T22:20:00Z')]],
+ id: 'dance-ff', mode: 'ff', s0: 28.0, s1: 30.0, blur: 1, bgRate: 140, inset: 10,
+ tau: [[28.0, iso('2026-10-16T12:20:00Z')], [30.0, iso('2026-10-17T22:20:00Z')]],
cam: [
- { s: 29.2, dist: 4.5e3, f: 1.7, az: 70, el: 40, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 12, atrail: 0, vup: 1 },
- { s: 31.2, dist: 3.4e3, f: 1.7, az: 92, el: 34, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 12, atrail: 0, vup: 1 },
+ { s: 28.0, dist: 4.5e3, f: 1.7, az: 72, el: 38, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 12, atrail: 0, vup: 1 },
+ { s: 30.0, dist: 3.4e3, f: 1.7, az: 90, el: 32, look: 0.5, fov: 38, mag: 1, mx: 40, rtrail: 12, atrail: 0, vup: 1 },
],
},
{
- id: 'approach', mode: 'true', s0: 31.2, s1: 35.4, blur: 4,
- tau: [[31.2, iso('2026-10-17T22:30:00Z')], [33.4, CA - 40 * M], [35.4, CA - 4 * M]],
+ id: 'approach', mode: 'true', s0: 30.0, s1: 33.6, blur: 3, inset: 3,
+ tau: [[30.0, iso('2026-10-17T22:30:00Z')], [32.0, CA - 40 * M], [33.6, CA - 5 * M]],
cam: [
- { s: 31.2, dist: 3.0e3, f: 1.7, az: 96, el: 26, look: 0.5, fov: 38, mag: 1, mx: 30, rtrail: 3, atrail: 1.5, vup: 1 },
- { s: 35.4, dist: 1.2e3, f: 2.2, az: 112, el: 18, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 1.6, atrail: 1.5, vup: 1 },
+ { s: 30.0, dist: 3.0e3, f: 1.7, az: 96, el: 26, look: 0.5, fov: 38, mag: 1, mx: 30, rtrail: 3, atrail: 1.5, vup: 1 },
+ { s: 33.6, dist: 1.4e3, f: 1.7, az: 112, el: 18, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 1.6, atrail: 1.5, vup: 1 },
],
},
{
- id: 'ca', mode: 'true', s0: 35.4, s1: 37.4, blur: 2,
- tau: [[35.4, CA - 4 * M], [37.4, CA + 1.5 * M]],
+ id: 'ca', mode: 'true', s0: 33.6, s1: 36.6, blur: 1, inset: 1, noSky: true,
+ tau: [[33.6, CA - 4 * M], [36.6, CA + 2 * M]],
cam: [
- { s: 35.4, dist: 26, az: 160, el: 0, look: 0, fov: 34, mag: 0, rtrail: 0.4, atrail: 0.6, comp: 0, pairD: 26, pairTh: 22 },
- { s: 37.4, dist: 22, az: 163, el: 0, look: 0, fov: 34, mag: 0, rtrail: 0.4, atrail: 0.6, comp: 0, pairD: 22, pairTh: 18 },
+ { s: 33.6, dist: 26, az: 160, el: 0, look: 0, fov: 34, mag: 0, rtrail: 0.4, atrail: 0.6, comp: 0, pairD: 26, pairTh: 24 },
+ { s: 36.6, dist: 20, az: 163, el: 0, look: 0, fov: 34, mag: 0, rtrail: 0.4, atrail: 0.6, comp: 0, pairD: 20, pairTh: 14 },
],
},
{
- id: 'sunrise', mode: 'true', s0: 37.4, s1: 40.0, blur: 2,
- tau: [[37.4, CA + 2 * M], [40.0, CA + 27 * M]],
+ id: 'sunrise', mode: 'true', s0: 36.6, s1: 39.0, blur: 1, inset: 1.2,
+ tau: [[36.6, CA + 6 * M], [39.0, CA + 27 * M]],
cam: [
- { s: 37.4, dist: 1.3e3, f: 2.2, az: 96, el: 16, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 1.6, atrail: 1.5, vup: 1 },
- { s: 40.0, dist: 2.2e3, f: 2.4, az: 104, el: 22, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 2, atrail: 1.5, vup: 1 },
+ { s: 36.6, dist: 1.3e3, f: 2.2, az: 96, el: 16, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 1.6, atrail: 1.5, vup: 1 },
+ { s: 39.0, dist: 2.2e3, f: 2.4, az: 104, el: 22, look: 0.5, fov: 36, mag: 1, mx: 25, rtrail: 2, atrail: 1.5, vup: 1 },
],
},
{
- id: 'leave', mode: 'ff', s0: 40.0, s1: 44.0, blur: 1, bgRate: 140,
- tau: [[40.0, CA + 30 * M], [42.0, iso('2026-10-19T08:00:00Z')], [44.0, iso('2026-10-21T12:00:00Z')]],
+ id: 'leave', mode: 'ff', s0: 39.0, s1: 42.4, blur: 1, bgRate: 140, inset: 40,
+ tau: [[39.0, CA + 30 * M], [40.8, iso('2026-10-19T08:00:00Z')], [42.4, iso('2026-10-21T12:00:00Z')]],
cam: [
- { s: 40.0, dist: 1.2e4, f: 2.8, az: 110, el: 30, look: 0.4, fov: 36, mag: 1, mx: 40, rtrail: 8, atrail: 0, vup: 1 },
- { s: 42.0, dist: 4.0e5, f: 2.8, az: 70, el: 30, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
- { s: 44.0, dist: 1.6e6, f: 2.8, az: 44, el: 30, look: 0.5, fov: 34, mag: 0, rtrail: 60, atrail: 0, vup: 1 },
+ { s: 39.0, dist: 1.2e4, f: 2.8, az: 110, el: 30, look: 0.4, fov: 36, mag: 1, mx: 40, rtrail: 8, atrail: 0, vup: 1 },
+ { s: 40.8, dist: 4.0e5, f: 2.8, az: 70, el: 30, look: 0.5, fov: 34, mag: 0, rtrail: 30, atrail: 0, vup: 1 },
+ { s: 42.4, dist: 1.6e6, f: 2.8, az: 44, el: 30, look: 0.5, fov: 34, mag: 0, rtrail: 60, atrail: 0, vup: 1 },
],
},
{
- id: 'end', mode: 'true', s0: 44.0, s1: 48.5, blur: 1,
- tau: [[44.0, iso('2026-10-21T12:00:00Z')], [48.5, iso('2026-10-21T14:00:00Z')]],
+ id: 'end', mode: 'true', s0: 42.4, s1: 45.4, blur: 1, inset: 0,
+ tau: [[42.4, iso('2026-10-21T12:00:00Z')], [45.4, iso('2026-10-21T13:30:00Z')]],
cam: [
- { s: 44.0, ...WIDE, dist: 4.6e7, az: 82, el: 34, atrail: 60, rtrail: 0 },
- { s: 48.5, ...WIDE, dist: 4.2e7, az: 96, el: 32, atrail: 60, rtrail: 0 },
+ { s: 42.4, ...WIDE, dist: 3.4e7, az: 92, el: 28, atrail: 80, rtrail: 0 },
+ { s: 45.4, ...WIDE, dist: 3.1e7, az: 100, el: 26, atrail: 80, rtrail: 0 },
],
},
];
- return { shots, duration: 48.5 };
+ return { shots, duration: 45.4 };
}