Add debugger for paddle bounce

This commit is contained in:
Jeremy Kaplan 2026-10-06 21:54:17 -04:00
commit eadfba38c5
9 changed files with 751 additions and 532 deletions

40
build/paddle/index.html Normal file
View file

@ -0,0 +1,40 @@
<html lang="en">
<head>
<meta charset="utf-8">
<style>
body {
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: #222222;
color: white;
}
canvas {
background-color: black;
}
.mono {
font-family: monospace;
}
</style>
<title>Breakout</title>
</head>
<body>
<div>
<canvas id="paddle"></canvas>
<p style="text-align: center;">
Use
<span class="mono">⬅</span>
<span class="mono">➡</span>
to move the paddle and
<span class="mono">WASD</span>
to move the ball.
</p>
</div>
<script type="module">
import init from './paddle.js';
init();
</script>
</body>
</html>