funman300/Ferrous-Solitaire
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 28 Wiki Activity

fix(web): preload card images to prevent white-flash on flip

Browse Source 
When a card flipped face-up, the browser fetched the PNG on demand,
showing the cream fallback colour until the image arrived. Preloading
all 52 faces and the back at module load ensures they are cached before
any flip can occur.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
funman300
2026-05-13 17:17:33 -07:00
parent c6c03b8bff
commit c40817d845
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
solitaire_server/web/game.js
+10
View File
@@ -53,6 +53,16 @@ const SUIT_CODE = { clubs: "C", diamonds: "D", hearts: "H", spades: "S" };
const RANK_LABELS = ["","A","2","3","4","5","6","7","8","9","10","J","Q","K"];
const RED_SUITS = new Set(["diamonds", "hearts"]);
// Preload all card images so face-up transitions never flash white.
(function preloadCards() {
const suits = Object.values(SUIT_CODE);
const ranks = RANK_LABELS.slice(1); // skip empty index 0
for (const r of ranks) for (const s of suits) {
new Image().src = `/assets/cards/faces/${r}${s}.png`;
}
new Image().src = "/assets/cards/backs/back_0.png";
}());
// ── State ────────────────────────────────────────────────────────────────────
let game = null;
let snap = null; // last rendered GameSnapshot