justin/pokeazure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix right idle frame to -320px so player faces right when stopping after walking right

Browse Source
This commit is contained in:
Justin Oros
2026-05-21 09:35:53 -07:00
parent 37a8fa2755
commit f0ffb0259c
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
game.js
+7 -5
View File
@@ -383,11 +383,13 @@ class Game {
if (this.state.screen === 'map') { if (this.state.screen === 'map') {
const p = document.getElementById('map-player'); const p = document.getElementById('map-player');
if (p) { if (p) {
const dir = this.state.lastDir;
const idleFrames = { right:'-320px', down:'-32px', left:'-128px', up:'-224px' };
const frame = idleFrames[dir] || '-32px';
p.className = 'map-player idle'; p.className = 'map-player idle';
/* Show the idle/middle frame for the last direction walked requestAnimationFrame(() => {
Frames at 2× scale (32px each): down=32, up=128, left=224, right=320 */ p.style.backgroundPositionX = frame;
const idleFrames = { right:'-32px', down:'-32px', left:'-128px', up:'-224px' }; });
p.style.backgroundPositionX = idleFrames[this.state.lastDir] || '-32px';
} }
} }
} }
@@ -545,7 +547,7 @@ class Game {
_placeMapSprites() { _placeMapSprites() {
const {viewW, viewH} = this._getViewport(); const {viewW, viewH} = this._getViewport();
const idleFrames = { right:'-32px', down:'-32px', left:'-128px', up:'-224px' }; const idleFrames = { right:'-320px', down:'-32px', left:'-128px', up:'-224px' };
const p = document.getElementById('map-player'); const p = document.getElementById('map-player');
const bub = document.getElementById('player-bubble'); const bub = document.getElementById('player-bubble');
if (p) { if (p) {