A section used to be one scene, and two thirds of the library is composable —
sparse by design, elements ON something. Cast as backgrounds anyway, they left
9 of 40 sampled frames under 20% painted, the darkest at 0.3%: a minute and a
half of a few bright things on black, invisible to every gate because every
gate on the stack was a limit rather than a floor.
Every section now stands on a GROUND: a canvas that fills the frame, cast per
section kind so a shot cut changes the shot and not the world. When the shot
fills the frame itself it IS the ground — two canvases stacked is two pictures
fighting. Above that, a coverage BUDGET: director appetite times the section's
energy times where the story is, capped at two frames' worth of material.
The measured facts move into the repo. scenes/metadata.json is generated from
the gallery — coverage as a shot, coverage as a bed, variety, the structural
profile — tracked in git, stamped with a fingerprint of the scenes and the
metric definitions, and refreshed from gallery.html. `surface` is derived from
it rather than declared; nine scenes claimed `canvas` while painting under a
third of the frame, and declaring it is now a lint error. The generator weights
every layering choice by measured structural distance, because family labels
and the render disagree: two `geometric` scenes can be 0.31 apart and a `flow`
and an `organic` scene 0.04.
The gallery's 0.1 red line is gone. It was right when a section was one scene
and wrong now — nineteen scenes were failing a bar for being consistent, which
is a virtue in an ingredient.
Chasing the numbers turned up four real faults:
* A scene that reads prev() cannot be a ground. It returns the whole
composited frame including the layers above it, so a datamosh under a shot
is eating it: the render stopped reproducing from a seek and two WebGL
contexts diverged by 91/255 against a tolerance of 4.
* Screen was the wrong operator for a shot over a bed. It lightens, so a
median quarter of every frame clipped to paper and whole sections rendered
100% white. Replaced by a lumakey — the shot's brightness is its alpha.
* Feedback was an accumulator: a still image settled at 2.3x its own
brightness. Fine over black, fatal over a filled ground. Normalised at 0.6,
plus a highlight shoulder so the top rolls off instead of clipping.
* useTrack never prewarmed, so a fresh Show's first frame differed from every
later render of it — the export-breaking hazard Compositor.prime documents.
Blazing is a decision now, not a side effect: directors declare an appetite for
it, a section must be loud and late in the story to earn one, and quiet kinds
never do. The ceiling gate matches that — a hard cap per section, and no more
than a fifth of them hot at all.
Rendered across twelve videos, middle of every section:
painted 51% mean, darkest 0.3% -> 87% mean, darkest 43%
clipped white 24% median, worst 100% -> 1% mean, worst 30%
separation 0.10 -> 0.44
Seven scenes can ground a section — five geometric, two organic — so every
quiet section of every video stands on one of two beds. That is the library's
largest hole and it is scene work: there is no minimal or flow canvas that
fills half the frame without reading prev().
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
218 lines
9.7 KiB
JavaScript
218 lines
9.7 KiB
JavaScript
// Measuring every visualizer, and writing the answers back into the repo.
|
|
//
|
|
// The library has always had two kinds of fact about a scene. Declared ones —
|
|
// family, traits, `consumes` — which say what the scene is FOR, and measured
|
|
// ones, which say what it actually does when rendered. Declared facts belong in
|
|
// the scene file. Measured facts do not: hand-written, they drift the moment a
|
|
// shader changes, and nine scenes declaring `surface: 'canvas'` while painting
|
|
// under a third of the frame is what that drift looks like.
|
|
//
|
|
// So the measured half lives in scenes/metadata.json, generated from here,
|
|
// tracked in git, and stamped with a fingerprint of everything that could
|
|
// change it. When the fingerprint stops matching, the numbers are stale and the
|
|
// phase 12 gate says so — the file is a cache of a render, and a cache nobody
|
|
// can tell is stale is worse than no cache.
|
|
//
|
|
// The measurement is the GALLERY's: six songs, sampled parameters, real
|
|
// identities and palettes — a scene as it is actually cast, not as it renders
|
|
// at default parameters. The difference is not academic. Salt Flat paints 65%
|
|
// of the frame at defaults and 32% across six real songs, and the generator
|
|
// chooses grounds with this number.
|
|
|
|
import { Engine } from '../engine/Engine.js';
|
|
import { scenes } from '../scenes/registry.js';
|
|
import { galleryContexts, renderScene, THUMB } from './gallery.js';
|
|
import { readsHistory } from '../params/schema.js';
|
|
import { GROUND_BIAS, groundTemperamentFrom, groundPersonalityFrom } from '../scenes/surface.js';
|
|
import metadata from '../scenes/metadata.json';
|
|
|
|
/**
|
|
* What invalidates the measurements.
|
|
*
|
|
* Deliberately NOT every file under src/, which is what the gallery cache
|
|
* fingerprints: that changes when the UI changes, and it would mark the
|
|
* metadata stale for edits that cannot move a single number. What can move one
|
|
* is the scenes themselves, the contract they are compiled against, the
|
|
* identities and palettes they are handed, and the metric definitions — so
|
|
* those, and nothing else.
|
|
*
|
|
* Globbed rather than listed wherever a whole directory qualifies, because the
|
|
* file that invalidates a measurement is exactly the one nobody remembers to
|
|
* add to a list.
|
|
*/
|
|
const SOURCES = {
|
|
...import.meta.glob('/src/scenes/**/*.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/checks/variety/descriptors.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/checks/variety/signature.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/checks/gallery.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/checks/metadata.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/engine/shader-contract.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/look/Identity.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/look/Personality.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/look/palette.js', { query: '?raw', import: 'default', eager: true }),
|
|
...import.meta.glob('/src/audio/songbank.js', { query: '?raw', import: 'default', eager: true }),
|
|
};
|
|
|
|
/** The version of the measurement itself. Bump to force a refresh of everything. */
|
|
export const SCHEMA = 4;
|
|
|
|
export function metricsFingerprint() {
|
|
let h = 0x811c9dc5 >>> 0;
|
|
const mix = (str) => {
|
|
for (let i = 0; i < str.length; i++) {
|
|
h ^= str.charCodeAt(i);
|
|
h = Math.imul(h, 0x01000193) >>> 0;
|
|
}
|
|
};
|
|
mix(`schema:${SCHEMA}`);
|
|
for (const path of Object.keys(SOURCES).sort()) {
|
|
mix(path);
|
|
mix(SOURCES[path]);
|
|
}
|
|
return h.toString(16).padStart(8, '0');
|
|
}
|
|
|
|
/** Whether the checked-in metadata was measured from the code that is here now. */
|
|
export function metadataIsFresh() {
|
|
return metadata.fingerprint === metricsFingerprint();
|
|
}
|
|
|
|
/** Anything a viewer would read as painted rather than as backdrop. */
|
|
function litFraction(pixels) {
|
|
let lit = 0;
|
|
for (let i = 0; i < pixels.length; i += 4) {
|
|
if (pixels[i] + pixels[i + 1] + pixels[i + 2] > 90) lit++;
|
|
}
|
|
return lit / (pixels.length / 4);
|
|
}
|
|
|
|
const round = (x, places = 4) => Number(x.toFixed(places));
|
|
|
|
/** Mean of the six per-context descriptors, block by block. */
|
|
function meanProfile(descriptors) {
|
|
const out = {};
|
|
for (const block of Object.keys(descriptors[0])) {
|
|
const length = descriptors[0][block].length;
|
|
const acc = new Array(length).fill(0);
|
|
for (const d of descriptors) {
|
|
for (let i = 0; i < length; i++) acc[i] += d[block][i] / descriptors.length;
|
|
}
|
|
out[block] = acc.map((v) => round(v));
|
|
}
|
|
return out;
|
|
}
|
|
|
|
/**
|
|
* Measure the whole library.
|
|
*
|
|
* Per scene: how much frame it paints, how much it changes between songs, and
|
|
* its mean structural profile — the descriptor the variety harness compares
|
|
* videos with, averaged over the six renders. The profile is what makes this
|
|
* more than a list of numbers: two profiles can be compared, so the generator
|
|
* can ask whether a shot and the thing under it are the same picture twice.
|
|
*
|
|
* @returns {object} the metadata file's contents
|
|
*/
|
|
export function measureLibrary({ onScene = null, contexts = null } = {}) {
|
|
const ctx = contexts || galleryContexts(6);
|
|
// The same six songs, sampled the way a BED is. Coverage is mostly a
|
|
// function of a scene's parameters, so "how much does this paint" has two
|
|
// answers and the generator needs both: one for the budget, and one for
|
|
// whether it may be a ground at all. See GROUND_BIAS.
|
|
const bedCtx = ctx.map((c) => ({
|
|
...c,
|
|
bias: { ...c.bias, ...GROUND_BIAS },
|
|
personality: {
|
|
...groundPersonalityFrom(c.personality),
|
|
temperament: groundTemperamentFrom(c.personality.temperament),
|
|
},
|
|
}));
|
|
const engine = new Engine({ ...THUMB });
|
|
const out = {};
|
|
try {
|
|
const list = scenes.filter((m) => m.kind === 'fragment');
|
|
for (const module of list) {
|
|
const { thumbs, variety, byBlock, descriptors, error } = renderScene(engine, module, ctx);
|
|
const bed = renderScene(engine, module, bedCtx);
|
|
out[module.name] = {
|
|
coverage: round(thumbs.reduce((s, px) => s + litFraction(px), 0) / thumbs.length, 3),
|
|
// The WORST of the six, not the mean. What a ground has to
|
|
// promise is a filled frame in the video it lands in, and the
|
|
// spread across identities is enormous: a track whose ink
|
|
// treatment is `hollow` draws outlines instead of fills, so a
|
|
// scene that paints 61% averaged over six songs paints 2% in
|
|
// the one that asked for outlines — measured, and it is how a
|
|
// section with a ground under it still rendered near-black.
|
|
// A mean cannot make a promise; a minimum can.
|
|
bedCoverage: round(Math.min(...bed.thumbs.map(litFraction)), 3),
|
|
bedCoverageMean: round(
|
|
bed.thumbs.reduce((s, px) => s + litFraction(px), 0) / bed.thumbs.length, 3),
|
|
variety: round(variety, 3),
|
|
blocks: Object.fromEntries(
|
|
Object.entries(byBlock).map(([b, v]) => [b, round(v, 3)])),
|
|
// Declared, not measured, and carried here anyway: it is a fact
|
|
// about the scene that the composition rules read, and having
|
|
// every compositional input in one file is the point.
|
|
readsHistory: readsHistory(module),
|
|
profile: meanProfile(descriptors),
|
|
...(error ? { error } : {}),
|
|
};
|
|
if (onScene) onScene(Object.keys(out).length, list.length, module.name);
|
|
}
|
|
} finally {
|
|
engine.dispose();
|
|
}
|
|
|
|
return {
|
|
fingerprint: metricsFingerprint(),
|
|
schema: SCHEMA,
|
|
measured: new Date().toISOString().slice(0, 10),
|
|
contexts: ctx.map((c) => c.name),
|
|
scenes: out,
|
|
};
|
|
}
|
|
|
|
/** What moved against the checked-in file. */
|
|
export function metadataDrift(fresh) {
|
|
// Tolerates a missing or half-written file on purpose: this runs on the way
|
|
// to REPLACING it, and refusing to report because the thing being replaced
|
|
// is malformed is the least useful moment to be strict.
|
|
const previous = (metadata && metadata.scenes) || {};
|
|
const moved = [];
|
|
for (const [name, row] of Object.entries(fresh.scenes)) {
|
|
const was = previous[name];
|
|
if (!was) {
|
|
moved.push({ name, note: 'new' });
|
|
continue;
|
|
}
|
|
const delta = row.coverage - was.coverage;
|
|
if (Math.abs(delta) > 0.02) {
|
|
moved.push({
|
|
name, note: `coverage ${(was.coverage * 100).toFixed(0)}% → ${(row.coverage * 100).toFixed(0)}%`,
|
|
delta,
|
|
});
|
|
}
|
|
}
|
|
const gone = Object.keys(previous).filter((n) => !fresh.scenes[n]);
|
|
return {
|
|
moved: moved.sort((a, b) => Math.abs(b.delta || 0) - Math.abs(a.delta || 0)),
|
|
gone,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Ask the dev server to write the file back into the source tree.
|
|
*
|
|
* Dev-only by construction — the endpoint is a middleware in vite.config.js. A
|
|
* built page has no source tree to write to, and failing there is correct.
|
|
*/
|
|
export async function writeMetadata(fresh) {
|
|
const response = await fetch('/__metadata', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(fresh, null, 2) + '\n',
|
|
});
|
|
if (!response.ok) throw new Error(`${response.status} ${await response.text()}`);
|
|
return response.text();
|
|
}
|