-
Notifications
You must be signed in to change notification settings - Fork 0
/
snake.js
103 lines (82 loc) · 2.33 KB
/
snake.js
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
// board
var blocksize= 25;
var rows = 20;
var cols = 20
var board;
var context;
//snake head
var snakeX = blocksize * 5;
var snakeY = blocksize * 5
var velocityX = 0
var velocityY = 0
var snakeBody = [];
//food
var foodX;
var foodY;
var gameOver = false;
window.onload = function (){
board = document.getElementById("board");
board.height = rows * blocksize;
board.width = cols * blocksize;
context = board.getContext('2d');
placeFood()
document.addEventListener("keyup", changeDirection)
setInterval(update, 1000/10)
}
function update(){
if(gameOver){
return;
}
context.fillStyle= "black";
context.fillRect(0,0,board.width, board.height)
context.fillStyle = "red";
context.fillRect(foodX, foodY, blocksize, blocksize)
if (snakeX == foodX && snakeY ==foodY){
snakeBody.push([foodX, foodY])
placeFood();
}
for ( let i = snakeBody.length -1; i>0 ; i--) {
snakeBody[i] = snakeBody[i-1]
}
if (snakeBody.length ){
snakeBody[0] = [snakeX,snakeY]
}
context.fillStyle = "lime";
snakeX += velocityX * blocksize;
snakeY += velocityY * blocksize;
context.fillRect(snakeX, snakeY, blocksize, blocksize);
for (let i = 0; i < snakeBody.length; i++){
context.fillRect(snakeBody[i][0],snakeBody[i][1], blocksize, blocksize)
}
//game over conditions
if (snakeX < 0 || snakeX > cols * blocksize || snakeY < 0 || snakeY > rows * blocksize){
gameOver = true;
alert("Game Over")
}
for (let i = 0; i < snakeBody.length; i++){
if (snakeX == snakeBody[i][0] && snakeY == snakeBody[i][1]){
gameOver = true;
alert('Game Over')
}
}
}
function changeDirection(e) {
if (e.code == "ArrowUp" && velocityY !== 1){
velocityX = 0 ;
velocityY = -1;
} else if (e.code == "ArrowDown" && velocityY !== -1){
velocityX = 0 ;
velocityY = 1;
} else if (e.code == "ArrowLeft" && velocityX !== 1){
velocityX =-1 ;
velocityY = 0;
} else if (e.code == "ArrowRight" && velocityX !== -1){
velocityX = 1 ;
velocityY = 0;
}
}
function placeFood(){
foodX = Math.floor(Math.random() * cols)* blocksize;
foodY = Math.floor(Math.random() *rows)* blocksize;
}
//test