fix nomi colonne
This commit is contained in:
14
app.js
14
app.js
@@ -289,16 +289,10 @@
|
||||
const ITEM_H = 88;
|
||||
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) {
|
||||
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
|
||||
@@ -383,7 +377,7 @@
|
||||
Audio.blip(320, 0.18, "sine", 0.16);
|
||||
const win = $(".reel-window");
|
||||
win.classList.add("teasing");
|
||||
mc(`Ferma su ${fakeRoom.nome} ${symbolOf(fakeRoom)}...? 🤨`);
|
||||
mc(`Ferma su ${fakeRoom.nome}...? 🤨`);
|
||||
await sleep(750);
|
||||
|
||||
// FASE 3: SCATTO alla stanza vera
|
||||
@@ -438,7 +432,7 @@
|
||||
ticking = false;
|
||||
stopRiser();
|
||||
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 ---------- */
|
||||
|
||||
21
styles.css
21
styles.css
@@ -343,14 +343,27 @@ body {
|
||||
.reel-item {
|
||||
height: 88px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 54px;
|
||||
line-height: 1;
|
||||
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
|
||||
gap: 2px;
|
||||
padding: 0 6px;
|
||||
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 {
|
||||
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 */
|
||||
.reel-result {
|
||||
|
||||
Reference in New Issue
Block a user