-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtanks.html
91 lines (85 loc) · 2.84 KB
/
tanks.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<title>Tank's</title>
</head>
<body>
<canvas id="canvas" width="720" height="640"></canvas>
<script src="./js/tank.js"></script>
<script>
let t34 = new Tank(2,2);
let walls = [];
let swamps = [];
function SquareBlocks(blocksArr,x,y,width,height, hp){
for(let i=0; i<height; i++){
for(let a=0; a<width; a++){
blocksArr.push(new Block(x+a,y+i,hp))
}
}
}
walls.push(new Block(1,5,5));
walls.push(new Block(3,6,5));
walls.push(new Block(5,7,5));
walls.push(new Block(1,6,5));
walls.push(new Block(7,6,5));
walls.push(new Block(9,7,5));
walls.push(new Block(11,6,5));
walls.push(new Block(13,7,5));
walls.push(new Block(13,9,5));
walls.push(new Block(11,10,5));
walls.push(new Block(7,10,5));
walls.push(new Block(3,10,5));
walls.push(new Block(3,13,5));
walls.push(new Block(6,13,5));
walls.push(new Block(6,14,5));
// walls.push(new Block(9,9,5));
// walls.push(new Block(5,9,5));
SquareBlocks(walls,3,10,9,1,5);
SquareBlocks(walls,1,8,13,1,5);
SquareBlocks(walls,3,5,12,1,5);
SquareBlocks(walls,11,12,1,3,10);
SquareBlocks(walls,11,11,4,1,10);
SquareBlocks(walls,2,12,1,3,5);
SquareBlocks(walls,4,12,1,3,5);
SquareBlocks(walls,15,2,1,14,20);
SquareBlocks(walls,1,15,14,1,20);
// SquareBlocks(walls,8,7,1,3,5);
SquareBlocks(swamps,1,10,10,5)
// let swamps = [
// [],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]
// ]
let getLvL1Block = new Block(6,12);
let getLvL2Block = new Block(13,13);
let getArmoryBlock = new Block(1,10);
let getFuelBlock = new Block(2,10)
let drawGetBlocks = function(){
getLvL1Block.drawSquare('white');
getLvL2Block.drawSquare('black');
getArmoryBlock.drawSquare('blue');
getFuelBlock.drawSquare('yellow');
}
function drawBlocks(blocks,color){
for(let i=0; i<blocks.length; i++){
blocks[i].drawSquare(color);
}
}
let intervalId = setInterval(function () {
ctx.clearRect(0, 0, width, height);
drawBlocks(swamps,'#fbaac3');
drawBlocks(walls,'red');
drawGetBlocks();
drawScore();
drawBorder();
t34.gunDirection(t34.direction);
for(let i=0; i<bullets.length; i++){
bullets[i].moveBullet();
}
}, 100);
</script>
</body>
</html>