snake: make game resizable by user

This commit is contained in:
Trianta
2024-11-25 15:20:56 -06:00
parent 47fd5c7458
commit 343af77bd1
2 changed files with 22 additions and 1 deletions
+6
View File
@@ -34,6 +34,12 @@
<canvas width="625" height="375" id="snake"></canvas>
<script src="public/snake.js"></script>
</div>
<p class="cardStats">
Adjust game size -- Width:
<input class="cardStats" id="snakeWidth" type="number" min="2" max="31" value="25">
Height:
<input class="cardStats" id="snakeHeight" type="number" min="2" max="24" value="15">
</p>
<p class="cardStats">Snake Head Location: <span id="snakeHead"></span></p>
<p class="cardStats">Food Location: <span id="snakeFood"></span></p>
<a class="navItem" href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/snake.ts">View Code</a>