refactor: migrate world rendering from programmatic sprites to PNG assets

Replace pixel-art drawing with pre-rendered PNG map backgrounds and
character/NPC sprite images from pokemon-js reference. Maps now use
coordinate-based wall arrays instead of tile grids.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-20 16:02:44 +01:00
parent e4cf35701e
commit c836ccbb21
24 changed files with 479 additions and 989 deletions

View File

@@ -11,8 +11,8 @@ export const worldState = {
// Player
player: {
x: 10,
y: 12, // tile position in current map
x: 4,
y: 10, // tile position in current map
px: 0,
py: 0, // pixel offset for smooth movement (interpolation)
direction: 'down', // 'up' | 'down' | 'left' | 'right'
@@ -58,8 +58,8 @@ export const worldState = {
*/
export function resetWorldState() {
worldState.mode = 'world';
worldState.player.x = 10;
worldState.player.y = 12;
worldState.player.x = 4;
worldState.player.y = 10;
worldState.player.px = 0;
worldState.player.py = 0;
worldState.player.direction = 'down';