46 lines
1.6 KiB
PHP
46 lines
1.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Pocket 5 Soccer</title>
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
<style>
|
|
body { margin: 0; overflow: hidden; }
|
|
canvas { display: block; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="tutorial-modal">
|
|
<div class="modal-content">
|
|
<h2>Pocket 5 Soccer</h2>
|
|
<p>Use Arrow Keys to move. Press S to pass, D to shoot.</p>
|
|
<button id="start-game-btn">Start Game</button>
|
|
</div>
|
|
</div>
|
|
<div id="scoreboard">
|
|
<span id="red-score">0</span> - <span id="blue-score">0</span>
|
|
</div>
|
|
<div id="timer">30</div>
|
|
<div id="game-over-modal" style="display: none;">
|
|
<div id="game-over-content">
|
|
<h2>Game Over</h2>
|
|
<p id="final-score"></p>
|
|
<p id="winner"></p>
|
|
<button id="restart-button">Restart Game</button>
|
|
</div>
|
|
</div>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "https://unpkg.com/three@0.163.0/build/three.module.js",
|
|
"three/addons/": "https://unpkg.com/three@0.163.0/examples/jsm/",
|
|
"app/field": "./assets/js/Field.js?v=<?php echo time(); ?>",
|
|
"app/ball": "./assets/js/Ball.js?v=<?php echo time(); ?>",
|
|
"app/team": "./assets/js/Team.js?v=<?php echo time(); ?>"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module" src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html> |