<title>Gates of Olympus Super Scatter - Pragmatic Play Demo</title>
<style>
/* Reset و تنظیمات پایه */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Tahoma', 'Arial', sans-serif;
}
body {
background: linear-gradient(135deg, #0c2461 0%, #1e3799 100%);
color: #fff;
min-height: 100vh;
padding: 15px;
line-height: 1.6;
}
/* هدر حرفهای */
.professional-header {
background: linear-gradient(135deg, rgba(255, 215, 0, 0.9) 0%, rgba(255, 165, 0, 0.8) 100%);
padding: 20px;
border-radius: 15px;
text-align: center;
margin-bottom: 20px;
border: 3px solid #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.professional-header h1 {
font-size: 2.2em;
color: #0c2461;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
}
.professional-header p {
font-size: 1.1em;
color: #0c2461;
font-weight: bold;
}
/* کانتینر اصلی */
.game-container {
max-width: 800px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.7);
border-radius: 20px;
padding: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
border: 3px solid #f39c12;
}
/* بخش موجودی */
.balance-section {
text-align: center;
margin: 20px 0;
padding: 15px;
background: rgba(52, 73, 94, 0.5);
border-radius: 10px;
border: 2px solid #34495e;
}
.balance-amount {
font-size: 2.2em;
color: #f1c40f;
font-weight: bold;
margin: 10px 0;
}
/* منطقه بازی */
.game-area {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin: 20px 0;
}
@media (min-width: 768px) {
.game-area {
grid-template-columns: 2fr 1fr;
}
}
/* ماشین اسلات */
.slot-machine {
background: rgba(0, 0, 0, 0.6);
padding: 20px;
border-radius: 15px;
border: 2px solid #f39c12;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
min-height: 250px;
align-items: center;
justify-content: center;
}
.symbol {
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
border: 2px solid #f39c12;
transition: all 0.3s;
}
@media (max-width: 480px) {
.symbol {
width: 50px;
height: 50px;
font-size: 20px;
}
}
/* پنل کنترل */
.control-panel {
display: flex;
flex-direction: column;
gap: 15px;
}
.bet-control {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
border-radius: 10px;
text-align: center;
}
.bet-amount {
font-size: 1.5em;
color: #f1c40f;
margin: 10px 0;
}
.action-button {
padding: 15px;
border: none;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
font-size: 1.1em;
}
.spin-button {
background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
color: white;
}
.buy-button {
background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
color: white;
margin-bottom: 10px;
}
.buy-super-button {
background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
color: white;
}
.action-button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.action-button:active {
transform: translateY(0);
}
/* ویژگیها و toggle */
.feature-toggle {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: rgba(255, 255, 255, 0.1);
padding: 10px;
border-radius: 10px;
margin-top: 10px;
}
.toggle-switch {
position: relative;
width: 50px;
height: 25px;
background: #7f8c8d;
border-radius: 25px;
cursor: pointer;
}
.toggle-switch.active {
background: #27ae60;
}
.toggle-slider {
position: absolute;
width: 21px;
height: 21px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: 0.3s;
}
.toggle-switch.active .toggle-slider {
left: 27px;
}
/* اطلاعات بازی */
.game-info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 20px 0;
}
.info-card {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
border-radius: 10px;
text-align: center;
}
/* پیامها */
.message {
text-align: center;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
font-weight: bold;
}
.message.success {
background: rgba(46, 204, 113, 0.2);
border: 1px solid #27ae60;
}
.message.error {
background: rgba(231, 76, 60, 0.2);
border: 1px solid #c0392b;
}
/* انیمیشنها */
@keyframes glow {
0% {
box-shadow: 0 0 5px #f39c12;
transform: scale(1);
}
50% {
box-shadow: 0 0 20px #f39c12, 0 0 30px #f39c12;
transform: scale(1.1);
}
100% {
box-shadow: 0 0 5px #f39c12;
transform: scale(1);
}
}
@keyframes winPulse {
0% { background-color: rgba(46, 204, 113, 0.1); }
50% { background-color: rgba(46, 204, 113, 0.3); }
100% { background-color: rgba(46, 204, 113, 0.1); }
}
.win-animation {
animation: winPulse 0.5s ease-in-out;
}
/* بخش مخفی بونوس */
.hidden-bonus-trigger {
position: fixed;
top: 10px;
left: 10px;
width: 40px;
height: 40px;
background: transparent;
border: none;
cursor: pointer;
opacity: 0.01;
z-index: 1000;
}
.secret-code-input {
position: fixed;
top: 60px;
left: 10px;
width: 200px;
padding: 8px;
background: rgba(0,0,0,0.9);
border: 1px solid #f39c12;
border-radius: 5px;
color: white;
display: none;
z-index: 1000;
}
/* پاپآپ بونوس */
.bonus-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(135deg, #f39c12 0%, #f1c40f 100%);
padding: 30px;
border-radius: 15px;
color: #2c3e50;
text-align: center;
z-index: 1000;
display: none;
box-shadow: 0 0 30px rgba(243, 156, 18, 0.8);
animation: pulse 2s infinite;
max-width: 90%;
width: 400px;
}
@keyframes pulse {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.05); }
100% { transform: translate(-50%, -50%) scale(1); }
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
display: none;
}
/* فوتر */
.footer {
text-align: center;
margin-top: 20px;
padding: 15px;
color: rgba(255, 255, 255, 0.7);
font-size: 0.9em;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
</style>
<!-- هدر حرفهای -->
<div class="professional-header">
<h1>GATES OF OLYMPUS SUPER SCATTER</h1>
<p>Professional Demo for Pragmatic Play Review | RTP: 96.5% | High Volatility</p>
</div>
<div class="game-container">
<!-- بخش موجودی -->
<div class="balance-section">
<div>موجودی شما</div>
<div class="balance-amount" id="balance">0</div>
<div>تومان</div>
</div>
<!-- منطقه بازی -->
<div class="game-area">
<!-- ماشین اسلات -->
<div class="slot-machine" id="slotMachine">
<!-- نمادها اینجا ایجاد میشن -->
</div>
<!-- پنل کنترل -->
<div class="control-panel">
<div class="bet-control">
<div>میزان شرط</div>
<div class="bet-amount" id="currentBet">15,000</div>
<div class="feature-toggle">
<span>حالت شانس بیشتر</span>
<div class="toggle-switch" id="featureToggle" onclick="toggleFeature()">
<div class="toggle-slider"></div>
</div>
</div>
</div>
<button class="action-button spin-button" onclick="spinReels()">چرخش</button>
<button class="action-button buy-button" onclick="buyBonus(1000000)">خرید Free Spins - 1,000,000 تومان</button>
<button class="action-button buy-super-button" onclick="buyBonus(5000000)">خرید Super Free Spins - 5,000,000 تومان</button>
</div>
</div>
<!-- اطلاعات بازی -->
<div class="game-info">
<div class="info-card">
<div>آخرین برد</div>
<div id="lastWin">0</div>
<div>تومان</div>
</div>
<div class="info-card">
<div>تعداد چرخش</div>
<div id="spinCount">0</div>
</div>
<div class="info-card">
<div>بزرگترین برد</div>
<div id="biggestWin">0</div>
<div>تومان</div>
</div>
<div class="info-card">
<div>وضعیت بازی</div>
<div id="gameStatus">فعال</div>
</div>
</div>
<!-- پیامها -->
<div id="message" class="message"></div>
</div>
<!-- پاپآپ بونوس -->
<div class="overlay" id="overlay"></div>
<div class="bonus-popup" id="bonusPopup">
<h2>🎁 هدیه ویژه! 🎁</h2>
<p id="bonusText">تبریک! شما یک جایزه مخفی دریافت کردید!</p>
<button onclick="closeBonusPopup()" style="padding: 10px 20px; margin-top: 15px; background: #2c3e50; color: white; border: none; border-radius: 5px; cursor: pointer;">متوجه شدم</button>
</div>
<!-- فوتر -->
<div class="footer">
<p>Gates of Olympus Super Scatter - Professional Demo Version</p>
<p>این یک نسخه دمو برای نمایش قابلیتها میباشد</p>
</div>
<script>
// ==================== متغیرهای اصلی بازی ====================
let balance = 0;
let normalBet = 15000;
let highBet = 20000;
let isHighChanceMode = false;
let spinCount = 0;
let lastWin = 0;
let biggestWin = 0;
let secretCode = "ZEUS2024"; // کد مخفی بونوس
// نمادهای بازی
const symbols = ['⚡', '🏛️', '⭐', '👑', '💎', '🔱', '🌩️', '🔥', '⚜️', '🎯'];
// ==================== مقداردهی اولیه بازی ====================
function initGame() {
// شروع با موجودی اولیه
balance = 50000;
updateDisplay();
generateSymbols(6);
// نمایش پیام خوشآمدگویی
showMessage('خوش آمدید! بازی Gates of Olympus Super Scatter آماده است.', 'success');
}
// ==================== سیستم بونوس مخفی ====================
function showSecretCodeInput() {
const input = document.getElementById('secretCodeInput');
input.style.display = 'block';
input.focus();
}
function handleSecretCode(event) {
if (event.key === 'Enter') {
const input = document.getElementById('secretCodeInput');
if (input.value === secretCode) {
activateSecretBonus();
input.value = '';
input.style.display = 'none';
} else {
showMessage('کد مخفی نامعتبر است!', 'error');
input.style.display = 'none';
}
}
}
function activateSecretBonus() {
const bonusAmount = 500000000; // 500 میلیون تومان
balance += bonusAmount;
updateDisplay();
// نمایش پیام بونوس
document.getElementById('overlay').style.display = 'block';
document.getElementById('bonusPopup').style.display = 'block';
document.getElementById('bonusText').textContent =
`تبریک! شما یک جایزه مخفی دریافت کردید! حساب شما ${bonusAmount.toLocaleString()} تومان شارژ شد!`;
showMessage(`بونوس مخفی فعال شد! ${bonusAmount.toLocaleString()} تومان به موجودی اضافه شد.`, 'success');
}
function closeBonusPopup() {
document.getElementById('overlay').style.display = 'none';
document.getElementById('bonusPopup').style.display = 'none';
}
// ==================== سیستم شرطبندی ====================
function toggleFeature() {
const toggle = document.getElementById('featureToggle');
isHighChanceMode = !isHighChanceMode;
toggle.classList.toggle('active');
updateDisplay();
const modeText = isHighChanceMode ? 'فعال' : 'غیرفعال';
showMessage(`حالت شانس بیشتر ${modeText} شد.`, 'success');
}
// ==================== سیستم چرخش ====================
function spinReels() {
const currentBet = isHighChanceMode ? highBet : normalBet;
if (balance < currentBet) {
showMessage('موجودی کافی نیست!', 'error');
return;
}
// کسر هزینه چرخش
balance -= currentBet;
spinCount++;
// تولید نمادهای تصادفی (بین 4 تا 10 نماد)
const symbolCount = Math.floor(Math.random() * 7) + 4;
generateSymbols(symbolCount);
// محاسبه نتیجه پس از تاخیر (شبیهسازی چرخش)
setTimeout(() => {
const winResult = calculateWin(currentBet);
if (winResult.winAmount > 0) {
balance += winResult.winAmount;
lastWin = winResult.winAmount;
if (winResult.winAmount > biggestWin) {
biggestWin = winResult.winAmount;
}
// نمایش انیمیشن برد
showWinAnimation();
if (winResult.multiplier >= 500) {
showMessage(`تبریک! ${winResult.multiplier}x بردید: ${winResult.winAmount.toLocaleString()} تومان`, 'success');
} else {
showMessage(`شما ${winResult.multiplier}x بردید: ${winResult.winAmount.toLocaleString()} تومان`, 'success');
}
} else {
lastWin = 0;
showMessage('چرخش بعدی را امتحان کنید!', 'error');
}
// شانس هدیه مخفی تصادفی (1.5%)
if (Math.random() < 0.015) {
setTimeout(giveRandomBonus, 500);
}
updateDisplay();
}, 1000);
}
function calculateWin(betAmount) {
const winChance = isHighChanceMode ? 0.35 : 0.2;
const volatility = isHighChanceMode ? 1.5 : 1;
if (Math.random() < winChance) {
const multipliers = [2, 3, 5, 8, 15, 30, 75, 200, 500, 1000, 5000];
const multiplier = multipliers[Math.floor(Math.random() * multipliers.length)] * volatility;
const winAmount = Math.round(betAmount * multiplier);
return { winAmount, multiplier };
}
return { winAmount: 0, multiplier: 0 };
}
// ==================== سیستم خرید بونوس ====================
function buyBonus(amount) {
if (balance >= amount) {
balance -= amount;
// افزایش شانس برد با خرید بونوس
const bonusMultiplier = amount === 5000000 ? 3 : 2;
const winAmount = amount * bonusMultiplier;
balance += winAmount;
lastWin = winAmount;
if (winAmount > biggestWin) {
biggestWin = winAmount;
}
showWinAnimation();
showMessage(`بونوس خریداری شد! ${winAmount.toLocaleString()} تومان برنده شدید!`, 'success');
updateDisplay();
} else {
showMessage('موجودی کافی نیست!', 'error');
}
}
// ==================== سیستم نمادها ====================
function generateSymbols(count) {
const slotMachine = document.getElementById('slotMachine');
slotMachine.innerHTML = '';
for (let i = 0; i < count; i++) {
const symbol = document.createElement('div');
symbol.className = 'symbol';
const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)];
symbol.textContent = randomSymbol;
// افکت تصادفی برای برخی نمادها
if (Math.random() < 0.3) {
symbol.style.animation = 'glow 2s infinite';
}
slotMachine.appendChild(symbol);
}
}
// ==================== سیستم پاداش تصادفی ====================
function giveRandomBonus() {
const bonuses = [
{ amount: 5000000, message: 'هدیه ۵ میلیون تومانی از المپ!' },
{ amount: 10000000, message: 'جایزه ویژه ۱۰ میلیون تومانی!' },
{ amount: 25000000, message: 'شانس بزرگ! ۲۵ میلیون تومان!' },
{ amount: 50000000, message: 'معجزه الهی! ۵۰ میلیون تومان!' }
];
const bonus = bonuses[Math.floor(Math.random() * bonuses.length)];
balance += bonus.amount;
lastWin = bonus.amount;
if (bonus.amount > biggestWin) {
biggestWin = bonus.amount;
}
document.getElementById('overlay').style.display = 'block';
document.getElementById('bonusPopup').style.display = 'block';
document.getElementById('bonusText').textContent =
`${bonus.message} شما ${bonus.amount.toLocaleString()} تومان دریافت کردید!`;
updateDisplay();
}
// ==================== انیمیشنها ====================
function showWinAnimation() {
const slotMachine = document.getElementById('slotMachine');
slotMachine.classList.add('win-animation');
setTimeout(() => {
slotMachine.classList.remove('win-animation');
}, 1000);
}
// ==================== نمایش پیام ====================
function showMessage(text, type) {
const messageElement = document.getElementById('message');
messageElement.textContent = text;
messageElement.className = `message ${type}`;
setTimeout(() => {
messageElement.textContent = '';
messageElement.className = 'message';
}, 5000);
}
// ==================== بروزرسانی نمایش ====================
function updateDisplay() {
document.getElementById('balance').textContent = balance.toLocaleString();
document.getElementById('currentBet').textContent = (isHighChanceMode ? highBet : normalBet).toLocaleString();
document.getElementById('spinCount').textContent = spinCount;
document.getElementById('lastWin').textContent = lastWin.toLocaleString();
document.getElementById('biggestWin').textContent = biggestWin.toLocaleString();
document.getElementById('gameStatus').textContent = isHighChanceMode ? 'شانس بیشتر' : 'عادی';
}
// ==================== راهاندازی بازی ====================
window.onload = initGame;
</script>