44 lines
3.4 KiB
TypeScript
44 lines
3.4 KiB
TypeScript
export interface MockupInfo { slug: string; number: number; name: string; pitch: string; tryThis: string }
|
|
|
|
export const mockups: MockupInfo[] = [
|
|
{ slug: "01-editorial", number: 1, name: "Editorial scroll",
|
|
pitch: "A clean horizontal line in a parchment-and-serif editorial style, with motifs as thin coloured threads underneath.",
|
|
tryThis: "Pan sideways, notice gap length tracking in-story time, and open a song." },
|
|
{ slug: "02-vertical-story", number: 2, name: "Vertical story",
|
|
pitch: "The voyage scrolls downward; songs reveal one at a time beside a sticky detail panel.",
|
|
tryThis: "Scroll and watch the sticky detail panel update." },
|
|
{ slug: "03-transit-map", number: 3, name: "Transit map",
|
|
pitch: "Each motif is a coloured metro line and each song a station; shared stations are interchanges.",
|
|
tryThis: "Follow a line between stations, find an interchange, and check the legend." },
|
|
{ slug: "04-greek-frieze", number: 4, name: "Greek frieze",
|
|
pitch: "The timeline as an unrolled black-figure vase frieze, panned sideways.",
|
|
tryThis: "Pan the frieze and open a song panel." },
|
|
{ slug: "05-score", number: 5, name: "Score / waveform",
|
|
pitch: "The line is a music staff or waveform; song parts are segments and motifs are recurring marks.",
|
|
tryThis: "Look at song parts as segments and follow motif marks as they recur." },
|
|
{ slug: "06-constellation", number: 6, name: "Constellation (3D)",
|
|
pitch: "Songs are stars along a path through space, joined by motif constellation lines (three.js).",
|
|
tryThis: "Fly the camera through, hover a star, and open a song." },
|
|
{ slug: "07-sea-voyage", number: 7, name: "Sea voyage (3D)",
|
|
pitch: "A ship crosses a 3D sea past saga islands while the camera follows the route (three.js).",
|
|
tryThis: "Watch the ship sail the route, spot the saga islands, and open a song." },
|
|
{ slug: "08-chart-logline", number: 8, name: "Sea chart + log line",
|
|
pitch: "A navigator's chart for place, with a synced editorial log line beneath it for time; motifs as coloured sea routes.",
|
|
tryThis: "Pick a motif, scrub the log line, and watch the chart follow." },
|
|
{ slug: "09-chart-transit", number: 9, name: "Schematic sea chart",
|
|
pitch: "The voyage straightened into a transit-style diagram laid over a faint chart; motif lines run alongside the ship's course.",
|
|
tryThis: "Follow a motif line from port to port and open one." },
|
|
{ slug: "10-chart-scroll", number: 10, name: "Unrolling chart",
|
|
pitch: "An editorial horizontal scroll whose ground is a long chart unrolling as you pan; motif threads trail beneath the route.",
|
|
tryThis: "Pan sideways and watch the ship and coastline move with you." },
|
|
{ slug: "11-chart-atlas", number: 11, name: "Atlas with insets",
|
|
pitch: "An overview chart of the whole sea; each saga island opens an inset chart with its songs as ports.",
|
|
tryThis: "Open an island's inset, then a song, then zoom back out." },
|
|
{ slug: "12-vellum-atlas", number: 12, name: "Vellum atlas",
|
|
pitch: "The atlas overview and island plates of 11, drawn in the vellum portolan style of 10.",
|
|
tryThis: "Open Cyclops' Island, pick a theme, and switch the plate's motif style (A/B/C)." },
|
|
{ slug: "13-curtain-call", number: 13, name: "Curtain call",
|
|
pitch: "The frieze curtain that carries you from the 2D story into the 3D sea and down into a landing.",
|
|
tryThis: "Press Play, or step through: frieze, sea, Cyclops' Island, frieze, cave. Switch the look (1/2/3)." },
|
|
];
|