feat(#3): use level loader and add debug mode
This commit is contained in:
parent
b68d7ea99c
commit
6c1e0019f7
3 changed files with 91 additions and 52 deletions
68
index.html
68
index.html
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue