2022-03-27 04:17:26 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2022-04-01 19:12:37 -04:00
|
|
|
<title>Big Blue Is You!</title>
|
2022-03-27 04:17:26 -04:00
|
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div style="text-align:center">
|
|
|
|
|
<div class="canvas-holder">
|
|
|
|
|
<canvas id="game-canvas" width="1000" height="1000"></canvas>
|
2022-04-05 19:33:25 -04:00
|
|
|
<!--
|
2022-03-27 04:17:26 -04:00
|
|
|
<div class="game-hud" id="hud">
|
|
|
|
|
<p>Hello, world!</p>
|
|
|
|
|
</div>
|
2022-04-05 19:33:25 -04:00
|
|
|
-->
|
2022-03-27 04:17:26 -04:00
|
|
|
<div class="menu" style="display: none" id="menu">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
const game = {
|
2022-04-13 00:22:33 -04:00
|
|
|
running: true,
|
|
|
|
|
lastTimeStamp: performance.now(),
|
|
|
|
|
controls: JSON.parse(
|
|
|
|
|
localStorage.getItem("controls") || JSON.stringify({
|
|
|
|
|
left: "ArrowLeft",
|
|
|
|
|
right: "ArrowRight",
|
|
|
|
|
up: "ArrowUp",
|
|
|
|
|
down: "ArrowDown",
|
|
|
|
|
undo: "z",
|
|
|
|
|
reset: "r",
|
|
|
|
|
})
|
|
|
|
|
),
|
|
|
|
|
level: 0,
|
2022-04-02 18:04:13 -04:00
|
|
|
canvas: {
|
|
|
|
|
width: document.getElementById('game-canvas').width,
|
|
|
|
|
height: document.getElementById('game-canvas').height,
|
2022-04-11 00:13:05 -04:00
|
|
|
context: document.getElementById('game-canvas').getContext("2d"),
|
2022-04-13 00:22:33 -04:00
|
|
|
},
|
2022-03-27 04:17:26 -04:00
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script data-main = "src/bootstrap" src = "src/require.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
