// V3 — Edward Gorey-inspired character sprites
// Cross-hatched line work, gaunt elongated figures, Victorian mourning
// All sprites: 36x60 viewBox, drawn so feet sit at y=58.
// Shared cross-hatch pattern definitions
const HatchDefs = ({ id }) => (
);
// ======== 1. THE WIDOW ELOISE ========
// Tall woman in mourning — long black dress, veil, pale gaunt face,
// a single jet brooch. Carries a parasol when not blowing.
const WidowEloise = ({ running, jumping, blowing, frame, facing }) => {
const legSwing = jumping ? 0 : (running ? [0, 1, 0, -1][frame] : 0);
const armUp = blowing ? -55 : (jumping ? -10 : (running ? [-1, 1, -1, 1][frame] * 5 : 0));
const skirtSway = running ? [0, 1, 0, -1][frame] : 0;
return (
);
};
// ======== 2. THE GENT — MR. AUGUSTUS BRINE ========
// Pencil-thin gentleman in tailcoat, top hat, monocle, walking stick
const MrBrine = ({ running, jumping, blowing, frame, facing }) => {
const legSwing = jumping ? 0 : (running ? [0, 2, 0, -2][frame] : 0);
const armUp = blowing ? -55 : (jumping ? -10 : (running ? [-1, 1, -1, 1][frame] * 5 : 0));
return (
);
};
// ======== 3. THE WAIF — LITTLE INK ========
// Small child in a sailor outfit, big head, expressionless. Quintessential Gorey.
const LittleInk = ({ running, jumping, blowing, frame, facing }) => {
const legSwing = jumping ? 0 : (running ? [0, 1, 0, -1][frame] : 0);
const armUp = blowing ? -55 : (jumping ? -10 : (running ? [-1, 1, -1, 1][frame] * 4 : 0));
return (
);
};
// ======== Character roster ========
const CHARACTERS = [
{
id: 'eloise',
name: 'Widow Eloise',
title: 'in mourning, on the prowl',
Component: WidowEloise,
blurb: 'Bereaved seven times. Still hungry.',
stats: { speed: 2, jump: 3, range: 3 },
},
{
id: 'brine',
name: 'Mr. Brine',
title: 'gentleman of leisure',
Component: MrBrine,
blurb: 'A monocle. A grievance. A talent for bubbles.',
stats: { speed: 3, jump: 2, range: 3 },
},
{
id: 'ink',
name: 'Little Ink',
title: 'orphan, indeterminate',
Component: LittleInk,
blurb: 'No one quite remembers where the child came from.',
stats: { speed: 4, jump: 4, range: 1 },
},
];
// Expose for other scripts
Object.assign(window, {
WidowEloise, MrBrine, LittleInk, CHARACTERS,
});