слот-машина с автоотправкой

Поделиться12025-11-24 13:51:04

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260

[html]<div class="slot-machine">
<div id="slot-timer">Загрузка таймера...</div>
<div class="slot-window">
<div class="slot-reel"><img></div>
<div class="slot-reel"><img></div>
<div class="slot-reel"><img></div>
</div>
<button id="slot-spin">Крутить 🎰</button>
<div id="slot-result"></div>
</div>

const symbols = [
{name:"Tikva", url:"https://upforme.ru/uploads/001c/52/b6/2/605998.png"},
{name:"Cherep", url:"https://upforme.ru/uploads/001c/52/b6/2/319417.png"},
{name:"Zombie", url:"https://upforme.ru/uploads/001c/52/b6/2/802623.png"},
{name:"Blood", url:"https://upforme.ru/uploads/001c/52/b6/2/566605.png"},
{name:"Potion", url:"https://upforme.ru/uploads/001c/52/b6/2/610070.png"}
];

const winningCombos = {
"Tikva,Tikva,Tikva": 100,
"Cherep,Cherep,Cherep": 150,
"Zombie,Blood,Potion": 500
};

const reels = document.querySelectorAll(".slot-reel img");
const spinBtn = document.getElementById("slot-spin");
const timerEl = document.getElementById("slot-timer");
const resultEl = document.getElementById("slot-result");

let lastSpin = localStorage.getItem("slotLastSpin") || 0;

function spinReels() {
if(Date.now() - lastSpin < COOLDOWN){
resultEl.textContent="Подожди, таймер не истёк!";
return;
}

spinBtn.disabled=true;
resultEl.textContent="";

let results=[];
let durations=[1000, 1300, 1600];

reels.forEach((img,index)=>{
let cycles = 12 + Math.floor(Math.random()*8);
let finalSymbol = symbols[Math.floor(Math.random()*symbols.length)];
results.push(finalSymbol.name);

let step=0;
let interval = setInterval(()=>{
let sym = symbols[Math.floor(Math.random()*symbols.length)];

img.style.top="-100%";
img.src = sym.url;
setTimeout(()=>{ img.style.top="0"; }, 10);

step++;
if(step>=cycles){
img.src = finalSymbol.url;
img.style.top="0";
clearInterval(interval);
}
}, durations[index]/cycles);
});

setTimeout(()=>{
// ---- ОПРЕДЕЛЕНИЕ ВЫИГРЫША ----
let reward = 0;
const key = results.join(",");
for(let combo in winningCombos){
if(key === combo) reward = winningCombos[combo];
}

if(reward>0) resultEl.textContent = `Успех! Ты получил ${reward}$`;
else resultEl.textContent = "Неудача, попробуй ещё!";

// ---- HTML результата ----
const picsHTML = results.map(name=>{
const sym = symbols.find(s=>s.name===name);
return `<img src="${sym.url}" style="width:50px;height:50px;margin:2px;">`;
}).join("");

const messageHTML =
`<div style="border:2px solid gold; padding:10px; background:#111; color:#fff; font-family:Arial;">
<b>🎰 Результат слота:</b><br>${picsHTML}<br><b>${resultEl.textContent}</b>
</div>`;

// ---- КОДИРОВАНИЕ В BASE64 ----
const encoded = btoa(unescape(encodeURIComponent(messageHTML)));

// ---- ОТПРАВКА ЗАКОДИРОВАННОГО ----
window.parent.postMessage({
type:"slotResult",
payload:{ html: encoded }
},"*");

// ---- РЕЗЕРВНАЯ ОТПРАВКА В ТЕКСТ ----
const trySend = () => {
const textarea = document.getElementById('main-reply');
const submitBtn = document.querySelector('input[name="submit"]');
if(textarea && submitBtn){
textarea.value = encoded;
submitBtn.click();
} else {
setTimeout(trySend,150);
}
};
trySend();

lastSpin = Date.now();
localStorage.setItem("slotLastSpin", lastSpin);
updateTimer();
}, Math.max(...durations));
}

spinBtn.addEventListener("click", spinReels);
})();
</script>

[/html]

0

Цитировать Сообщение 1

Поделиться22025-11-24 13:52:33

фракция: миротворцы
Автор: Доминатор
Администратор
плашка:

Дорога возникает
под ногами идущего
ЛЗ: КИТО ОРТЕГА, 38
Correr con el viento rumbo a la libertad твой текст
Сообщений: 113
Уважение: +1
валюта: 300

[html]
<div class="slot-secure" data-result="PGRpdiBzdHlsZT0iYm9yZGVyOjJweCBzb2xpZCBnb2xkOyBwYWRkaW5nOjEwcHg7IGJhY2tncm91bmQ6IzExMTsgY29sb3I6I2ZmZjsgZm9udC1mYW1pbHk6QXJpYWw7Ij4KICAgICAgICAgICAgICAgICAgICA8Yj7wn46wINCg0LXQt9GD0LvRjNGC0LDRgiDRgdC70L7RgtCwOjwvYj48YnI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi82MDU5OTgucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi82MDU5OTgucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi81NjY2MDUucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGJyPjxiPtCd0LXRg9C00LDRh9CwLCDQv9C+0L/RgNC+0LHRg9C5INC10YnRkSE8L2I+CiAgICAgICAgICAgICAgICA8L2Rpdj4=">
Загрузка результата...
</div>

0

Цитировать Сообщение 2

Поделиться32025-11-24 13:52:43

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260

[html]
<div class="slot-secure" data-result="PGRpdiBzdHlsZT0iYm9yZGVyOjJweCBzb2xpZCBnb2xkOyBwYWRkaW5nOjEwcHg7IGJhY2tncm91bmQ6IzExMTsgY29sb3I6I2ZmZjsgZm9udC1mYW1pbHk6QXJpYWw7Ij4KICAgICAgICAgICAgICAgICAgICA8Yj7wn46wINCg0LXQt9GD0LvRjNGC0LDRgiDRgdC70L7RgtCwOjwvYj48YnI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi8zMTk0MTcucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi8zMTk0MTcucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGltZyBzcmM9Imh0dHBzOi8vdXBmb3JtZS5ydS91cGxvYWRzLzAwMWMvNTIvYjYvMi84MDI2MjMucG5nIiBzdHlsZT0id2lkdGg6NTBweDtoZWlnaHQ6NTBweDttYXJnaW46MnB4OyI+PGJyPjxiPtCd0LXRg9C00LDRh9CwLCDQv9C+0L/RgNC+0LHRg9C5INC10YnRkSE8L2I+CiAgICAgICAgICAgICAgICA8L2Rpdj4=">
Загрузка результата...
</div>

0

Цитировать Сообщение 3

Поделиться4Вчера 15:28:13

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Игровой автомат</title>
<style>
/* ------------------------------------------------ */
/* ОСНОВНЫЕ СТИЛИ */
/* ------------------------------------------------ */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
color: #fff;
}

/* ------------------------------------------------ */
/* СТИЛИ ЕДИНОГО КОНТЕЙНЕРА */
/* ------------------------------------------------ */
.unified-container { /* Единый контейнер для всех элементов */
display: flex;
width: 100%;
max-width: 100%; /* Увеличим максимальную ширину для удобного размещения ТОП-10 */
background: rgba(30, 30, 46, 0.9); /* Общий фон */
border-radius: 20px;
border: 3px solid #4a4a6d; /* Общая рамка */
box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
overflow: hidden; /* Важно для объединенного вида */
}

/* ------------------------------------------------ */
/* ТОП-10 СЛЕВА СО СКРОЛЛОМ */
/* ------------------------------------------------ */
.top-players {
flex: 0 0 250px; /* Фиксированная ширина */
background: rgba(40, 40, 60, 0.9); /* Немного более темный фон для выделения */
padding: 15px;
overflow-y: auto; /* Включаем вертикальный скролл */
max-height: 700px; /* Ограничиваем высоту для скролла, можно настроить */
border-right: 2px solid #5a5a80; /* Разделительная линия */
}

.top-players h2 {
position: sticky; /* Заголовок остается на месте при скролле */
top: 0;
background: rgba(40, 40, 60, 0.95);
padding-bottom: 10px;
z-index: 10;
}

.player-list { list-style: none; padding-top: 5px; }
.player-item { display: flex; justify-content: space-between; padding: 10px 5px; margin-bottom: 5px; background: rgba(50, 50, 70, 0.6); border-radius: 6px; border-left: 3px solid #ffd700; font-size: 14px; transition: background 0.2s; }
.player-item:hover { background: rgba(60, 60, 80, 0.7); }

/* Кастомизация скроллбара для ТОП-10 */
.top-players::-webkit-scrollbar { width: 8px; }
.top-players::-webkit-scrollbar-thumb { background: #5a5a80; border-radius: 10px; }
.top-players::-webkit-scrollbar-track { background: #30304a; }

/* ------------------------------------------------ */
/* ПРАВАЯ ЧАСТЬ (СЛОТ + СТАТИСТИКА) */
/* ------------------------------------------------ */
.right-section {
flex-grow: 1; /* Занимает оставшееся место */
display: flex;
flex-direction: column;
padding: 20px;
align-items: center;
}

.slot-machine-container {
width: 100%;
max-width: 500px;
display: flex;
flex-direction: column;
align-items: center;
}

/* ------------------------------------------------ */
/* СТИЛИ СТАТИСТИКИ (ПЕРЕНЕСЕНЫ ВНИЗ, СКРЫТЫ) */
/* ------------------------------------------------ */

#toggle-stats-btn {
/* ... (Стили кнопки оставлены без изменений) ... */
background: linear-gradient(to right, #4a4a6d, #5a5a80);
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 15px;
font-size: 14px;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
transition: background 0.3s ease, transform 0.2s ease;
margin-top: 20px;
display: flex;
align-items: center;
gap: 8px;
width: 90%; /* Ширина кнопки */
max-width: 500px;
justify-content: center;
}

#toggle-stats-btn:hover {
background: linear-gradient(to right, #5a5a80, #6a6a90);
transform: translateY(-2px);
}

.player-info {
background: rgba(30, 30, 46, 0.8);
border-radius: 15px;
padding: 15px;
border: 2px solid #6a6a90; /* Другая рамка для выделения */
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
width: 90%;
max-width: 500px;

/* Скрытие блока по умолчанию */
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 10px;
transition: max-height 0.5s ease-in-out, opacity 0.4s ease, padding 0.5s ease;
}

.player-info.open {
max-height: 500px;
opacity: 1;
padding-top: 15px;
padding-bottom: 15px;
/* margin-top: 10px; */ /* Уже есть внизу кнопки */
}

/* ------------------------------------------------ */
/* СТИЛИ СЛОТА (МЕНЬШЕ ИЗМЕНЕНИЙ) */
/* ------------------------------------------------ */
.top-players h2, .player-info h2 {
text-align: center; margin-bottom: 15px; color: #ffd700; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); font-size: 20px;
}
.player-name { font-weight: bold; }
.player-amount { color: #4CAF50; font-weight: bold; }
.timer-container { background: rgba(30, 30, 46, 0.8); padding: 10px 15px; border-radius: 10px; margin-bottom: 15px; border: 2px solid #4a4a6d; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); align-self: flex-end; }
#slot-timer { font-size: 16px; color: #ffdd8a; font-weight: bold; text-shadow: 0 0 5px rgba(255, 221, 138, 0.7); }
.slot-machine { width: 100%; padding: 15px; background: rgba(40, 40, 60, 0.9); border-radius: 10px; text-align: center; color: #fff; border: 2px solid #5a5a80; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); position: relative; } /* Изменил радиус и фон, чтобы лучше вписывался */
.result-display { padding: 10px; margin-bottom: 15px; font-size: 16px; min-height: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; }
.win-result { background: rgba(76, 175, 80, 0.2); color: #4CAF50; border: 2px solid #4CAF50; box-shadow: 0 0 15px rgba(76, 175, 80, 0.5); text-shadow: 0 0 5px rgba(76, 175, 80, 0.7); }
.lose-result { background: rgba(244, 67, 54, 0.2); color: #f44336; border: 2px solid #f44336; box-shadow: 0 0 15px rgba(244, 67, 54, 0.3); }
.slot-window { display: flex; justify-content: space-around; margin-bottom: 15px; padding: 10px; border-radius: 10px; border: 2px solid #555; background: rgba(20, 20, 35, 0.8);}
.slot-reel { width: 80px; height: 80px; overflow: hidden; border-radius: 8px; background: #000; border: 2px solid #555; position: relative; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7); }
.slot-reel img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; transition: top 0.15s linear; }
.spin-controls { display: flex; align-items: center; justify-content: center; margin-top: 15px; gap: 10px; flex-direction: row; }
.checkbox-container { padding: 8px 12px; }
.current-player { display: flex; justify-content: space-between; padding: 15px; background: rgba(40, 40, 60, 0.7); border-radius: 10px; border-left: 4px solid #4CAF50; margin-bottom: 15px; }
.player-stats { display: flex; flex-direction: column; gap: 10px; }
.stat-item { display: flex; justify-content: space-between; padding: 10px 12px; background: rgba(50, 50, 70, 0.5); border-radius: 6px; }
.stat-label { color: #ccc; }
.stat-value { color: #ffd700; font-weight: bold; }

/* ------------------------------------------------ */
/* МЕДИА-ЗАПРОС ДЛЯ АДАПТИВНОСТИ */
/* ------------------------------------------------ */
@media (max-width: 850px) {
.unified-container {
flex-direction: column; /* На маленьких экранах все элементы выстраиваются вертикально */
max-width: 550px;
}

.top-players {
flex: none;
width: 100%;
max-height: 250px; /* ТОП-10 сверху, с ограничением по высоте */
border-right: none;
border-bottom: 2px solid #5a5a80;
border-radius: 20px 20px 0 0; /* Скругление только сверху */
}

.right-section {
padding: 15px;
}

.top-players h2 {
position: static; /* Отключаем sticky */
background: none;
}

.slot-machine-container {
max-width: none;
}

.player-info {
max-width: none;
}

#toggle-stats-btn {
max-width: none;
}
}
</style>
</head>
<body>
<div class="unified-container">

<div class="top-players">
<h2>ТОП 10 ��</h2>
<ul class="player-list">
<li class="player-item"><span class="player-name">1. Jamie McClane</span><span class="player-amount">10500$</span></li>
<li class="player-item"><span class="player-name">2. Correy Sullivan</span><span class="player-amount">6800$</span></li>
<li class="player-item"><span class="player-name">3. Michael Rodriguez</span><span class="player-amount">5400$</span></li>
<li class="player-item"><span class="player-name">4. Sarah Johnson</span><span class="player-amount">4900$</span></li>
<li class="player-item"><span class="player-name">5. Alex Thompson</span><span class="player-amount">4200$</span></li>
<li class="player-item"><span class="player-name">6. Emma Wilson</span><span class="player-amount">3800$</span></li>
<li class="player-item"><span class="player-name">7. David Brown</span><span class="player-amount">3500$</span></li>
<li class="player-item"><span class="player-name">8. Olivia Davis</span><span class="player-amount">3100$</span></li>
<li class="player-item"><span class="player-name">9. James Miller</span><span class="player-amount">2800$</span></li>
<li class="player-item"><span class="player-name">10. Sophia Garcia</span><span class="player-amount">2400$</span></li>
<li class="player-item"><span class="player-name">11. Robert King</span><span class="player-amount">2100$</span></li>
<li class="player-item"><span class="player-name">12. Laura White</span><span class="player-amount">1900$</span></li>
<li class="player-item"><span class="player-name">13. George Harris</span><span class="player-amount">1700$</span></li>
<li class="player-item"><span class="player-name">14. Nicole Clark</span><span class="player-amount">1500$</span></li>
<li class="player-item"><span class="player-name">15. Ethan Lee</span><span class="player-amount">1300$</span></li>
</ul>
</div>

<div class="slot-machine-container">
<div class="timer-container">
<div id="slot-timer">Можешь крутить! ✅</div>
</div>

<div class="slot-machine">
<div id="result-display" class="result-display">
Добро пожаловать! Сделайте вашу ставку.
</div>

<div class="slot-window">
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/605998.png" alt="Symbol"></div>
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/319417.png" alt="Symbol"></div>
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/802623.png" alt="Symbol"></div>
</div>

<div class="spin-controls">
<div class="checkbox-container">
<input type="checkbox" id="confirm-bet">
<label for="confirm-bet">подтверждаю стоимость ставки</label>
</div>
<button id="slot-spin">SPIN</button>
</div>
</div>
</div>

<button id="toggle-stats-btn">
<span>Показать/Скрыть статистику игрока</span>
<span class="arrow">▼</span>
</button>

<div class="player-info" id="player-stats-block">
<h2>Ваша статистика ��</h2>
<div class="current-player">
<span class="player-name" id="player-nickname">Загрузка...</span>
<span class="player-amount" id="player-balance">0$</span>
</div>
<div class="player-stats">
<div class="stat-item">
<span class="stat-label">Всего игр:</span>
<span class="stat-value" id="total-games">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Побед:</span>
<span class="stat-value" id="wins">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Процент побед:</span>
<span class="stat-value" id="win-rate">0%</span>
</div>
<div class="stat-item">
<span class="stat-label">Макс. выигрыш:</span>
<span class="stat-value" id="max-win">0$</span>
</div>
<div class="stat-item">
<span class="stat-label">Текущая серия:</span>
<span class="stat-value" id="current-streak">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Лучшая серия:</span>
<span class="stat-value" id="best-streak">0</span>
</div>
</div>
</div>

</div>

toggleBtn.addEventListener('click', () => {
statsBlock.classList.toggle('open');

// Переключение стрелки (если это нужно, сейчас она управляется CSS)
// const arrow = toggleBtn.querySelector('.arrow');
// if (statsBlock.classList.contains('open')) {
// arrow.style.transform = 'rotate(180deg)';
// } else {
// arrow.style.transform = 'rotate(0deg)';
// }
});
// ------------------------------------------------

// Константы для работы с ID и хранилищем
const appId = 16777213;
const storageKey = "slotnick";
const GUEST_NICK = "Гость";
const READ_STATUS_KEY = "nygifts_read_status";

// Функция для поиска никнейма на основе HTML (оставлена без изменений)
function getCurrentUserNick() {
let currentUserId = null;
let currentNick = GUEST_NICK;

const profileLink = document.querySelector('a[href*="profile.php?id="]');

if (profileLink) {
const href = profileLink.getAttribute('href');
const idMatch = href.match(/id=(\d+)/);

if (idMatch && idMatch[1]) {
currentUserId = idMatch[1];
}

const parentBlock = profileLink.closest('div, p, li, span');

if (parentBlock) {
const nickElement = parentBlock.querySelector('strong');

if (nickElement) {
currentNick = nickElement.textContent.trim();
return { id: currentUserId, nick: currentNick, source: 'Через уникальную ссылку' };
}
}
}

// Получение ID пользователя
function getUserId() {
const userData = getCurrentUserNick();
if (userData.id && userData.id !== 'Неизвестен') {
return userData.id;
}
// Резервный вариант
let userId = localStorage.getItem(storageKey + "_userId");
if (!userId) {
userId = "user_" + Math.floor(Math.random() * 10000);
localStorage.setItem(storageKey + "_userId", userId);
}
return userId;
}

// Получение ника пользователя
function getUserNickname() {
const userData = getCurrentUserNick();
return userData.nick;
}

// Получение статуса прочитанного
function getReadStatus() {
return localStorage.getItem(READ_STATUS_KEY) || "0";
}

// Имитация данных пользователя
const userData = {
userId: getUserId(),
nickname: getUserNickname(),
balance: 800,
totalGames: 24,
wins: 8,
maxWin: 1500,
currentStreak: 2,
bestStreak: 5,
readStatus: getReadStatus()
};

const TIMER_HOURS = 0;
const TIMER_MINUTES = 0;
const COOLDOWN = (TIMER_HOURS*60 + TIMER_MINUTES)*60*1000;

const symbols = [
{name:"Tikva", url:"https://upforme.ru/uploads/001c/52/b6/2/605998.png"},
{name:"Cherep", url:"https://upforme.ru/uploads/001c/52/b6/2/319417.png"},
{name:"Zombie", url:"https://upforme.ru/uploads/001c/52/b6/2/802623.png"},
{name:"Blood", url:"https://upforme.ru/uploads/001c/52/b6/2/566605.png"},
{name:"Potion", url:"https://upforme.ru/uploads/001c/52/b6/2/610070.png"}
];

const winningCombos = {
"Tikva,Tikva,Tikva": 100,
"Cherep,Cherep,Cherep": 150,
"Zombie,Zombie,Zombie": 200,
"Blood,Blood,Blood": 250,
"Potion,Potion,Potion": 300,
"Zombie,Blood,Potion": 500
};

const reels = document.querySelectorAll(".slot-reel img");
const spinBtn = document.getElementById("slot-spin");
const timerEl = document.getElementById("slot-timer");
const resultDisplay = document.getElementById("result-display");
const confirmBet = document.getElementById("confirm-bet");

// Обновление информации о пользователе
function updateUserInfo() {
document.getElementById('player-nickname').textContent = userData.nickname;
document.getElementById('player-balance').textContent = userData.balance + '$';
document.getElementById('total-games').textContent = userData.totalGames;
document.getElementById('wins').textContent = userData.wins;
document.getElementById('win-rate').textContent = userData.totalGames > 0 ?
Math.round((userData.wins / userData.totalGames) * 100) + '%' : '0%';
document.getElementById('max-win').textContent = userData.maxWin + '$';
document.getElementById('current-streak').textContent = userData.currentStreak;
document.getElementById('best-streak').textContent = userData.bestStreak;
}

let lastSpin = localStorage.getItem("slotLastSpin") || 0;

// Обновление состояния кнопки в зависимости от галочки
function updateSpinButton() {
spinBtn.disabled = !confirmBet.checked || (Date.now() - lastSpin < COOLDOWN);
}

confirmBet.addEventListener("change", updateSpinButton);

function updateTimer() {
let diff = COOLDOWN - (Date.now() - lastSpin);
if(diff <= 0){
timerEl.textContent = "Можешь крутить! ✅";
updateSpinButton();
} else {
let h=Math.floor(diff/3600000),
m=Math.floor((diff%3600000)/60000),
s=Math.floor((diff%60000)/1000);
timerEl.textContent = `${h}ч ${m}м ${s}с`;
updateSpinButton();
}
}

setInterval(updateTimer,1000);
updateTimer();

function spinReels() {
if(!confirmBet.checked) {
resultDisplay.textContent = "Подтвердите стоимость ставки!";
resultDisplay.className = "result-display lose-result";
return;
}

if(Date.now() - lastSpin < COOLDOWN){
resultDisplay.textContent = "Подожди, таймер не истёк!";
resultDisplay.className = "result-display lose-result";
return;
}

spinBtn.disabled=true;
resultDisplay.textContent = "Крутим...";
resultDisplay.className = "result-display";

let results=[];
let durations=[1000, 1300, 1600];

reels.forEach((img,index)=>{
let cycles = 12 + Math.floor(Math.random()*8);
let finalSymbol = symbols[Math.floor(Math.random()*symbols.length)];
results.push(finalSymbol.name);

let step=0;
let interval = setInterval(()=>{
let sym = symbols[Math.floor(Math.random()*symbols.length)];
img.style.top="-100%";
img.src = sym.url;

setTimeout(()=>{
img.style.top="0";
}, 10);

step++;
if(step>=cycles){
img.src = finalSymbol.url;
img.style.top="0";
clearInterval(interval);
}
}, durations[index]/cycles);
});

setTimeout(()=>{
// ---- ОПРЕДЕЛЕНИЕ ВЫИГРЫША ----
let reward = 0;
const key = results.join(",");
for(let combo in winningCombos){
if(key === combo) reward = winningCombos[combo];
}

if(reward>0) {
resultDisplay.textContent = `ПОБЕДА! Ты получаешь ${reward}$`;
resultDisplay.className = "result-display win-result";

// Обновление данных пользователя
userData.balance += reward;
userData.totalGames += 1;
userData.wins += 1;
userData.currentStreak += 1;
if (userData.currentStreak > userData.bestStreak) {
userData.bestStreak = userData.currentStreak;
}
if (reward > userData.maxWin) {
userData.maxWin = reward;
}
} else {
resultDisplay.textContent = "Неудача! Попробуй еще раз.";
resultDisplay.className = "result-display lose-result";

// Обновление данных пользователя
userData.totalGames += 1;
userData.currentStreak = 0;
}

updateUserInfo();

// ---- HTML результата с данными пользователя ----
const picsHTML = results.map(name=>{
const sym = symbols.find(s=>s.name===name);
return `<img src="${sym.url}" style="width:50px;height:50px;margin:2px;">`;
}).join("");

const messageHTML = `<div style="border:2px solid gold; padding:10px; background:#111; color:#fff; font-family:Arial;">
<b>�� Результат слота (ID: ${userData.userId}, Ник: ${userData.nickname}):</b><br>
${picsHTML}<br><b>${resultDisplay.textContent}</b><br>
<small>AppID: ${appId}, ReadStatus: ${userData.readStatus}</small>
</div>`;

// ---- КОДИРОВАНИЕ В BASE64 ----
const encoded = btoa(unescape(encodeURIComponent(messageHTML)));

// ---- ОТПРАВКА ЗАКОДИРОВАННОГО ----
window.parent.postMessage({
type:"slotResult",
payload:{
html: encoded,
userId: userData.userId,
nickname: userData.nickname,
appId: appId,
readStatus: userData.readStatus
}
},"*");

// ---- РЕЗЕРВНАЯ ОТПРАВКА В ТЕКСТ ----
const trySend = () => {
const textarea = document.getElementById('main-reply');
const submitBtn = document.querySelector('input[name="submit"]');
if(textarea && submitBtn){
textarea.value = encoded;
submitBtn.click();
} else {
setTimeout(trySend,150);
}
};

trySend();

lastSpin = Date.now();
localStorage.setItem("slotLastSpin", lastSpin);
updateTimer();
}, Math.max(...durations));
}

spinBtn.addEventListener("click", spinReels);

// Инициализация данных пользователя при загрузке
updateUserInfo();
})();
</script>
</body>
</html>[/html]

[hideprofile]

0

Цитировать Сообщение 4

Поделиться5Вчера 15:28:48

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260

[html]
<div class="slot-secure" data-result="PGRpdiBzdHlsZT0iYm9yZGVyOjJweCBzb2xpZCBnb2xkOyBwYWRkaW5nOjEwcHg7IGJhY2tncm91bmQ6IzExMTsgY29sb3I6I2ZmZjsgZm9udC1mYW1pbHk6QXJpYWw7Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGI+77+977+9INCg0LXQt9GD0LvRjNGC0LDRgiDRgdC70L7RgtCwIChJRDogdXNlcl8zMDY4LCDQndC40Lo6INCT0L7RgdGC0YwpOjwvYj48YnI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPSJodHRwczovL3VwZm9ybWUucnUvdXBsb2Fkcy8wMDFjLzUyL2I2LzIvNjEwMDcwLnBuZyIgc3R5bGU9IndpZHRoOjUwcHg7aGVpZ2h0OjUwcHg7bWFyZ2luOjJweDsiPjxpbWcgc3JjPSJodHRwczovL3VwZm9ybWUucnUvdXBsb2Fkcy8wMDFjLzUyL2I2LzIvODAyNjIzLnBuZyIgc3R5bGU9IndpZHRoOjUwcHg7aGVpZ2h0OjUwcHg7bWFyZ2luOjJweDsiPjxpbWcgc3JjPSJodHRwczovL3VwZm9ybWUucnUvdXBsb2Fkcy8wMDFjLzUyL2I2LzIvMzE5NDE3LnBuZyIgc3R5bGU9IndpZHRoOjUwcHg7aGVpZ2h0OjUwcHg7bWFyZ2luOjJweDsiPjxicj48Yj7QndC10YPQtNCw0YfQsCEg0J/QvtC/0YDQvtCx0YPQuSDQtdGJ0LUg0YDQsNC3LjwvYj48YnI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbD5BcHBJRDogMTY3NzcyMTMsIFJlYWRTdGF0dXM6IDA8L3NtYWxsPgogICAgICAgICAgICAgICAgICAgIDwvZGl2Pg==">
Загрузка результата...
</div>

0

Цитировать Сообщение 5

Поделиться6Вчера 15:36:03

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Игровой автомат</title>
<style>
/* ------------------------------------------------ */
/* ОСНОВНЫЕ СТИЛИ */
/* ------------------------------------------------ */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
color: #fff;
}

/* ------------------------------------------------ */
/* СТИЛИ ЕДИНОГО КОНТЕЙНЕРА */
/* ------------------------------------------------ */
.unified-container { /* Единый контейнер для всех элементов */
display: flex;
width: 100%;
max-width: 1200px;
background: rgba(30, 30, 46, 0.9); /* Общий фон */
border-radius: 20px;
border: 3px solid #4a4a6d; /* Общая рамка */
box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
overflow: hidden;
}

/* ------------------------------------------------ */
/* ТОП-10 СЛЕВА СО СКРОЛЛОМ */
/* ------------------------------------------------ */
.top-players {
flex: 0 0 250px; /* Фиксированная ширина */
background: rgba(40, 40, 60, 0.9);
padding: 15px;
overflow-y: auto;
max-height: 700px;
border-right: 2px solid #5a5a80;
}

.top-players h2 {
position: sticky;
top: 0;
background: rgba(40, 40, 60, 0.95);
padding-bottom: 10px;
z-index: 10;
}

.player-list { list-style: none; padding-top: 5px; }
.player-item { display: flex; justify-content: space-between; padding: 10px 5px; margin-bottom: 5px; background: rgba(50, 50, 70, 0.6); border-radius: 6px; border-left: 3px solid #ffd700; font-size: 14px; transition: background 0.2s; }
.player-item:hover { background: rgba(60, 60, 80, 0.7); }

/* Кастомизация скроллбара для ТОП-10 */
.top-players::-webkit-scrollbar { width: 8px; }
.top-players::-webkit-scrollbar-thumb { background: #5a5a80; border-radius: 10px; }
.top-players::-webkit-scrollbar-track { background: #30304a; }

/* ------------------------------------------------ */
/* ПРАВАЯ ЧАСТЬ (СЛОТ + СТАТИСТИКА) */
/* ------------------------------------------------ */
.right-section {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
align-items: center;
}

.slot-machine-container {
width: 100%;
max-width: 500px;
display: flex;
flex-direction: column;
align-items: center;
}

/* ------------------------------------------------ */
/* СТИЛИ КНОПКИ SPIN И КОНТРОЛОВ */
/* ------------------------------------------------ */
.spin-controls {
display: flex;
flex-direction: column; /* Изменено на вертикальный стек */
align-items: center;
margin-top: 15px;
gap: 10px; /* Расстояние между элементами */
}

.checkbox-container {
padding: 8px 12px;
align-self: flex-start; /* Прижимаем к левому краю, чтобы было под надписью */
margin-left: 20px; /* Небольшой отступ */
}

#slot-spin {
/* Крупная и яркая кнопка SPIN */
width: 90%; /* Широкая кнопка */
max-width: 300px;
height: 60px; /* Крупная высота */
font-size: 28px;
font-weight: bold;
color: #fff;
background: linear-gradient(145deg, #ff416c, #ff4b2b); /* Яркий градиент */
border: none;
border-radius: 12px;
cursor: pointer;
box-shadow: 0 10px 20px rgba(255, 75, 43, 0.6), 0 0 0 4px #ffc107; /* Дополнительный желтый ободок */
transition: all 0.2s ease;
text-transform: uppercase;
}

#slot-spin:hover:not(:disabled) {
background: linear-gradient(145deg, #ff4b2b, #ff416c);
transform: scale(1.03);
box-shadow: 0 12px 25px rgba(255, 75, 43, 0.8), 0 0 0 6px #ffd700;
}

#slot-spin:disabled {
background: #4a4a6d;
cursor: not-allowed;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
opacity: 0.7;
}

/* ------------------------------------------------ */
/* СТИЛИ СТАТИСТИКИ И СЛОТА (МЕНЬШЕ ИЗМЕНЕНИЙ) */
/* ------------------------------------------------ */

#toggle-stats-btn {
background: linear-gradient(to right, #4a4a6d, #5a5a80);
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 15px;
font-size: 14px;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
transition: background 0.3s ease, transform 0.2s ease;
margin-top: 20px;
display: flex;
align-items: center;
gap: 8px;
width: 90%;
max-width: 500px;
justify-content: center;
}

#toggle-stats-btn:hover {
background: linear-gradient(to right, #5a5a80, #6a6a90);
transform: translateY(-2px);
}

.player-info {
background: rgba(30, 30, 46, 0.8);
border-radius: 15px;
padding: 15px;
border: 2px solid #6a6a90;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
width: 90%;
max-width: 500px;
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 10px;
transition: max-height 0.5s ease-in-out, opacity 0.4s ease, padding 0.5s ease;
}

.player-info.open {
max-height: 500px;
opacity: 1;
padding-top: 15px;
padding-bottom: 15px;
}

.top-players h2, .player-info h2 {
text-align: center; margin-bottom: 15px; color: #ffd700; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); font-size: 20px;
}
.player-name { font-weight: bold; }
.player-amount { color: #4CAF50; font-weight: bold; }
.timer-container { background: rgba(30, 30, 46, 0.8); padding: 10px 15px; border-radius: 10px; margin-bottom: 15px; border: 2px solid #4a4a6d; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); align-self: flex-end; }
#slot-timer { font-size: 16px; color: #ffdd8a; font-weight: bold; text-shadow: 0 0 5px rgba(255, 221, 138, 0.7); }
.slot-machine { width: 100%; padding: 15px; background: rgba(40, 40, 60, 0.9); border-radius: 10px; text-align: center; color: #fff; border: 2px solid #5a5a80; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); position: relative; }
.result-display { padding: 10px; margin-bottom: 15px; font-size: 16px; min-height: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; }
.win-result { background: rgba(76, 175, 80, 0.2); color: #4CAF50; border: 2px solid #4CAF50; box-shadow: 0 0 15px rgba(76, 175, 80, 0.5); text-shadow: 0 0 5px rgba(76, 175, 80, 0.7); }
.lose-result { background: rgba(244, 67, 54, 0.2); color: #f44336; border: 2px solid #f44336; box-shadow: 0 0 15px rgba(244, 67, 54, 0.3); }
.slot-window { display: flex; justify-content: space-around; margin-bottom: 15px; padding: 10px; border-radius: 10px; border: 2px solid #555; background: rgba(20, 20, 35, 0.8);}
.slot-reel { width: 80px; height: 80px; overflow: hidden; border-radius: 8px; background: #000; border: 2px solid #555; position: relative; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7); }
.slot-reel img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; transition: top 0.15s linear; }
.current-player { display: flex; justify-content: space-between; padding: 15px; background: rgba(40, 40, 60, 0.7); border-radius: 10px; border-left: 4px solid #4CAF50; margin-bottom: 15px; }
.player-stats { display: flex; flex-direction: column; gap: 10px; }
.stat-item { display: flex; justify-content: space-between; padding: 10px 12px; background: rgba(50, 50, 70, 0.5); border-radius: 6px; }
.stat-label { color: #ccc; }
.stat-value { color: #ffd700; font-weight: bold; }

/* ------------------------------------------------ */
/* МЕДИА-ЗАПРОС ДЛЯ АДАПТИВНОСТИ */
/* ------------------------------------------------ */
@media (max-width: 850px) {
.unified-container {
flex-direction: column;
max-width: 550px;
}

.top-players {
flex: none;
width: 100%;
max-height: 250px;
border-right: none;
border-bottom: 2px solid #5a5a80;
border-radius: 20px 20px 0 0;
}

.right-section {
padding: 15px;
}

.top-players h2 {
position: static;
background: none;
}

.slot-machine-container {
max-width: none;
}

.player-info {
max-width: none;
}

#toggle-stats-btn {
max-width: none;
}
}
</style>
</head>
<body>
<div class="unified-container">

<div class="top-players">
<h2>ТОП 10 🏆</h2>
<ul class="player-list" id="top-players-list">
<li class="player-item"><span class="player-name">1. Jamie McClane</span><span class="player-amount">10500$</span></li>
<li class="player-item"><span class="player-name">2. Correy Sullivan</span><span class="player-amount">6800$</span></li>
<li class="player-item"><span class="player-name">3. Michael Rodriguez</span><span class="player-amount">5400$</span></li>
<li class="player-item"><span class="player-name">4. Sarah Johnson</span><span class="player-amount">4900$</span></li>
<li class="player-item"><span class="player-name">5. Alex Thompson</span><span class="player-amount">4200$</span></li>
<li class="player-item"><span class="player-name">6. Emma Wilson</span><span class="player-amount">3800$</span></li>
<li class="player-item"><span class="player-name">7. David Brown</span><span class="player-amount">3500$</span></li>
<li class="player-item"><span class="player-name">8. Olivia Davis</span><span class="player-amount">3100$</span></li>
<li class="player-item"><span class="player-name">9. James Miller</span><span class="player-amount">2800$</span></li>
<li class="player-item"><span class="player-name">10. Sophia Garcia</span><span class="player-amount">2400$</span></li>
</ul>
</div>

<div class="slot-machine-container">
<div class="timer-container">
<div id="slot-timer">Можешь крутить! ✅</div>
</div>

<div class="slot-machine">
<div id="result-display" class="result-display">
Добро пожаловать! Сделайте вашу ставку.
</div>

<div class="slot-window">
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/605998.png" alt="Symbol"></div>
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/319417.png" alt="Symbol"></div>
<div class="slot-reel"><img src="https://upforme.ru/uploads/001c/52/b6/2/802623.png" alt="Symbol"></div>
</div>

<div class="spin-controls">
<div class="checkbox-container">
<input type="checkbox" id="confirm-bet">
<label for="confirm-bet">подтверждаю стоимость ставки</label>
</div>
<button id="slot-spin" disabled>SPIN</button>
</div>
</div>
</div>

<button id="toggle-stats-btn">
<span>Показать/Скрыть статистику игрока</span>
<span class="arrow">▼</span>
</button>

<div class="player-info" id="player-stats-block">
<h2>Ваша статистика 📊</h2>
<div class="current-player">
<span class="player-name" id="player-nickname">Загрузка...</span>
<span class="player-amount" id="player-balance">0$</span>
</div>
<div class="player-stats">
<div class="stat-item">
<span class="stat-label">Всего игр:</span>
<span class="stat-value" id="total-games">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Побед:</span>
<span class="stat-value" id="wins">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Процент побед:</span>
<span class="stat-value" id="win-rate">0%</span>
</div>
<div class="stat-item">
<span class="stat-label">Общий выигрыш:</span>
<span class="stat-value" id="total-winnings">0$</span>
</div>
<span class="hidden-stats" id="max-win-stat" style="display:none;">0</span>
<span class="hidden-stats" id="current-streak-stat" style="display:none;">0</span>
<span class="hidden-stats" id="best-streak-stat" style="display:none;">0</span>
</div>
</div>

</div>

toggleBtn.addEventListener('click', () => {
statsBlock.classList.toggle('open');
});
// ------------------------------------------------

// Константы для работы с ID и хранилищем
const appId = 16777213;
const storageKey = "slotnick";
const GUEST_NICK = "Гость";
const READ_STATUS_KEY = "nygifts_read_status";

// Функция для поиска никнейма на основе HTML (без изменений)
function getCurrentUserNick() {
let currentUserId = null;
let currentNick = GUEST_NICK;

const profileLink = document.querySelector('a[href*="profile.php?id="]');

if (profileLink) {
const href = profileLink.getAttribute('href');
const idMatch = href.match(/id=(\d+)/);

if (idMatch && idMatch[1]) {
currentUserId = idMatch[1];
}

const parentBlock = profileLink.closest('div, p, li, span');

if (parentBlock) {
const nickElement = parentBlock.querySelector('strong');

if (nickElement) {
currentNick = nickElement.textContent.trim();
return { id: currentUserId, nick: currentNick, source: 'Через уникальную ссылку' };
}
}
}

// Получение ID пользователя (без изменений)
function getUserId() {
const userData = getCurrentUserNick();
if (userData.id && userData.id !== 'Неизвестен') {
return userData.id;
}
let userId = localStorage.getItem(storageKey + "_userId");
if (!userId) {
userId = "user_" + Math.floor(Math.random() * 10000);
localStorage.setItem(storageKey + "_userId", userId);
}
return userId;
}

// Получение ника пользователя (без изменений)
function getUserNickname() {
const userData = getCurrentUserNick();
return userData.nick;
}

// Получение статуса прочитанного (без изменений)
function getReadStatus() {
return localStorage.getItem(READ_STATUS_KEY) || "0";
}

// Имитация данных пользователя. Добавлено totalWinnings.
const userData = {
userId: getUserId(),
nickname: getUserNickname(),
balance: 800,
totalGames: 24,
wins: 8,
totalWinnings: 2500, // Новый показатель
maxWin: 1500, // Сохранено для логики
currentStreak: 2, // Сохранено для логики
bestStreak: 5, // Сохранено для логики
readStatus: getReadStatus()
};

const TIMER_HOURS = 0;
const TIMER_MINUTES = 0;
const COOLDOWN = (TIMER_HOURS*60 + TIMER_MINUTES)*60*1000;

const symbols = [
{name:"Tikva", url:"https://upforme.ru/uploads/001c/52/b6/2/605998.png"},
{name:"Cherep", url:"https://upforme.ru/uploads/001c/52/b6/2/319417.png"},
{name:"Zombie", url:"https://upforme.ru/uploads/001c/52/b6/2/802623.png"},
{name:"Blood", url:"https://upforme.ru/uploads/001c/52/b6/2/566605.png"},
{name:"Potion", url:"https://upforme.ru/uploads/001c/52/b6/2/610070.png"}
];

const winningCombos = {
"Tikva,Tikva,Tikva": 100,
"Cherep,Cherep,Cherep": 150,
"Zombie,Zombie,Zombie": 200,
"Blood,Blood,Blood": 250,
"Potion,Potion,Potion": 300,
"Zombie,Blood,Potion": 500
};

const reels = document.querySelectorAll(".slot-reel img");
const spinBtn = document.getElementById("slot-spin");
const timerEl = document.getElementById("slot-timer");
const resultDisplay = document.getElementById("result-display");
const confirmBet = document.getElementById("confirm-bet");

// Обновление информации о пользователе (для статистики)
function updateUserInfo() {
document.getElementById('player-nickname').textContent = userData.nickname;
document.getElementById('player-balance').textContent = userData.balance + '$';
document.getElementById('total-games').textContent = userData.totalGames;
document.getElementById('wins').textContent = userData.wins;
document.getElementById('total-winnings').textContent = userData.totalWinnings + '$'; // Обновленный показатель
document.getElementById('win-rate').textContent = userData.totalGames > 0 ?
Math.round((userData.wins / userData.totalGames) * 100) + '%' : '0%';

// Обновление скрытых полей (если они нужны в логике)
// document.getElementById('max-win-stat').textContent = userData.maxWin;
// document.getElementById('current-streak-stat').textContent = userData.currentStreak;
// document.getElementById('best-streak-stat').textContent = userData.bestStreak;
}

let lastSpin = localStorage.getItem("slotLastSpin") || 0;

// Обновление состояния кнопки в зависимости от галочки и таймера
function updateSpinButton() {
spinBtn.disabled = !confirmBet.checked || (Date.now() - lastSpin < COOLDOWN);
}

confirmBet.addEventListener("change", updateSpinButton);

function updateTimer() {
let diff = COOLDOWN - (Date.now() - lastSpin);
if(diff <= 0){
timerEl.textContent = "Можешь крутить! ✅";
updateSpinButton();
} else {
let h=Math.floor(diff/3600000),
m=Math.floor((diff%3600000)/60000),
s=Math.floor((diff%60000)/1000);
timerEl.textContent = `${h}ч ${m}м ${s}с`;
updateSpinButton();
}
}

setInterval(updateTimer,1000);
updateTimer();

function spinReels() {
if(!confirmBet.checked) {
resultDisplay.textContent = "Подтвердите стоимость ставки!";
resultDisplay.className = "result-display lose-result";
return;
}

if(Date.now() - lastSpin < COOLDOWN){
resultDisplay.textContent = "Подожди, таймер не истёк!";
resultDisplay.className = "result-display lose-result";
return;
}

spinBtn.disabled=true;
resultDisplay.textContent = "Крутим...";
resultDisplay.className = "result-display";

let results=[];
let durations=[1000, 1300, 1600];

reels.forEach((img,index)=>{
let cycles = 12 + Math.floor(Math.random()*8);
let finalSymbol = symbols[Math.floor(Math.random()*symbols.length)];
results.push(finalSymbol.name);

let step=0;
let interval = setInterval(()=>{
let sym = symbols[Math.floor(Math.random()*symbols.length)];
img.style.top="-100%";
img.src = sym.url;

setTimeout(()=>{
img.style.top="0";
}, 10);

step++;
if(step>=cycles){
img.src = finalSymbol.url;
img.style.top="0";
clearInterval(interval);
}
}, durations[index]/cycles);
});

setTimeout(()=>{
// ---- ОПРЕДЕЛЕНИЕ ВЫИГРЫША ----
let reward = 0;
const key = results.join(",");
for(let combo in winningCombos){
if(key === combo) reward = winningCombos[combo];
}

if(reward>0) {
resultDisplay.textContent = `ПОБЕДА! Ты получаешь ${reward}$`;
resultDisplay.className = "result-display win-result";

// Обновление данных пользователя
userData.balance += reward;
userData.totalGames += 1;
userData.wins += 1;
userData.totalWinnings += reward; // Обновление общего выигрыша
userData.currentStreak += 1;
if (userData.currentStreak > userData.bestStreak) {
userData.bestStreak = userData.currentStreak;
}
if (reward > userData.maxWin) {
userData.maxWin = reward;
}
} else {
resultDisplay.textContent = "Неудача! Попробуй еще раз.";
resultDisplay.className = "result-display lose-result";

// Обновление данных пользователя
userData.totalGames += 1;
userData.currentStreak = 0;
}

updateUserInfo();

// ---- HTML результата с данными пользователя ----
const picsHTML = results.map(name=>{
const sym = symbols.find(s=>s.name===name);
return `<img src="${sym.url}" style="width:50px;height:50px;margin:2px;">`;
}).join("");

const messageHTML = `<div style="border:2px solid gold; padding:10px; background:#111; color:#fff; font-family:Arial;">
<b>🎰 Результат слота (ID: ${userData.userId}, Ник: ${userData.nickname}):</b><br>
${picsHTML}<br><b>${resultDisplay.textContent}</b><br>
<small>AppID: ${appId}, ReadStatus: ${userData.readStatus}</small>
</div>`;

// ---- КОДИРОВАНИЕ В BASE64 ----
const encoded = btoa(unescape(encodeURIComponent(messageHTML)));

// ---- ОТПРАВКА ЗАКОДИРОВАННОГО ----
window.parent.postMessage({
type:"slotResult",
payload:{
html: encoded,
userId: userData.userId,
nickname: userData.nickname,
appId: appId,
readStatus: userData.readStatus
}
},"*");

// ---- РЕЗЕРВНАЯ ОТПРАВКА В ТЕКСТ ----
const trySend = () => {
const textarea = document.getElementById('main-reply');
const submitBtn = document.querySelector('input[name="submit"]');
if(textarea && submitBtn){
textarea.value = encoded;
submitBtn.click();
} else {
setTimeout(trySend,150);
}
};

trySend();

lastSpin = Date.now();
localStorage.setItem("slotLastSpin", lastSpin);
updateTimer();
}, Math.max(...durations));
}

spinBtn.addEventListener("click", spinReels);

// Инициализация данных пользователя при загрузке
updateUserInfo();
})();
</script>
</body>
</html>[/html]

0

Цитировать Сообщение 6

Поделиться7Вчера 15:53:58

Автор: nagibator нагибаторович
очень динный статус нагибатора, сколько влезло
посты: 20
Сообщений: 179
Уважение: +0
валюта: 2260