43 lines
4.1 KiB
JavaScript
43 lines
4.1 KiB
JavaScript
import { WORLD_SCALE } from '../config.js';
|
|
|
|
// Single source of truth for every image the game expects.
|
|
// Drop a real file at `path` and it will be used automatically -
|
|
// nothing else in the codebase needs to change (see placeholderTextures.js).
|
|
export const ASSET_MANIFEST = [
|
|
{ key: 'bus_chassis', path: 'assets/sprites/bus_chassis.png', width: 170 * WORLD_SCALE, height: 64 * WORLD_SCALE, kind: 'rect', color: 0x2255aa },
|
|
{ key: 'bus_wheel', path: 'assets/sprites/bus_wheel.png', width: 34 * WORLD_SCALE, height: 34 * WORLD_SCALE, kind: 'circle', color: 0x222222 },
|
|
// Real art is a 5-frame sheet (one distinct kid per frame, 56x56px each,
|
|
// matching BUS.maxSeats) - frameWidth/frameHeight (raw source pixels, NOT
|
|
// WORLD_SCALE-relative) make PreloadScene load it as a spritesheet
|
|
// instead of a single squashed image; Kid.js picks the frame matching its
|
|
// seat index. width/height here stay the DISPLAY size of one frame, same
|
|
// as before - only used for the single-frame placeholder fallback.
|
|
{ key: 'kid_idle', path: 'assets/sprites/kid_idle.png', width: 28 * WORLD_SCALE, height: 28 * WORLD_SCALE, kind: 'circle', color: 0xf2c14e, frameWidth: 56, frameHeight: 56 },
|
|
{ key: 'kid_ejected', path: 'assets/sprites/kid_ejected.png', width: 28 * WORLD_SCALE, height: 28 * WORLD_SCALE, kind: 'circle', color: 0xe0553b, frameWidth: 56, frameHeight: 56 },
|
|
{ key: 'bg_far', path: 'assets/backgrounds/bg_far.png', width: 256 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x8fc7e8, tileable: true },
|
|
{ key: 'bg_mid', path: 'assets/backgrounds/bg_mid.png', width: 256 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x6fae7d, tileable: true },
|
|
{ key: 'bg_near', path: 'assets/backgrounds/bg_near.png', width: 256 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x4c8a5c, tileable: true },
|
|
// Intro screen's poster art (960x540 native design aspect) and the
|
|
// standalone wordmark graphic IntroScene layers on top of it, animated -
|
|
// see IntroScene._buildLogo.
|
|
{ key: 'bg_main', path: 'assets/backgrounds/bg_main.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x2255aa },
|
|
{ key: 'logo', path: 'assets/backgrounds/logo.png', width: 320 * WORLD_SCALE, height: 173 * WORLD_SCALE, kind: 'rect', color: 0xe040a0 },
|
|
// Shared full-bleed background for MainMenuScene.
|
|
{ key: 'bg_menu', path: 'assets/backgrounds/bg_menu.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x8fc7e8 },
|
|
// LevelSelect map art. The node/path images are 960x540 canvases with the
|
|
// sprite centered (see makeMap* in the placeholder generator) so the code
|
|
// can just display them full-frame at a node's (x,y) - real art should do
|
|
// the same, or use a transparent canvas with the art centered.
|
|
{ key: 'campaign01_bg', path: 'assets/backgrounds/campaign01_bg.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x8fc7e8 },
|
|
{ key: 'campaign02_bg', path: 'assets/backgrounds/campaign02_bg.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0x3a346e },
|
|
// 960x540 canvas, badge centered (see the LEVEL SELECT section of sprites.md).
|
|
{ key: 'map_node', path: 'assets/ui/map_node.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'circle', color: 0x2255aa },
|
|
// 512x512 badge art (NOT the 960x540 centered-frame convention of the other
|
|
// node sprites) - see NODE_ART_FRAMES + nodeDisplaySize() in mapArt.js.
|
|
{ key: 'map_node_current', path: 'assets/ui/map_node_current.png', width: 512, height: 512, kind: 'circle', color: 0xdea834 },
|
|
{ key: 'map_node_locked', path: 'assets/ui/map_node_locked.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'circle', color: 0x606876 },
|
|
{ key: 'map_finish', path: 'assets/ui/map_finish.png', width: 512, height: 512, kind: 'rect', color: 0xde5046 },
|
|
{ key: 'map_campaign_tag', path: 'assets/ui/map_campaign_tag.png', width: 960 * WORLD_SCALE, height: 540 * WORLD_SCALE, kind: 'rect', color: 0xf4f0e6 },
|
|
{ key: 'favicon', path: 'assets/favicon.png', width: 32, height: 32, kind: 'rect', color: 0x2255aa },
|
|
];
|