// Illustrations.jsx — Animated scene illustrations for each world
// ── INTRO — Phone in dark room ────────────────────────────────────────────────
function IllustrationIntro() {
return (
);
}
// ── SWAMP — Algorithm Eye in the forest ──────────────────────────────────────
function IllustrationSwamp() {
const treeData = [10,42,76,112,148,184,222,258,292];
const heights = [90,120,75,105,135,80,115,95,110];
return (
);
}
// ── ARCADE — Neon grid + machines ────────────────────────────────────────────
function IllustrationArcade() {
const winLights = [1,0,1,1,0,1,0,1,1,0,1,0];
return (
);
}
// ── CITY — Validation skyline ─────────────────────────────────────────────────
function IllustrationCity() {
const blds = [
{x:0,w:28,h:82},{x:32,w:22,h:112},{x:58,w:32,h:60},{x:94,w:18,h:98},
{x:116,w:26,h:135},{x:146,w:20,h:88},{x:170,w:38,h:105},{x:212,w:26,h:72},
{x:242,w:22,h:118},{x:268,w:30,h:68},{x:282,w:28,h:95}
];
// Deterministic window states based on index
const winOn = (bi, ri, ci) => ((bi*7 + ri*13 + ci*3) % 10) > 3;
return (
);
}
// ── TRAIL — Dawn run ──────────────────────────────────────────────────────────
function IllustrationTrail() {
return (
);
}
// ── BEACH — The purpose beach (win screen) ────────────────────────────────────
function IllustrationBeach() {
return (
);
}
// ── ROUTER ────────────────────────────────────────────────────────────────────
function Illustration({ bg }) {
if (bg === 'intro') return React.createElement(IllustrationIntro, null);
if (bg === 'swamp') return React.createElement(IllustrationSwamp, null);
if (bg === 'arcade') return React.createElement(IllustrationArcade, null);
if (bg === 'city') return React.createElement(IllustrationCity, null);
if (bg === 'trail') return React.createElement(IllustrationTrail, null);
if (bg === 'beach') return React.createElement(IllustrationBeach, null);
return null;
}
Object.assign(window, { Illustration });