TestSnakeGame/index.html at main · PeTcHeNkA/TestSnakeGame · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=0.5">
 <title>TestSnakeGame</title>
 <link rel = "stylesheet" href="css/style.css">
</head>
<body>
 <div id="instruction"> <!-- Modified the div element for the instruction -->
 <h1>Snake Game</h1>
 <p>Eat carrot to grow longer and score points.</p>
 <p>Avoid hitting the wall or your tail.</p>
 </div>
 <div id="controls"> <!-- Added a div element for the controls -->
 <h2>Controls</h2>
 <ul>
 <li>↑ or W: Up</li>
 <li>↓ or S: Down</li>
 <li>← or A: Left</li>
 <li>→ or D: Right</li>
 <li>R: Restart</li>
 </ul>
 </div>
 <canvas id = "game" width="608" height="608"></canvas>
 <script type = "module" src="js/game.js"></script>
</body>
</html>