From b0768841f1dc6a7bcf289c88ddcc2cc28883fd45 Mon Sep 17 00:00:00 2001 From: Justin Oros Date: Thu, 14 May 2026 13:51:56 -0700 Subject: [PATCH] =?UTF-8?q?Fix=20sprite=20directions=20=E2=80=94=20swap=20?= =?UTF-8?q?Up=20and=20Left=20frame=20offsets=20to=20match=20actual=20sheet?= =?UTF-8?q?=20layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- game.js | 2 +- style.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/game.js b/game.js index 3145d02..ad54305 100644 --- a/game.js +++ b/game.js @@ -348,7 +348,7 @@ class Game { p.className = 'map-player idle'; /* Show the idle/middle frame for the last direction walked Frames at 2× scale (32px each): down=32, up=128, left=224, right=320 */ - const idleFrames = { down:'-32px', up:'-128px', left:'-224px', right:'-320px' }; + const idleFrames = { down:'-32px', left:'-128px', up:'-224px', right:'-320px' }; p.style.backgroundPositionX = idleFrames[this.state.lastDir] || '-32px'; } } diff --git a/style.css b/style.css index 9cb5382..db25145 100644 --- a/style.css +++ b/style.css @@ -103,8 +103,8 @@ html, body { /* Sprite walk — player.png 384x32px, 24 frames at 16x32px each Layout: 0-2=down 3-5=up 6-8=left 9-11=right */ @keyframes walkDown { from{background-position-x: 0px} to{background-position-x: -96px} } -@keyframes walkUp { from{background-position-x: -96px} to{background-position-x: -192px} } -@keyframes walkLeft { from{background-position-x:-192px} to{background-position-x: -288px} } +@keyframes walkLeft { from{background-position-x: -96px} to{background-position-x: -192px} } +@keyframes walkUp { from{background-position-x:-192px} to{background-position-x: -288px} } @keyframes walkRight { from{background-position-x:-288px} to{background-position-x: -384px} } @keyframes dpadPress { 0%{transform:scale(1)}50%{transform:scale(.88)}100%{transform:scale(1)} } @keyframes abPress { 0%{transform:scale(1)}40%{transform:scale(.82)}100%{transform:scale(1)} }