-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
31 lines (30 loc) · 1.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Snake++</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="game">
<canvas id="snakeGame"></canvas>
<canvas id='info'></canvas>
</div>
<h3>🐍 Game Info:</h3>
<li>Snakes head is orange and starts in the center.
<li>To be played on desktop computer.
<li>Use keyboard arrow keys to move.
<li>Press Enter to reset the game board.
<li>Space will stop the snake.
<li>The snake likes to eat coloured dots.
<li>Eating a dot will give a score and snakes tail will grow the same length as the score.
<li>Red dots score between 1-5 and increase speed by 10px/s.
<li>Purple dots appear after score 8, score between 1-7 and increase speed by 10px/s.
<li>Yellow dots appear after score 30, score between 1-10 and increase speed by 20px/s.
<li>Orange dots appear atfter score 40, score between 1-5 and increase speed by 0px/s.
<li>Wild dots appear after score 50, score between 1-10 and decrease speed by 20px/s.</li>
<p>Started from a <a href="https://youtu.be/7Azlj0f9vas?t=1227">tutorial</a> all modifcations are for my own learning challenges.</p>
<p><a href="https://github.com/kierenwuest/Snake-plus-plus">Source</a> and info</p>
<script src="script.js"></script>
</body>
</html>