javascript-game/script.js at main · sradhanjan/javascript-game · 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
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
score = 0;
cross = true;
document.onkeydown = function(e){
	console.log("key code is: ", e.keyCode)
	if(e.keyCode == 38){
		shaggy = document.querySelector('.shaggy');
		shaggy.classList.add('animateShaggy');
		setTimeout(()=>{
			shaggy.classList.remove('animateShaggy')
		},700);
	}
	if(e.keyCode == 39){
		shaggy = document.querySelector('.shaggy');
		shaggyX = parseInt(window.getComputedStyle(shaggy,null).getPropertyValue('left'));
		shaggy.style.left = shaggyX + 112 + "px";
	}
	if(e.keyCode == 37){
		shaggy = document.querySelector('.shaggy');
		shaggyX = parseInt(window.getComputedStyle(shaggy,null).getPropertyValue('left'));
		shaggy.style.left = (shaggyX - 112) + "px";
	}
}

setInterval(()=>{
	shaggy = document.querySelector('.shaggy');
	gameOver = document.querySelector('.gameOver');
	obstacle = document.querySelector('.obstacle');

	sx = parseInt(window.getComputedStyle(shaggy,null).getPropertyValue('left'));
	sy = parseInt(window.getComputedStyle(shaggy,null).getPropertyValue('top'));

	ox = parseInt(window.getComputedStyle(obstacle,null).getPropertyValue('left'));
	oy = parseInt(window.getComputedStyle(obstacle,null).getPropertyValue('top'));

	offSetX = Math.abs(sx-ox);
	offSetY = Math.abs(sy-oy);
	console.log(offSetX,offSetY)
	if(offSetX<73 && offSetY<52){
		gameOver.style.visiblity = 'visible';
		obstacle.classList.remove('obstacleAni');
	}
	else if(offSetX<145 && cross)
	{
		score+=1;
		updateScore(score);
		cross = false;
		setTimeout(()=>{
			cross = true;
		},1000);

		setTimeout(()=>{
		aniDur =  parseFloat(window.getComputedStyle(obstacle,null).getPropertyValue('animation-duration'));
		newDur = aniDur-0.05;
		obstacle.style.animationDuration = newDur + 's';

		},500)

	}
},10)

function updateScore(score)
{
    scoreCont.innerHTML = "YOUR SCORE: " + score;
}