85 lines
3.3 KiB
HTML
85 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hockey Manager - 2D Match Engine</title>
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="game-container">
|
|
<canvas id="game-canvas" width="1200" height="800"></canvas>
|
|
<div id="game-ui">
|
|
<div id="score-board">
|
|
<div class="team home">
|
|
<span class="team-name">Home</span>
|
|
<span class="score">0</span>
|
|
</div>
|
|
<div class="time-display">
|
|
<span id="period">1st</span>
|
|
<span id="clock">20:00</span>
|
|
</div>
|
|
<div class="team away">
|
|
<span class="team-name">Away</span>
|
|
<span class="score">0</span>
|
|
</div>
|
|
</div>
|
|
<div id="game-stats">
|
|
<div id="shots">Shots: <span id="home-shots">0</span> - <span id="away-shots">0</span></div>
|
|
</div>
|
|
</div>
|
|
<div id="controls">
|
|
<button id="play-pause">Play/Pause</button>
|
|
<button id="speed-control">Speed: 1x</button>
|
|
<button id="reset-game">Reset</button>
|
|
<button id="debug-toggle">Debug Mode</button>
|
|
</div>
|
|
|
|
<div id="debug-panel" class="debug-panel hidden">
|
|
<div class="debug-header">
|
|
<h3>Debug Panel</h3>
|
|
<button id="debug-close">×</button>
|
|
</div>
|
|
<div class="debug-content">
|
|
<div class="debug-section">
|
|
<h4>Game State</h4>
|
|
<div id="debug-game-state"></div>
|
|
</div>
|
|
<div class="debug-section">
|
|
<h4>Puck</h4>
|
|
<div id="debug-puck"></div>
|
|
</div>
|
|
<div class="debug-section">
|
|
<h4>Players</h4>
|
|
<div class="debug-team">
|
|
<h5>Home Team</h5>
|
|
<div id="debug-home-players"></div>
|
|
</div>
|
|
<div class="debug-team">
|
|
<h5>Away Team</h5>
|
|
<div id="debug-away-players"></div>
|
|
</div>
|
|
</div>
|
|
<div class="debug-section">
|
|
<h4>Selected Player</h4>
|
|
<div id="debug-selected-player">Click a player to see detailed info</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="src/constants/rink-constants.js"></script>
|
|
<script src="src/utils/vector.js"></script>
|
|
<script src="src/utils/physics.js"></script>
|
|
<script src="src/entities/player.js"></script>
|
|
<script src="src/entities/puck.js"></script>
|
|
<script src="src/systems/renderer.js"></script>
|
|
<script src="src/systems/physics-system.js"></script>
|
|
<script src="src/systems/ai-system.js"></script>
|
|
<script src="src/systems/rules-system.js"></script>
|
|
<script src="src/systems/debug-system.js"></script>
|
|
<script src="src/engine/game-state.js"></script>
|
|
<script src="src/engine/game-engine.js"></script>
|
|
<script src="src/engine/main.js"></script>
|
|
</body>
|
|
</html> |