Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Waveborne: Prodigy</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="ui"> | |
| <div class="stat"><span>Класс:</span> <span id="classValue">-</span></div> | |
| <div class="stat"><span>HP:</span> <span id="hpValue">0</span></div> | |
| <div class="stat"><span>Мана:</span> <span id="manaValue">-</span></div> | |
| <div class="stat"><span>Уровень:</span> <span id="levelValue">1</span></div> | |
| <div class="stat"><span>Мастерство:</span> <span id="profValue">0</span></div> | |
| <div class="stat"><span>Волна:</span> <span id="waveValue">1</span></div> | |
| <div class="stat"><span>Время волны:</span> <span id="waveTime">0:00</span></div> | |
| <div class="stat warrior-only" id="comboContainer" style="display: none;"><span>Комбо:</span> <span id="comboValue">0</span></div> | |
| <div class="stat danger" id="pressureTimer" style="display: none;"><span>Напряжение:</span> <span id="pressureTime">0:00</span></div> | |
| </div> | |
| <div id="canvasWrapper"> | |
| <canvas id="gameCanvas" width="960" height="600"></canvas> | |
| <div id="classSelect" class="overlay"> | |
| <div class="panel"> | |
| <h2>Выбери класс</h2> | |
| <p class="hint">От выбора меняются базовые статы и тип оружия</p> | |
| <div class="class-grid"> | |
| <button class="class-card" data-class="warrior"> | |
| <div class="icon sword"></div> | |
| <div class="title">Warrior</div> | |
| <div class="desc">Меч, комбо-удары, быстрые атаки в ближнем бою</div> | |
| </button> | |
| <button class="class-card" data-class="archer"> | |
| <div class="icon bow"></div> | |
| <div class="title">Archer</div> | |
| <div class="desc">Лук, дальний бой, мобильность</div> | |
| </button> | |
| <button class="class-card" data-class="mage"> | |
| <div class="icon staff"></div> | |
| <div class="title">Mage</div> | |
| <div class="desc">Стихийные сферы, умное наведение по целям</div> | |
| </button> | |
| <button class="class-card" data-class="acolyte"> | |
| <div class="icon shield"></div> | |
| <div class="title">Acolyte</div> | |
| <div class="desc">Ауры, поддержка, устойчивость</div> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="gameOver" class="overlay hidden"> | |
| <div class="panel"> | |
| <h2>Падение героя</h2> | |
| <p id="gameOverStats"></p> | |
| <button id="restartBtn">Заново</button> | |
| </div> | |
| </div> | |
| <div id="levelUp" class="overlay hidden"> | |
| <div class="panel"> | |
| <h2>Повышение уровня</h2> | |
| <p class="hint">Выберите улучшение</p> | |
| <div id="levelChoices" class="choice-grid"></div> | |
| </div> | |
| </div> | |
| <div id="divineReward" class="overlay hidden"> | |
| <div class="panel"> | |
| <h2>Божественная награда</h2> | |
| <p class="hint">Выберите божественный навык</p> | |
| <div id="divineChoices" class="choice-grid"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="skillBar"> | |
| <div class="skills-section"> | |
| <div class="section-title">Активные</div> | |
| <div id="activeSkills" class="icon-row"></div> | |
| </div> | |
| <div class="skills-section"> | |
| <div class="section-title">Пассивные</div> | |
| <div id="passiveSkills" class="icon-row"></div> | |
| </div> | |
| <div class="skills-section"> | |
| <div class="section-title">Комбо / Мета</div> | |
| <div id="metaSkills" class="meta-row"></div> | |
| </div> | |
| </div> | |
| <script src="main.js"></script> | |
| </body> | |
| </html> |