blob: eb11f86435e35a0dba4295cab48ac5a6ad057b16 (
plain)
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
|
<center>
<canvas width="400" height="400" id="canvas"></canvas>
</center>
<script>
window.onload = function(){
canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d");
// canvas.height = 300;
// canvas.width = 400;
document.addEventListener("keydown",keyPush);
setInterval(game, 1000/10);
}
var tileCountWidth = 40;
var tileCountHeight = 40;
var tileWidth = canvas.width/tileCountWidth;
var tileHeight = canvas.height/tileCountHeight;
var snake = [];
var x = randomInt(tileWidth);
var y = randomInt(tileHeight);
var vx = 1;
var vy = 0;
var apple = {};
console.log(apple);
setRandomCoords(apple);
console.log(apple);
var length = 5;
function game(){
color("black");
ctx.fillRect(0,0,canvas.width, canvas.height);
color("white");
for(var i = 0; i < snake.length; i++){
ctx.fillRect(snake[i].x*tileWidth, snake[i].y*tileHeight, tileWidth, tileHeight);
}
color("red");
ctx.fillRect(apple.x*tileWidth, apple.y*tileHeight, tileWidth, tileHeight);
x+=vx;
y+=vy;
snake.push({"x": x, "y": y});
if(x==apple.x && y==apple.y){
length++;
setRandomCoords(apple);
}
while(snake.length > length){
snake.shift();
}
}
function keyPush(e){
switch(e.keyCode){
case 37:
vx = -1;
vy = 0;
break;
case 38:
vx = 0;
vy = -1;
break;
case 39:
vx = 1;
vy = 0;
break;
case 40:
vx = 0;
vy = 1;
break;
}
}
function setRandomCoords(item){
item.x = randomInt(tileWidth);
item.y = randomInt(tileHeight);
}
function randomInt(max){
return Math.floor(Math.random()*max);
}
function font(size){
ctx.font=size+"px Courier";
}
function color(c){
ctx.fillStyle=c;
}
</script>
|
