fix nomi colonne

This commit is contained in:
2026-07-02 14:04:02 +02:00
parent 130d6f944a
commit 0ab7e9f013
2 changed files with 21 additions and 14 deletions

14
app.js
View File

@@ -289,16 +289,10 @@
const ITEM_H = 88; const ITEM_H = 88;
const reelEls = [$("#reel0"), $("#reel1"), $("#reel2")]; const reelEls = [$("#reel0"), $("#reel1"), $("#reel2")];
// simbolo (emoji) per ogni stanza — come i simboli di una slot vera
const ROOM_SYMBOL = {
zeus: "⚡", hera: "👑", ignota: "❓", scale: "🪜",
rischio: "🎲", eolo: "🌪️", idro: "💧", argo: "⛵",
};
const symbolOf = (room) => ROOM_SYMBOL[room.id] || "🏠";
function reelItemHTML(room) { function reelItemHTML(room) {
const jz = room.jacuzzi ? " jz" : ""; const jz = room.jacuzzi ? " jz" : "";
return `<div class="reel-item${jz}" data-room="${room.id}">${symbolOf(room)}</div>`; const icon = room.jacuzzi ? '<span class="jz-badge">🛁</span>' : "";
return `<div class="reel-item${jz}" data-room="${room.id}">${icon}<span>${room.nome}</span></div>`;
} }
// Costruisce la striscia di un rullo che termina sulla stanza target // Costruisce la striscia di un rullo che termina sulla stanza target
@@ -383,7 +377,7 @@
Audio.blip(320, 0.18, "sine", 0.16); Audio.blip(320, 0.18, "sine", 0.16);
const win = $(".reel-window"); const win = $(".reel-window");
win.classList.add("teasing"); win.classList.add("teasing");
mc(`Ferma su ${fakeRoom.nome} ${symbolOf(fakeRoom)}...? 🤨`); mc(`Ferma su ${fakeRoom.nome}...? 🤨`);
await sleep(750); await sleep(750);
// FASE 3: SCATTO alla stanza vera // FASE 3: SCATTO alla stanza vera
@@ -438,7 +432,7 @@
ticking = false; ticking = false;
stopRiser(); stopRiser();
zoomMachineSteady(); zoomMachineSteady();
$("#reel-result").innerHTML = `${symbolOf(targetRoom)} <b>${targetRoom.nome}</b> ${symbolOf(targetRoom)}`; $("#reel-result").innerHTML = `${targetRoom.jacuzzi ? "🛁 " : ""}<b>${targetRoom.nome}</b>${targetRoom.jacuzzi ? " 🛁" : ""}`;
} }
/* ---------- Zoom macchina ---------- */ /* ---------- Zoom macchina ---------- */

View File

@@ -343,14 +343,27 @@ body {
.reel-item { .reel-item {
height: 88px; height: 88px;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 54px; gap: 2px;
line-height: 1; padding: 0 6px;
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2)); text-align: center;
font-family: "Anton", sans-serif;
font-size: 22px;
line-height: 0.98;
letter-spacing: 0.5px;
color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
overflow: hidden;
} }
.reel-item.jz { .reel-item.jz {
filter: drop-shadow(0 0 14px var(--gold-2)); color: var(--gold);
text-shadow: 0 0 12px var(--gold-2);
}
.reel-item .jz-badge {
font-size: 15px;
line-height: 1;
} }
/* caption con il nome della stanza risultante */ /* caption con il nome della stanza risultante */
.reel-result { .reel-result {