feat(#3): use level loader and add debug mode

This commit is contained in:
Juan Sebastián Montoya 2024-07-11 20:56:32 -05:00
parent b68d7ea99c
commit 6c1e0019f7
3 changed files with 91 additions and 52 deletions

View file

@ -1,40 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>Evolver</title>
<style>
html,
body {
margin: 0;
height: 100%;
width: 100%;
}
html,
body {
margin: 0;
height: 100%;
width: 100%;
}
#game {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
#game {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
canvas {
background-color: #fbf7f3;
border: 1px solid black;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
canvas {
background-color: #fbf7f3;
border: 1px solid black;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
button {
margin: 5px;
}
</style>
</head>
</head>
<body>
<body>
<div id="game">
<canvas></canvas>
<div id="controls">
<button id="debug">Debug</button>
</div>
<canvas></canvas>
</div>
<script type="module" src="src/index.js"></script>
</body>
</html>
<script
type="module"
src="src/index.js"
></script>
</body>
</html>