index.html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Bangers|Lobster" rel="stylesheet">
<link rel="stylesheet" href="assets/styles/stylesheet.css">
<link rel="icon" href="favicon.ico" type="image/gif">
<title>Catastrophe!</title>
</head>
<body>
<canvas id="canvas" width="1024" height="512"></canvas>
<div class="reset_game_box">
<button id="reset_game" type="button" name="button" style="display: none">Reset Game</button>
</div>
<form id="player_name_form">
<p><input type="text" name="name" id="player_name" placeholder="Enter your name"></p>
<p><button type="submit" id="submit_player_name">Start game</button></p>
</form>
<script src="src/matter.min.js"></script>
<script src="src/gameImages.js"></script>
<script src="src/worldOptions.js"></script>
<script src="src/openingScreen.js"></script>
<script src="src/randomNumberGenerator.js"></script>
<script src="src/platformGrid.js"></script>
<script src="src/worldBuilder.js"></script>
<script src="src/preciousObject.js"></script>
<script src="src/sprite.js"></script>
<script src="src/player.js"></script>
<script src="src/soundBank.js"></script>
<script src="src/objectSounds.js"></script>
<script src="src/playerSounds.js"></script>
<script src="src/SoundEngine.js"></script>
<script src="src/renderer.js"></script>
<script src="src/score.js"></script>
<script src="src/eventManager.js"></script>
<script src="src/gameController.js"></script>
<script src="src/domInterface.js"></script>
<script type="text/javascript">
gameImages.loadImages();
window.onload = function () {
domInterface.eventListeners();
domInterface.gameOpening();
};
</script>
<section class="footer">
<p>This game is <a href="https://github.com/i-hardy/side-scroller">open source</a>!</p>
</section>
</body>
</html>