Spaces:

Vladarr
/

dunghero

Running

App Files Files Community

Vladarr commited on Apr 29

Commit

a242b01

verified ·

1 Parent(s): eb9f586

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +564 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Dunghero
-emoji: 🐢
-colorFrom: pink
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: dunghero
+emoji: 🐳
+colorFrom: red
+colorTo: red
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,564 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Подземелье Героев</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 pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+        }
+        .pulse-animation {
+            animation: pulse 1.5s infinite;
+        }
+        .hero-card {
+            transition: all 0.3s ease;
+        }
+        .hero-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
+        }
+        .damage-effect {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(255, 0, 0, 0.3);
+            top: 0;
+            left: 0;
+            z-index: 10;
+            animation: flash 0.3s;
+        }
+        @keyframes flash {
+            0% { opacity: 0.8; }
+            100% { opacity: 0; }
+        }
+        .heal-effect {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 255, 0, 0.3);
+            top: 0;
+            left: 0;
+            z-index: 10;
+            animation: flash 0.3s;
+        }
+        .dead-overlay {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.7);
+            top: 0;
+            left: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 20;
+        }
+        .skull-icon {
+            font-size: 3rem;
+            color: white;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-white min-h-screen">
+    <div class="container mx-auto px-4 py-8">
+        <!-- Заголовок -->
+        <header class="text-center mb-12">
+            <h1 class="text-5xl font-bold mb-4 text-yellow-400">Подземелье Героев</h1>
+            <p class="text-xl text-gray-300">Сделайте ставку на героя и следите за его судьбой в опасном подземелье!</p>
+        </header>
+        <!-- Основной экран игры -->
+        <div id="game-screen" class="flex flex-col items-center">
+            <!-- Информация о игроке -->
+            <div class="bg-gray-800 rounded-lg p-6 mb-8 w-full max-w-2xl shadow-lg">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <h2 class="text-2xl font-semibold mb-2">Ваш баланс: <span id="balance" class="text-green-400">1000</span> <i class="fas fa-coins text-yellow-400"></i></h2>
+                        <p class="text-gray-400">Текущий раунд: <span id="current-round">0</span>/<span id="total-rounds">5</span></p>
+                    </div>
+                    <div>
+                        <button id="start-game-btn" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-3 px-6 rounded-lg transition-all flex items-center">
+                            <i class="fas fa-play mr-2"></i> Начать игру
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Выбор героя и ставки -->
+            <div id="hero-selection" class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8 w-full max-w-4xl">
+                <!-- Герои будут добавлены динамически -->
+            </div>
+            <!-- Лог событий -->
+            <div id="event-log" class="bg-gray-800 rounded-lg p-6 w-full max-w-4xl h-64 overflow-y-auto shadow-lg">
+                <h3 class="text-xl font-semibold mb-4 border-b border-gray-700 pb-2">Журнал событий</h3>
+                <div id="log-content" class="space-y-2">
+                    <p class="text-gray-400 italic">Игра еще не началась. Выберите героя и сделайте ставку.</p>
+                </div>
+            </div>
+            <!-- Босс -->
+            <div id="boss-container" class="mt-12 hidden">
+                <div class="bg-red-900 rounded-lg p-6 w-full max-w-2xl shadow-lg relative overflow-hidden">
+                    <div class="flex flex-col md:flex-row items-center">
+                        <div class="w-32 h-32 bg-red-800 rounded-full flex items-center justify-center mb-4 md:mb-0 md:mr-6 relative">
+                            <i class="fas fa-skull text-6xl text-red-600"></i>
+                            <div id="boss-health-bar" class="absolute -bottom-2 left-0 right-0 h-2 bg-gray-700 rounded-full">
+                                <div id="boss-health" class="h-full bg-red-500 rounded-full" style="width: 100%"></div>
+                            </div>
+                        </div>
+                        <div>
+                            <h3 class="text-2xl font-bold mb-2" id="boss-name">???</h3>
+                            <p class="text-gray-300 mb-1">Уровень угрозы: <span id="boss-threat" class="text-red-400">??</span></p>
+                            <p class="text-gray-300">Здоровье: <span id="boss-health-text">100</span>/<span>100</span></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Результаты раунда -->
+            <div id="round-results" class="mt-8 hidden w-full max-w-4xl">
+                <div class="bg-gray-800 rounded-lg p-6 shadow-lg">
+                    <h3 class="text-xl font-semibold mb-4 border-b border-gray-700 pb-2">Результаты раунда</h3>
+                    <div id="round-results-content" class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                        <!-- Результаты будут добавлены динамически -->
+                    </div>
+                    <div class="mt-6 flex justify-center">
+                        <button id="next-round-btn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition-all">
+                            Следующий раунд <i class="fas fa-arrow-right ml-2"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Финальные результаты -->
+            <div id="final-results" class="mt-8 hidden w-full max-w-4xl">
+                <div class="bg-gray-800 rounded-lg p-6 shadow-lg">
+                    <h3 class="text-xl font-semibold mb-4 border-b border-gray-700 pb-2">Финальные результаты</h3>
+                    <div id="final-results-content" class="space-y-4">
+                        <!-- Результаты будут добавлены динамически -->
+                    </div>
+                    <div class="mt-6 flex justify-center">
+                        <button id="restart-game-btn" class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-lg transition-all">
+                            Играть снова <i class="fas fa-redo ml-2"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Игровые переменные
+        let gameState = {
+            balance: 1000,
+            currentRound: 0,
+            totalRounds: 5,
+            selectedHero: null,
+            betAmount: 0,
+            heroes: [],
+            boss: null,
+            gameActive: false,
+            roundResults: [],
+            finalResults: null
+        };
+        // Герои
+        const heroClasses = [
+            { name: "Воин", icon: "fa-shield-alt", color: "bg-blue-600" },
+            { name: "Лучник", icon: "fa-bow-arrow", color: "bg-green-600" },
+            { name: "Маг", icon: "fa-hat-wizard", color: "bg-purple-600" },
+            { name: "Разбойник", icon: "fa-mask", color: "bg-gray-600" },
+            { name: "Паладин", icon: "fa-hammer", color: "bg-yellow-600" },
+            { name: "Некромант", icon: "fa-skull", color: "bg-gray-800" }
+        ];
+        // Боссы
+        const bosses = [
+            { name: "Дракон Тьмы", threat: 8, health: 100, icon: "fa-dragon" },
+            { name: "Король Лич", threat: 9, health: 120, icon: "fa-crown" },
+            { name: "Демон Бездны", threat: 10, health: 150, icon: "fa-fire" },
+            { name: "Гигантский Паук", threat: 7, health: 90, icon: "fa-spider" },
+            { name: "Темный Властелин", threat: 12, health: 200, icon: "fa-chess-king" }
+        ];
+        // Инициализация игры
+        function initGame() {
+            // Создаем героев
+            gameState.heroes = heroClasses.map((heroClass, index) => {
+                return {
+                    id: index + 1,
+                    name: `${heroClass.name} #${index + 1}`,
+                    class: heroClass.name,
+                    icon: heroClass.icon,
+                    color: heroClass.color,
+                    health: 100,
+                    maxHealth: 100,
+                    strength: Math.floor(Math.random() * 10) + 5,
+                    agility: Math.floor(Math.random() * 10) + 5,
+                    intelligence: Math.floor(Math.random() * 10) + 5,
+                    experience: 0,
+                    survivedRounds: 0,
+                    alive: true,
+                    coefficient: (Math.random() * 2 + 1).toFixed(2),
+                    lastDamageDealt: 0
+                };
+            });
+            // Выбираем случайного босса
+            const randomBoss = bosses[Math.floor(Math.random() * bosses.length)];
+            gameState.boss = {
+                ...randomBoss,
+                currentHealth: randomBoss.health,
+                maxHealth: randomBoss.health
+            };
+            // Обновляем UI
+            updateUI();
+            renderHeroSelection();
+            updateBossUI();
+        }
+        // Рендер выбора героев
+        function renderHeroSelection() {
+            const container = document.getElementById('hero-selection');
+            container.innerHTML = '';
+            gameState.heroes.forEach(hero => {
+                const heroCard = document.createElement('div');
+                heroCard.className = `hero-card ${hero.color} rounded-lg p-6 shadow-md relative overflow-hidden`;
+                // Если герой мертв, добавляем оверлей
+                if (!hero.alive) {
+                    heroCard.innerHTML += `
+                        <div class="dead-overlay">
+                            <i class="fas fa-skull skull-icon"></i>
+                        </div>
+                    `;
+                }
+                heroCard.innerHTML += `
+                    <div class="flex flex-col md:flex-row items-center">
+                        <div class="w-20 h-20 bg-black bg-opacity-30 rounded-full flex items-center justify-center mb-4 md:mb-0 md:mr-4">
+                            <i class="fas ${hero.icon} text-3xl"></i>
+                        </div>
+                        <div class="text-center md:text-left">
+                            <h3 class="text-xl font-bold">${hero.name}</h3>
+                            <p class="text-sm opacity-80">${hero.class}</p>
+                            <div class="mt-2">
+                                <span class="text-xs font-semibold">Сила: ${hero.strength}</span> |
+                                <span class="text-xs font-semibold">Ловк: ${hero.agility}</span> |
+                                <span class="text-xs font-semibold">Инт: ${hero.intelligence}</span>
+                            </div>
+                            <div class="mt-1">
+                                <span class="text-xs">Опыт: ${hero.experience}</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mt-4">
+                        <div class="flex justify-between items-center mb-1">
+                            <span class="text-xs">Здоровье:</span>
+                            <span class="text-xs font-bold">${hero.health}/${hero.maxHealth}</span>
+                        </div>
+                        <div class="w-full bg-gray-700 rounded-full h-2">
+                            <div class="bg-green-500 h-2 rounded-full" style="width: ${(hero.health / hero.maxHealth) * 100}%"></div>
+                        </div>
+                    </div>
+                    <div class="mt-4 flex justify-between items-center">
+                        <span class="text-sm">Коэф: <span class="font-bold">${hero.coefficient}x</span></span>
+                        <div class="flex items-center">
+                            <input type="number" id="bet-amount-${hero.id}" class="w-20 bg-black bg-opacity-30 text-white text-sm rounded px-2 py-1 mr-2" placeholder="Сумма" min="10" max="${gameState.balance}" value="10">
+                            <button onclick="placeBet(${hero.id})" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 text-sm font-bold px-3 py-1 rounded transition-all ${!hero.alive ? 'opacity-50 cursor-not-allowed' : ''}" ${!hero.alive ? 'disabled' : ''}>
+                                <i class="fas fa-coins mr-1"></i> Ставка
+                            </button>
+                        </div>
+                    </div>
+                `;
+                container.appendChild(heroCard);
+            });
+        }
+        // Размещение ставки
+        function placeBet(heroId) {
+            if (gameState.gameActive) {
+                addLogMessage("Игра уже началась! Дождитесь окончания текущей игры.");
+                return;
+            }
+            const hero = gameState.heroes.find(h => h.id === heroId);
+            if (!hero.alive) {
+                addLogMessage("Этот герой уже мертв и не может участвовать!");
+                return;
+            }
+            const betInput = document.getElementById(`bet-amount-${heroId}`);
+            const betAmount = parseInt(betInput.value);
+            if (isNaN(betAmount) || betAmount < 10) {
+                addLogMessage("Минимальная ставка - 10 монет!");
+                return;
+            }
+            if (betAmount > gameState.balance) {
+                addLogMessage("Недостаточно средств для такой ставки!");
+                return;
+            }
+            gameState.selectedHero = heroId;
+            gameState.betAmount = betAmount;
+            gameState.balance -= betAmount;
+            addLogMessage(`Вы сделали ставку ${betAmount} монет на ${hero.name}! Коэффициент: ${hero.coefficient}x`);
+            updateUI();
+            // Делаем кнопку начала игры активной
+            document.getElementById('start-game-btn').classList.remove('opacity-50', 'cursor-not-allowed');
+        }
+        // Начало игры
+        function startGame() {
+            if (!gameState.selectedHero) {
+                addLogMessage("Сначала выберите героя и сделайте ставку!");
+                return;
+            }
+            if (gameState.gameActive) {
+                addLogMessage("Игра уже идет!");
+                return;
+            }
+            gameState.gameActive = true;
+            gameState.currentRound = 1;
+            addLogMessage(`Игра началась! Герои отправляются в подземелье на ${gameState.totalRounds} раундов.`);
+            addLogMessage(`Босс этого подземелья: ${gameState.boss.name} (Уровень угрозы: ${gameState.boss.threat}/10)`);
+            // Показываем босса
+            document.getElementById('boss-container').classList.remove('hidden');
+            // Скрываем кнопку начала игры
+            document.getElementById('start-game-btn').classList.add('hidden');
+            // Запускаем первый раунд
+            startRound();
+        }
+        // Запуск раунда
+        function startRound() {
+            addLogMessage(`=== Раунд ${gameState.currentRound} ===`);
+            // Скрываем результаты предыдущего раунда
+            document.getElementById('round-results').classList.add('hidden');
+            // Обновляем UI раунда
+            document.getElementById('current-round').textContent = gameState.currentRound;
+            // Симулируем раунд
+            setTimeout(() => {
+                simulateRound();
+            }, 1500);
+        }
+        // Симуляция раунда
+        function simulateRound() {
+            gameState.roundResults = [];
+            // Для каждого живого героя определяем, выживет ли он в раунде
+            gameState.heroes.forEach(hero => {
+                if (hero.alive) {
+                    // Шанс выживания: 30% параметры, 30% опыт, 40% случайность
+                    const survivalChance =
+                        (hero.strength + hero.agility + hero.intelligence) / 3 * 0.3 +
+                        hero.experience * 0.3 +
+                        Math.random() * 40;
+                    // Базовый шанс выживания 60% + бонусы
+                    const survivalThreshold = 60 + survivalChance;
+                    const roll = Math.random() * 100;
+                    if (roll < survivalThreshold) {
+                        // Герой выжил
+                        hero.survivedRounds++;
+                        // Получает опыт
+                        const expGain = Math.floor(Math.random() * 5) + 1;
+                        hero.experience += expGain;
+                        // Может получить лечение или урон
+                        const healthChange = Math.random() > 0.7 ?
+                            Math.floor(Math.random() * 20) + 5 : // Лечение
+                            -(Math.floor(Math.random() * 15) + 5); // Урон
+                        hero.health = Math.min(hero.maxHealth, Math.max(0, hero.health + healthChange));
+                        // Проверяем, умер ли герой от урона
+                        if (hero.health <= 0) {
+                            hero.alive = false;
+                            hero.health = 0;
+                            gameState.roundResults.push({
+                                heroId: hero.id,
+                                survived: false,
+                                message: `${hero.name} погиб в этом раунде!`
+                            });
+                        } else {
+                            gameState.roundResults.push({
+                                heroId: hero.id,
+                                survived: true,
+                                message: `${hero.name} выжил! ${healthChange > 0 ?
+                                    `Получил лечение +${healthChange} HP` :
+                                    `Получил урон ${-healthChange} HP`}. Опыт +${expGain}`
+                            });
+                        }
+                    } else {
+                        // Герой погиб
+                        hero.alive = false;
+                        hero.health = 0;
+                        gameState.roundResults.push({
+                            heroId: hero.id,
+                            survived: false,
+                            message: `${hero.name} погиб в этом раунде!`
+                        });
+                    }
+                }
+            });
+            // Проверяем, остались ли живые герои
+            const aliveHeroes = gameState.heroes.filter(h => h.alive);
+            if (aliveHeroes.length === 0) {
+                // Все герои мертвы, игра окончена
+                endGame(false);
+                return;
+            }
+            // Показываем результаты раунда
+            showRoundResults();
+        }
+        // Показать результаты раунда
+        function showRoundResults() {
+            const container = document.getElementById('round-results-content');
+            container.innerHTML = '';
+            gameState.roundResults.forEach(result => {
+                const hero = gameState.heroes.find(h => h.id === result.heroId);
+                const resultCard = document.createElement('div');
+                resultCard.className = `bg-gray-700 rounded-lg p-4 ${result.survived ? 'border-l-4 border-green-500' : 'border-l-4 border-red-500'}`;
+                resultCard.innerHTML = `
+                    <div class="flex items-center mb-2">
+                        <div class="w-10 h-10 ${hero.color} rounded-full flex items-center justify-center mr-3">
+                            <i class="fas ${hero.icon}"></i>
+                        </div>
+                        <h4 class="font-semibold">${hero.name}</h4>
+                    </div>
+                    <p class="text-sm ${result.survived ? 'text-green-300' : 'text-red-300'}">${result.message}</p>
+                    <div class="mt-2 flex justify-between items-center">
+                        <span class="text-xs">Здоровье:</span>
+                        <span class="text-xs font-bold">${hero.health}/${hero.maxHealth}</span>
+                    </div>
+                    <div class="w-full bg-gray-600 rounded-full h-1.5 mt-1">
+                        <div class="${result.survived ? 'bg-green-500' : 'bg-red-500'} h-1.5 rounded-full" style="width: ${(hero.health / hero.maxHealth) * 100}%"></div>
+                    </div>
+                `;
+                container.appendChild(resultCard);
+            });
+            // Показываем контейнер результатов
+            document.getElementById('round-results').classList.remove('hidden');
+            // Обновляем карточки героев
+            renderHeroSelection();
+            // Если это последний раунд, завершаем игру
+            if (gameState.currentRound >= gameState.totalRounds) {
+                // Сначала показываем результаты раунда, затем через 3 секунды - финальные результаты
+                setTimeout(() => {
+                    endGame(true);
+                }, 3000);
+            }
+        }
+        // Следующий раунд
+        function nextRound() {
+            gameState.currentRound++;
+            document.getElementById('round-results').classList.add('hidden');
+            startRound();
+        }
+        // Завершение игры
+        function endGame(fightBoss) {
+            gameState.gameActive = false;
+            if (fightBoss) {
+                // Битва с боссом
+                const aliveHeroes = gameState.heroes.filter(h => h.alive);
+                addLogMessage(`=== Финальная битва с ${gameState.boss.name}! ===`);
+                addLogMessage(`В бой идут ${aliveHeroes.length} героев!`);
+                // Шанс победы зависит от количества и силы героев
+                const totalHeroPower = aliveHeroes.reduce((sum, hero) => {
+                    return sum + (hero.strength + hero.agility + hero.intelligence) / 3 + hero.experience;
+                }, 0);
+                const bossPower = gameState.boss.threat * 10;
+                const winChance = Math.min(90, (totalHeroPower / bossPower) * 80); // Макс 90% шанс
+                // Определяем победителя
+                const roll = Math.random() * 100;
+                const victory = roll < winChance;
+                // Определяем героя, нанесшего смертельный удар (если победа)
+                let killingBlowHero = null;
+                if (victory) {
+                    // Сортируем героев по урону (сила + случайность)
+                    aliveHeroes.forEach(hero => {
+                        hero.lastDamageDealt = hero.strength + Math.floor(Math.random() * 10);
+                    });
+                    // Находим героя с максимальным уроном
+                    killingBlowHero = aliveHeroes.reduce((max, hero) =>
+                        hero.lastDamageDealt > max.lastDamageDealt ? hero : max, aliveHeroes[0]);
+                }
+                // Формируем финальные результаты
+                gameState.finalResults = {
+                    victory,
+                    aliveHeroesCount: aliveHeroes.length,
+                    killingBlowHeroId: killingBlowHero ? killingBlowHero.id : null,
+                    winAmount: calculateWinAmount(victory, killingBlowHero)
+                };
+                // Добавляем сообщения в лог
+                if (victory) {
+                    addLogMessage(`Герои победили ${gameState.boss.name}!`);
+                    addLogMessage(`${killingBlowHero.name} нанес смертельный удар!`);
+                } else {
+                    addLogMessage(`Герои проиграли в битве с ${gameState.boss.name}!`);
+                }
+            } else {
+                // Все герои погибли до финальной битвы
+                gameState.finalResults = {
+                    victory: false,
+                    aliveHeroesCount: 0,
+                    killingBlowHeroId: null,
+                    winAmount: 0
+                };
+                addLogMessage("Все герои погибли! Игра окончена.");
+            }
+            // Показываем финальные результаты через 2 секунды
+            setTimeout(showFinalResults, 2000);
+        }
+        // Расчет выигрыша
+        function calculateWinAmount(victory, killingBlowHero) {
+            if (!victory) return 0;
+            const selectedHero = gameState.heroes.find
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Разработай игру (на чем будет удобней) про ставки на героев, которые отправляются в подземелье на сражение с боссом. Поход в подземелье состоит из N раундов. По окончанию каждого раунда происходит расчет, кто из героев выжил, а кто погиб. Выживание героев должно зависеть от параметров (30%), опыта прошлых походов (где-то до 30%) и рандома (40%). Если после последнего раунда кто-то из гереов жив, происходит расчет победили ли они боса (чем больше героев выжило, тем выше шансы). По истечению "забега" в подземелье, игроки получают выигрыш в зависимости от коефициента ставки на героя, если он выжил (коэфициент определяется с учетом параметров и опыта героев). Если выбранный (герой еще и нанес смертельный удар (расчитывается если победили боса), то игрок который делал ставку получает награду x10.