Skip to content

Commit 73532e8

Browse files
sleidigsleidig
committed
add staged tasks to introduce concepts
1 parent 987a9f4 commit 73532e8

207 files changed

Lines changed: 182907 additions & 124 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎README.md‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
# Snake-JavaScript
22

33
The Snake game, created using JavaScript, and The HTML5 canvas.
4-
5-
Download the starter template, and follow the tutorial on youtube step by step.
6-
74
Tutorial link : https://youtu.be/9TcU2C1AACw
5+
Original source: https://github.com/CodeExplainedRepo/Snake-JavaScript
6+
7+
## Getting Started
8+
1. Open "notepad++/notepad++.exe" and open file "snake.js" in Notepad++
9+
2. Open index.html in your browser
10+
3. In the browser open the "Developer Console" (press F12)
11+
4. You should see "Hello World!"

‎index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
}
99
</style>
1010
</head>
11-
<canvas id="snake" width="608" height="608"></canvas>
11+
<canvas id="snake" width="608" height="608" style="background-color: #dddddd;"></canvas>
12+
<script src="resources.js"></script>
1213
<script src="snake.js"></script>
1314
</html>

‎index_final.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<html>
2+
<head>
3+
<title>Snake Game</title>
4+
<style>
5+
canvas{
6+
display: block;
7+
margin: 0 auto;
8+
}
9+
</style>
10+
</head>
11+
<canvas id="snake" width="608" height="608"></canvas>
12+
<script src="resources.js"></script>
13+
<script src="snake_final.js"></script>
14+
</html>

0 commit comments

Comments
 (0)