// ABOUTME: Four painterly Velaris-inspired SVG scenes, each viewBox-scaled to any container.
// ABOUTME: Original geometry — gradients, mountain silhouettes, scattered stars, no fan-art reference.
const sceneCommon = {
// Deterministic star scatter: same seed always yields the same starfield.
scatterStars(seed, count, w, h, opts = {}) {
const stars = [];
let s = seed;
const rand = () => {
s = (s * 9301 + 49297) % 233280;
return s / 233280;
};
for (let i = 0; i < count; i++) {
stars.push({
x: rand() * w,
y: rand() * (opts.maxY || h * 0.55),
r: rand() * 1.4 + 0.3,
o: rand() * 0.7 + 0.25,
});
}
return stars;
},
};
// 1. Starfall Peaks — towering mountains under a meteor sky.
function SceneStarfallPeaks({ id = "sp" }) {
const stars = sceneCommon.scatterStars(7, 140, 1264, 1680, { maxY: 900 });
return (
);
}
// 2. Sidra River — luminous river winding through a city of starlight.
function SceneSidraRiver({ id = "sr" }) {
const stars = sceneCommon.scatterStars(13, 100, 1264, 1680, { maxY: 800 });
return (
);
}
// 3. Velaris Bay — harbor view with cliffs and a constellation.
function SceneVelarisBay({ id = "vb" }) {
const stars = sceneCommon.scatterStars(23, 130, 1264, 1680, { maxY: 1000 });
return (
);
}
// 4. Constellation Garden — overhead view of a celestial rose in nebulae.
function SceneConstellationGarden({ id = "cg" }) {
const stars = sceneCommon.scatterStars(31, 220, 1264, 1680, { maxY: 1680 });
return (
);
}
// Scene registry. SVG scenes render a React Component; image scenes render
// a plain ![]()
covering the container. Existing IDs are preserved so saved
// drafts and library entries continue to resolve after the rename.
const SCENES_DEF = [
{ id: "starfall", kind: "svg", name: "Starfall Peaks", Component: SceneStarfallPeaks, blurb: "Three guiding stars over a moonlit range" },
{ id: "sidra", kind: "image", name: "City of Starlight", src: "assets/velaris.png", blurb: "A painted view of Velaris by night" },
{ id: "bay", kind: "image", name: "Three Sisters", src: "assets/velaris_2.png", blurb: "Three guiding stars over the central peak" },
{ id: "garden", kind: "image", name: "Starlit Vale", src: "assets/Velaris_v0.png", blurb: "A small valley under the northern stars" },
{ id: "feyre", kind: "image", name: "The Painter", src: "assets/feyre.png", blurb: "Feyre at her easel beneath the moon" },
{ id: "rhysfeyre", kind: "image", name: "On the Balcony", src: "assets/rhys-and-feyre.png", blurb: "Two silhouettes overlooking the City" },
];
function getSceneDef(id) {
return SCENES_DEF.find(s => s.id === id) || SCENES_DEF[0];
}
// Unified renderer: chooses the right representation based on scene kind.
function SceneRenderer({ sceneId, id }) {
const def = getSceneDef(sceneId);
if (def.kind === "image") {
return (
);
}
const C = def.Component;
return ;
}
Object.assign(window, {
SceneStarfallPeaks, SceneSidraRiver, SceneVelarisBay, SceneConstellationGarden,
SCENES_DEF, getSceneDef, SceneRenderer,
});