Leahnaya/pokeemerald-expansion
1
0
Fork 0
mirror of https://github.com/rh-hideout/pokeemerald-expansion.git synced 2026-03-21 18:04:50 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix sprite display to show front-facing frame instead of full sheet

Browse Source 
The NPC sprite images are horizontal strips with multiple frames. Previously
the entire sheet was squeezed into the container, showing all frames at once.
Now the image height fills the container with auto width, and overflow:hidden
clips to just the first (front-facing) frame.

https://claude.ai/code/session_01LgEDXY2DGWvLdHvhmM5Xqy
This commit is contained in:
Claude 2026-03-21 13:18:17 +00:00
parent 54f2168d7e
commit 34d9e833db
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
editor/app.js
View File

@ -2140,7 +2140,7 @@ function getSpriteHtml(graphicsId, size = 32) {
const url = getSpriteUrl(graphicsId);
const name = (graphicsId || '').replace('OBJ_EVENT_GFX_', '').replace(/_/g, ' ');
return `<div class="sprite-container" style="width:${size}px;height:${size}px">
<img src="${url}" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" style="width:${size}px;height:${size}px;image-rendering:pixelated" alt="${escAttr(name)}">
<img src="${url}" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" style="height:${size}px;width:auto;image-rendering:pixelated" alt="${escAttr(name)}">
<div class="sprite-fallback" style="display:none;width:${size}px;height:${size}px">${escHtml(name.substring(0, 2).toUpperCase())}</div>
</div>`;
}

2
editor/style.css
View File

@ -1200,7 +1200,7 @@ tbody tr:last-child td { border-bottom: none; }
background: var(--bg);
display: flex;
align-items: center;
justify-content: center;
justify-content: flex-start;
}
.sprite-fallback {
align-items: center;