fix nomi colonne
This commit is contained in:
14
app.js
14
app.js
@@ -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 ---------- */
|
||||||
|
|||||||
21
styles.css
21
styles.css
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user