42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<title>Neon Runner 2.5D</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<canvas id="gameCanvas"></canvas>
|
|
|
|
<div id="ui">
|
|
<div id="score">0</div>
|
|
<div id="highScore">HIGH: 0</div>
|
|
|
|
<div id="startScreen" class="overlay">
|
|
<h1>NEON RUNNER</h1>
|
|
<p>2.5D ENDLESS RUNNER</p>
|
|
<button class="start-btn" onclick="startGame()">START</button>
|
|
<div class="controls-hint">A/D or ←/→ or SWIPE to move</div>
|
|
</div>
|
|
|
|
<div id="gameOverScreen" class="overlay hidden">
|
|
<h2>GAME OVER</h2>
|
|
<div class="final-score">SCORE: <span id="finalScore">0</span></div>
|
|
<div class="final-high">HIGH SCORE: <span id="finalHigh">0</span></div>
|
|
<button class="start-btn" onclick="restartGame()">RETRY</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
|
<script src="js/player.js"></script>
|
|
<script src="js/obstacle.js"></script>
|
|
<script src="js/coin.js"></script>
|
|
<script src="js/particles.js"></script>
|
|
<script src="js/trail.js"></script>
|
|
<script src="js/speedlines.js"></script>
|
|
<script src="js/background.js"></script>
|
|
<script src="js/game.js"></script>
|
|
</body>
|
|
</html>
|