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

Fix black diagonal line

Browse Source
This commit is contained in:
justin committed 2026-05-20 13:12:54 -07:00
1 parent e134334475
commit f973b9e79a
2 files changed
+6 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

game.js
+4 -4
View File
@@ -436,9 +436,9 @@ class Game {
const hint = document.getElementById('map-talk-hint'); const hint = document.getElementById('map-talk-hint');
const bub = document.getElementById('npc-bubble'); const bub = document.getElementById('npc-bubble');
if (hint) { if (hint) {
hint.style.display = near ? 'block' : 'none';
hint.style.left = (viewW / 2 - 28) + 'px'; hint.style.left = (viewW / 2 - 28) + 'px';
hint.style.bottom = (viewH * 0.50) + 'px'; hint.style.bottom = (viewH * 0.50) + 'px';
hint.classList.toggle('visible', near);
} }
if (bub) bub.style.opacity = near ? '0' : '1'; if (bub) bub.style.opacity = near ? '0' : '1';
this._updateDirArrow(near); this._updateDirArrow(near);
@@ -492,18 +492,18 @@ class Game {
const viewH = world ? world.parentElement.offsetHeight : 300; const viewH = world ? world.parentElement.offsetHeight : 300;
const p = document.getElementById('map-player'); const p = document.getElementById('map-player');
const bub = document.getElementById('player-bubble');
if (p) { if (p) {
const left = viewW / 2 - 16; const left = viewW / 2 - 16;
const bottom = viewH * 0.28; const bottom = viewH * 0.28;
p.style.left = left + 'px'; p.style.left = left + 'px';
p.style.bottom = bottom + 'px'; p.style.bottom = bottom + 'px';
p.className = 'map-player idle'; p.className = 'map-player idle';
if (bub) { bub.style.left = (left - 4) + 'px'; bub.style.bottom = (bottom + 64) + 'px'; } const bub = document.getElementById('player-bubble');
if (bub) { bub.style.left = (left - 4) + 'px'; bub.style.bottom = (bottom + 66) + 'px'; }
} }
this._applyCamera(); this._applyCamera();
const hint = document.getElementById('map-talk-hint'); const hint = document.getElementById('map-talk-hint');
if (hint) hint.classList.remove('visible'); if (hint) hint.style.display = 'none';
} }
/* ══════════════════════════════════════════════════════════ /* ══════════════════════════════════════════════════════════
style.css
+2 -7
View File
@@ -481,7 +481,7 @@ html, body {
bottom: -9999px; bottom: -9999px;
} }
/* NPC lives inside .map-inner, positioned in world-px via JS */ /* NPC lives inside .map-inner, positioned in world-px via JS */
.map-npc-wrap { position:absolute; text-align:center; z-index: 30; left: -9999px; } .map-npc-wrap { position:absolute; text-align:center; z-index: 30; }
.npc-bubble { font-size:14px; font-family:var(--font); color:var(--black); background:var(--yellow); border:2px solid var(--black); width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2px; animation:bounce .7s ease-in-out infinite; } .npc-bubble { font-size:14px; font-family:var(--font); color:var(--black); background:var(--yellow); border:2px solid var(--black); width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2px; animation:bounce .7s ease-in-out infinite; }
.map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; } .map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; }
/* Player is fixed to the viewport centre horizontally; only Y moves */ /* Player is fixed to the viewport centre horizontally; only Y moves */
@@ -550,13 +550,8 @@ html, body {
padding: 3px 6px; padding: 3px 6px;
white-space: nowrap; white-space: nowrap;
z-index: 11; z-index: 11;
pointer-events: none;
display: none;
bottom: -9999px;
}
.map-talk-hint.visible {
display: block;
animation: talkBubble .6s ease-in-out infinite; animation: talkBubble .6s ease-in-out infinite;
pointer-events: none;
} }
/* Desktop: show "Press E", hide "Press A" */ /* Desktop: show "Press E", hide "Press A" */
.hint-touch { display: none; } .hint-touch { display: none; }