Hugging Face's logo

Spaces:
timoon811
/
my-space
Running

App Files Community
my-space / index.html
timoon811's picture
timoon811
Add 3 files
273d5c4 verified
raw
history blame contribute delete
22.5 kB
 <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aviator Predictor</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@keyframes planeTakeoff {
0% { transform: translate(0, 0) scale(1); opacity: 1; }
50% { transform: translate(100px, -50px) scale(1.2); opacity: 1; }
100% { transform: translate(200px, -100px) scale(0); opacity: 0; }
}
@keyframes planeCrash {
0% { transform: translate(0, 0) rotate(0deg); }
100% { transform: translate(100px, 100px) rotate(45deg); }
}
.plane-animation {
animation: planeTakeoff 3s ease-in-out forwards;
}
.plane-crash {
animation: planeCrash 1s ease-in forwards;
}
.graph-line {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 3s linear forwards;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.blink {
animation: blink 1s step-start infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
</style>
</head>
<body class="bg-gray-900 text-white min-h-screen">
<div class="container mx-auto px-4 py-8">
<header class="flex justify-between items-center mb-8">
<div class="flex items-center">
<i class="fas fa-plane-departure text-3xl text-blue-400 mr-3"></i>
<h1 class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">Aviator Predictor PRO</h1>
</div>
<div class="flex items-center space-x-4">
<div class="bg-gray-800 px-4 py-2 rounded-lg flex items-center">
<i class="fas fa-coins text-yellow-400 mr-2"></i>
<span id="balance">1000</span>
</div>
<button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-lg flex items-center">
<i class="fas fa-user-circle mr-2"></i>
Профиль
</button>
</div>
</header>
<main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2 bg-gray-800 rounded-xl p-6 shadow-lg">
<div class="flex justify-between items-center mb-6">
<h2 class="text-xl font-semibold">График полета</h2>
<div class="flex space-x-2">
<div class="bg-gray-700 px-3 py-1 rounded-lg">
<span class="text-green-400">Онлайн:</span> <span id="online-count">1,247</span>
</div>
<div class="bg-gray-700 px-3 py-1 rounded-lg">
<span class="text-blue-400">Раунд:</span> <span id="round-number">#98234</span>
</div>
</div>
</div>
<div class="relative h-64 bg-gray-900 rounded-lg p-4 mb-6 overflow-hidden">
<svg id="graph" width="100%" height="100%" viewBox="0 0 300 150" class="absolute top-0 left-0">
<path id="graph-line" class="graph-line" stroke="#3B82F6" stroke-width="2" fill="none" d="M0,150 L50,120 L100,100 L150,50 L200,20 L250,10 L300,0"></path>
<circle id="plane" cx="0" cy="150" r="5" fill="#EF4444">
<animateMotion id="plane-motion" path="M0,150 L50,120 L100,100 L150,50 L200,20 L250,10 L300,0" dur="3s" fill="freeze" />
</circle>
<text x="10" y="20" fill="#FFFFFF" font-size="12">Коэффициент</text>
<text x="270" y="145" fill="#FFFFFF" font-size="12">Время</text>
</svg>
<div id="multiplier-display" class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-5xl font-bold bg-black bg-opacity-50 px-6 py-3 rounded-full hidden">
<span id="current-multiplier" class="text-green-400">1.00x</span>
</div>
<div id="crash-message" class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl font-bold bg-red-900 bg-opacity-80 px-6 py-3 rounded-full hidden">
<span>Самолет упал!</span>
</div>
</div>
<div class="grid grid-cols-3 gap-4 mb-6">
<div class="bg-gray-700 p-4 rounded-lg">
<div class="text-gray-400 text-sm mb-1">Предыдущий раунд</div>
<div class="text-2xl font-bold text-green-400">2.34x</div>
</div>
<div class="bg-gray-700 p-4 rounded-lg">
<div class="text-gray-400 text-sm mb-1">Средний коэффициент</div>
<div class="text-2xl font-bold text-blue-400">1.98x</div>
</div>
<div class="bg-gray-700 p-4 rounded-lg">
<div class="text-gray-400 text-sm mb-1">Максимальный</div>
<div class="text-2xl font-bold text-purple-400">8.76x</div>
</div>
</div>
<div class="bg-gray-700 p-4 rounded-lg mb-6">
<div class="flex justify-between items-center mb-2">
<div class="text-gray-400">Прогноз следующего раунда</div>
<div class="flex items-center">
<i class="fas fa-bolt text-yellow-400 mr-1"></i>
<span class="text-sm font-semibold">87% точность</span>
</div>
</div>
<div class="flex justify-between items-center">
<div class="text-3xl font-bold text-green-400 blink" id="prediction-value">2.15x</div>
<div class="text-xs text-gray-400">Обновление через: <span id="countdown">5</span>с</div>
</div>
</div>
<div class="bg-gray-700 p-4 rounded-lg">
<h3 class="text-lg font-semibold mb-3">Статистика последних раундов</h3>
<div class="grid grid-cols-5 gap-2 text-center">
<div class="bg-green-900 bg-opacity-50 p-2 rounded">1.24x</div>
<div class="bg-red-900 bg-opacity-50 p-2 rounded">1.01x</div>
<div class="bg-green-900 bg-opacity-50 p-2 rounded">3.45x</div>
<div class="bg-green-900 bg-opacity-50 p-2 rounded">1.67x</div>
<div class="bg-red-900 bg-opacity-50 p-2 rounded">1.12x</div>
</div>
</div>
</div>
<div class="bg-gray-800 rounded-xl p-6 shadow-lg">
<h2 class="text-xl font-semibold mb-6">Сделать ставку</h2>
<div class="mb-6">
<label class="block text-gray-400 mb-2">Сумма ставки</label>
<div class="relative">
<input type="number" id="bet-amount" value="100" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
<div class="absolute right-3 top-3 flex space-x-1">
<button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="0.5">½</button>
<button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="2">2x</button>
<button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="max">MAX</button>
</div>
</div>
</div>
<div class="mb-6">
<label class="block text-gray-400 mb-2">Авто-выход (x)</label>
<input type="number" id="auto-cashout" value="2.00" step="0.1" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div class="mb-6">
<label class="block text-gray-400 mb-2">Коэффициент</label>
<div class="relative">
<div class="absolute left-3 top-3 text-gray-400">x</div>
<input type="number" id="manual-cashout" value="1.50" step="0.1" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-8 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
</div>
<button id="place-bet-btn" class="w-full bg-gradient-to-r from-green-500 to-green-600 hover:from-green-600 hover:to-green-700 text-white font-bold py-4 px-4 rounded-lg mb-4 flex items-center justify-center pulse">
<i class="fas fa-rocket mr-2"></i>
Сделать ставку
</button>
<button id="auto-bet-btn" class="w-full bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-bold py-3 px-4 rounded-lg mb-2 flex items-center justify-center">
<i class="fas fa-cog mr-2"></i>
Авто-ставка
</button>
<div class="bg-gray-700 p-4 rounded-lg mt-6">
<h3 class="text-lg font-semibold mb-3">Ваши ставки</h3>
<div class="space-y-2">
<div class="flex justify-between items-center bg-gray-600 p-2 rounded">
<div>
<div class="font-semibold">2.15x</div>
<div class="text-xs text-gray-300">#98233</div>
</div>
<div class="text-green-400 font-bold">+215</div>
</div>
<div class="flex justify-between items-center bg-gray-600 p-2 rounded">
<div>
<div class="font-semibold">1.01x</div>
<div class="text-xs text-gray-300">#98232</div>
</div>
<div class="text-red-400 font-bold">-100</div>
</div>
</div>
</div>
</div>
</main>
<div class="mt-8 bg-gray-800 rounded-xl p-6 shadow-lg">
<h2 class="text-xl font-semibold mb-4">Как работает предсказатель?</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-700 p-4 rounded-lg">
<div class="flex items-center mb-2">
<div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
<span class="font-bold">1</span>
</div>
<h3 class="font-semibold">Анализ статистики</h3>
</div>
<p class="text-gray-300 text-sm">Наш алгоритм анализирует последние 1000 раундов, выявляя закономерности и тенденции в коэффициентах.</p>
</div>
<div class="bg-gray-700 p-4 rounded-lg">
<div class="flex items-center mb-2">
<div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
<span class="font-bold">2</span>
</div>
<h3 class="font-semibold">Нейросеть</h3>
</div>
<p class="text-gray-300 text-sm">Искусственный интеллект обрабатывает данные и делает прогноз с точностью до 87%.</p>
</div>
<div class="bg-gray-700 p-4 rounded-lg">
<div class="flex items-center mb-2">
<div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
<span class="font-bold">3</span>
</div>
<h3 class="font-semibold">Обновление</h3>
</div>
<p class="text-gray-300 text-sm">Прогноз обновляется каждые 5 секунд, чтобы учитывать последние изменения в игре.</p>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Элементы интерфейса
const balanceElement = document.getElementById('balance');
const betAmountInput = document.getElementById('bet-amount');
const placeBetBtn = document.getElementById('place-bet-btn');
const predictionValue = document.getElementById('prediction-value');
const countdownElement = document.getElementById('countdown');
const multiplierDisplay = document.getElementById('multiplier-display');
const currentMultiplier = document.getElementById('current-multiplier');
const crashMessage = document.getElementById('crash-message');
const graphLine = document.getElementById('graph-line');
const plane = document.getElementById('plane');
const planeMotion = document.getElementById('plane-motion');
const roundNumberElement = document.getElementById('round-number');
// Настройки игры
let balance = 1000;
let roundNumber = 98234;
let countdown = 5;
let isGameRunning = false;
// Кнопки изменения ставки
document.querySelectorAll('.bet-btn').forEach(btn => {
btn.addEventListener('click', function() {
const currentBet = parseFloat(betAmountInput.value) || 0;
const multiplier = this.dataset.multiplier;
if (multiplier === 'max') {
betAmountInput.value = balance;
} else if (multiplier === '0.5') {
betAmountInput.value = Math.floor(currentBet * 0.5);
} else if (multiplier === '2') {
const newBet = currentBet * 2;
betAmountInput.value = newBet > balance ? balance : newBet;
}
});
});
// Обновление прогноза каждые 5 секунд
function updatePrediction() {
// Генерируем случайный коэффициент от 1.1 до 5 с шагом 0.01
const randomMultiplier = (Math.random() * 4 + 1.1).toFixed(2);
predictionValue.textContent = randomMultiplier + 'x';
// Сброс счетчика
countdown = 5;
updateCountdown();
// Запускаем новый отсчет
setTimeout(updatePrediction, 5000);
}
// Обновление счетчика
function updateCountdown() {
countdownElement.textContent = countdown;
if (countdown > 0) {
countdown--;
setTimeout(updateCountdown, 1000);
}
}
// Запуск игры
placeBetBtn.addEventListener('click', function() {
if (isGameRunning) return;
const betAmount = parseFloat(betAmountInput.value);
if (isNaN(betAmount) || betAmount <= 0 || betAmount > balance) {
alert('Введите корректную сумму ставки!');
return;
}
isGameRunning = true;
balance -= betAmount;
balanceElement.textContent = balance;
roundNumber++;
roundNumberElement.textContent = '#' + roundNumber;
// Скрываем сообщения
multiplierDisplay.classList.add('hidden');
crashMessage.classList.add('hidden');
// Сбрасываем анимации
plane.setAttribute('cx', '0');
plane.setAttribute('cy', '150');
planeMotion.beginElement();
// Генерируем случайный коэффициент (от 1.01 до 10)
const crashPoint = Math.random() * 9 + 1.01;
const crashMultiplier = crashPoint.toFixed(2);
// Создаем новый путь для графика
const pathPoints = [];
pathPoints.push('M0,150');
// Генерируем точки для графика
const steps = 20;
for (let i = 1; i <= steps; i++) {
const x = (300 / steps) * i;
let y;
if (i/steps * 10 < crashPoint) {
// До точки краша - плавный подъем
const progress = i/steps;
const curve = Math.sin(progress * Math.PI/2);
y = 150 - (curve * 150 * (crashPoint/10));
} else {
// После точки краша - резкое падение
y = 150;
}
pathPoints.push(`L${x},${y}`);
}
// Обновляем путь графика
graphLine.setAttribute('d', pathPoints.join(' '));
// Показываем текущий коэффициент во время полета
multiplierDisplay.classList.remove('hidden');
// Анимация полета и обновление коэффициента
let currentMultiplierValue = 1.00;
const multiplierInterval = setInterval(() => {
currentMultiplierValue += 0.05 + Math.random() * 0.1;
if (currentMultiplierValue >= crashMultiplier) {
clearInterval(multiplierInterval);
currentMultiplierValue = crashMultiplier;
// Самолет упал
setTimeout(() => {
crashMessage.classList.remove('hidden');
isGameRunning = false;
// Проверяем автовыход
const autoCashout = parseFloat(document.getElementById('auto-cashout').value);
if (autoCashout && currentMultiplierValue >= autoCashout) {
const winAmount = betAmount * autoCashout;
balance += winAmount;
balanceElement.textContent = balance;
alert(`Автовыход на ${autoCashout}x! Вы выиграли: ${winAmount.toFixed(2)}`);
}
}, 500);
}
currentMultiplier.textContent = currentMultiplierValue.toFixed(2) + 'x';
}, 100);
});
// Запускаем обновление прогноза
updatePrediction();
// Имитация онлайн игроков
setInterval(() => {
const onlineCount = document.getElementById('online-count');
const currentCount = parseInt(onlineCount.textContent.replace(',', ''));
const change = Math.floor(Math.random() * 20) - 10; // от -10 до +10
const newCount = Math.max(1000, currentCount + change);
onlineCount.textContent = newCount.toLocaleString();
}, 3000);
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/my-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>