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

Fix path disappearing by moving map-ground outside scrolling world, reduce speed to 8px per tick

Browse Source
This commit is contained in:
Justin Oros
2026-05-14 10:35:13 -07:00
parent 255c7aae6c
commit 2213a85ff8
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
game.js
+1 -1
View File
@@ -182,7 +182,7 @@ class Game {
const viewW = world.parentElement.offsetWidth || 420; const viewW = world.parentElement.offsetWidth || 420;
const viewH = world.parentElement.offsetHeight || 300; const viewH = world.parentElement.offsetHeight || 300;
const SPEED = 12; /* px per tick */ const SPEED = 8; /* px per tick */
let dx = 0, dy = 0, dir = ''; let dx = 0, dy = 0, dir = '';
if (this._heldKeys.has('right')) { dx = SPEED; dir = 'right'; } if (this._heldKeys.has('right')) { dx = SPEED; dir = 'right'; }
index.html
+2 -1
View File
@@ -107,13 +107,14 @@
<span class="tree">🌲</span><span class="tree">🌳</span><span class="tree">🌲</span> <span class="tree">🌲</span><span class="tree">🌳</span><span class="tree">🌲</span>
<span class="tree">🌳</span><span class="tree">🌲</span><span class="tree">🌳</span> <span class="tree">🌳</span><span class="tree">🌲</span><span class="tree">🌳</span>
</div> </div>
<div class="map-ground"></div>
<!-- NPC with ! bubble — position driven by JS in world-px --> <!-- NPC with ! bubble — position driven by JS in world-px -->
<div class="map-npc-wrap" id="map-npc-wrap"> <div class="map-npc-wrap" id="map-npc-wrap">
<div class="npc-bubble" id="npc-bubble">!</div> <div class="npc-bubble" id="npc-bubble">!</div>
<div class="map-npc" id="map-npc"></div> <div class="map-npc" id="map-npc"></div>
</div> </div>
</div> </div>
<!-- Path stays fixed to the viewport — does not scroll -->
<div class="map-ground"></div>
<!-- Player stays fixed to viewport, only Y moves --> <!-- Player stays fixed to viewport, only Y moves -->
<div class="map-player" id="map-player">🧢</div> <div class="map-player" id="map-player">🧢</div>
<!-- Hints overlay the viewport, not the world --> <!-- Hints overlay the viewport, not the world -->