/
vitish
/
game
Обзор
Документация
Войти
/
vitish
/
game
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
dev
index.html
245 строк
11 KB
v.sergeeva
test
23 дек 2025, 23:53
23 дек 2025, 23:53
6858ba0
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Баго-ловец | Спаси экран от багов!</title> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐛</text></svg>"> </head> <body> <div class="container"> <!-- Экран старта --> <div id="start-screen" class="screen active"> <div class="start-content"> <h1><i class="fas fa-bug"></i> БАГО-ЛОВЕЦ <i class="fas fa-bug"></i></h1> <h2 class="subtitle">СПАСИ ЭКРАН ОТ БАГОВ!</h2> <div class="character-container"> <div class="character"> <div class="char-head"></div> <div class="char-body"></div> <div class="char-arm-left"></div> <div class="char-arm-right"></div> <div class="char-eye"></div> </div> <div class="speech-bubble"> <p>Помоги мне очистить экран!</p> </div> </div> <div class="instructions"> <h3><i class="fas fa-gamepad"></i> ПРАВИЛА ИГРЫ:</h3> <div class="rules"> <div class="rule-item"> <span class="rule-icon">🐛</span> <span class="rule-text">Кликай по багам — <strong>+10 очков</strong></span> </div> <div class="rule-item"> <span class="rule-icon">✨</span> <span class="rule-text">Не трогай фичи — <strong>-1 жизнь</strong></span> </div> <div class="rule-item"> <span class="rule-icon">👾</span> <span class="rule-text">Победи босса — <strong>+200 очков</strong></span> </div> <div class="rule-item"> <span class="rule-icon">⏱️</span> <span class="rule-text">У тебя <strong>30 секунд</strong> и <strong>3 жизни</strong></span> </div> </div> </div> <div class="controls"> <h3><i class="fas fa-keyboard"></i> УПРАВЛЕНИЕ:</h3> <p>Просто кликай мышкой по багам!</p> </div> <button id="start-btn" class="btn start-button"> <i class="fas fa-play"></i> НАЧАТЬ ИГРУ </button> </div> </div> <!-- Игровой экран --> <div id="game-screen" class="screen"> <div class="game-header"> <div class="header-left"> <div class="game-title"> <span class="bug-icon">🐛</span> <h2>БАГО-ЛОВЕЦ</h2> </div> </div> <div class="stats-container"> <div class="stat-box"> <div class="stat-icon"><i class="fas fa-star"></i></div> <div class="stat-info"> <div class="stat-label">ОЧКИ</div> <div class="stat-value" id="score">0</div> </div> </div> <div class="stat-box"> <div class="stat-icon"><i class="fas fa-heart"></i></div> <div class="stat-info"> <div class="stat-label">ЖИЗНИ</div> <div class="stat-value" id="lives">3</div> </div> </div> <div class="stat-box"> <div class="stat-icon"><i class="fas fa-clock"></i></div> <div class="stat-info"> <div class="stat-label">ВРЕМЯ</div> <div class="stat-value" id="time">30с</div> </div> </div> <div class="stat-box"> <div class="stat-icon"><i class="fas fa-trophy"></i></div> <div class="stat-info"> <div class="stat-label">УРОВЕНЬ</div> <div class="stat-value" id="level">1</div> </div> </div> </div> <div class="header-right"> <button id="sound-toggle" class="icon-btn" title="Включить/выключить звук"> <i class="fas fa-volume-up"></i> </button> <button id="pause-btn" class="icon-btn" title="Пауза"> <i class="fas fa-pause"></i> </button> <button id="help-btn" class="icon-btn" title="Помощь"> <i class="fas fa-question"></i> </button> </div> </div> <!-- Прогресс-бар --> <div class="progress-container"> <div class="progress-label"> <i class="fas fa-hourglass-half"></i> <span>Время до босса:</span> <span id="boss-timer">5</span>с </div> <div class="progress-bar"> <div id="boss-progress"></div> </div> </div> <!-- Игровая область --> <div id="game-area"></div> <!-- Статус босса --> <div id="boss-status" class="hidden"> <div class="boss-header"> <i class="fas fa-skull-crossbones"></i> <span>БОСС АКТИВЕН!</span> <i class="fas fa-skull-crossbones"></i> </div> <div class="boss-health-container"> <div class="boss-health-bar"> <div id="boss-health-fill"></div> </div> <div class="boss-health-text"> Здоровье: <span id="boss-health">5</span>/5 </div> </div> <div class="boss-hint"> <i class="fas fa-mouse-pointer"></i> Кликай по боссу, чтобы нанести урон! </div> </div> <!-- Подсказки --> <div class="hints"> <div class="hint"> <span class="hint-icon">🐛</span> <span>Баги: +10 очков</span> </div> <div class="hint"> <span class="hint-icon">✨</span> <span>Фичи: -1 жизнь</span> </div> <div class="hint"> <span class="hint-icon">👾</span> <span>Босс: +200 очков</span> </div> </div> </div> <!-- Экран окончания игры --> <div id="end-screen" class="screen"> <div class="end-content"> <div class="result-header"> <div class="trophy"> <i class="fas fa-trophy"></i> </div> <h2>ИГРА ОКОНЧЕНА!</h2> </div> <div class="final-stats"> <div class="final-stat"> <div class="final-icon"><i class="fas fa-star"></i></div> <div class="final-value" id="final-score">0</div> <div class="final-label">ОЧКОВ</div> </div> <div class="final-stat"> <div class="final-icon"><i class="fas fa-bug"></i></div> <div class="final-value" id="final-bugs">0</div> <div class="final-label">БАГОВ</div> </div> <div class="final-stat"> <div class="final-icon"><i class="fas fa-skull"></i></div> <div class="final-value" id="final-bosses">0</div> <div class="final-label">БОССОВ</div> </div> </div> <div class="achievement"> <div class="achievement-icon" id="achievement-icon">🥉</div> <div class="achievement-text"> <h3 id="achievement-title">Новичок</h3> <p id="achievement-desc">Неплохо для начала!</p> </div> </div> <div class="message-box"> <p id="end-message">Попробуйте еще раз, чтобы побить рекорд!</p> </div> <div class="action-buttons"> <button id="restart-btn" class="btn action-btn"> <i class="fas fa-redo"></i> ИГРАТЬ СНОВА </button> <button id="share-btn" class="btn action-btn share-btn"> <i class="fas fa-share-alt"></i> ПОДЕЛИТЬСЯ </button> </div> <div class="high-score"> <h4><i class="fas fa-crown"></i> ВАШ ЛУЧШИЙ РЕЗУЛЬТАТ</h4> <div class="score-display"> <span id="high-score">0</span> <span class="score-label">очков</span> </div> </div> </div> </div> <!-- Сообщения --> <div id="message-container"></div> </div> <!-- Подключаем JavaScript --> <script src="game.js"></script> </body> </html>