DragonGame/script.js at master · ppm143/DragonGame · 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
65
66
67
68
69
score =0;
cross = true;
audioRunning = new Audio('./assets/music.mp3');
audioGameOver = new Audio('./assets/gameover.mp3');
setTimeout(() => {
   audioRunning.play();
}, 100);
document.onkeydown = function(e){
    if(e.keyCode==38){
        dino = document.querySelector('.dino');
        dino.classList.add('animateDino');
        setTimeout(()=>{
            dino.classList.remove('animateDino')
        },700)
    }
    if(e.keyCode==39){
        dino = document.querySelector('.dino');
        dinoX = parseInt(window.getComputedStyle(dino , null).getPropertyValue('left'));
        dino.style.left = (dinoX + 112) + "px";
    }
    if(e.keyCode==37){
        dino = document.querySelector('.dino');
        dinoX = parseInt(window.getComputedStyle(dino , null).getPropertyValue('left'));
        dino.style.left = (dinoX - 112) + "px";
    }
}

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

    dx = parseInt(window.getComputedStyle(dino , null).getPropertyValue('left'));
    dy = parseInt(window.getComputedStyle(dino , null).getPropertyValue('top'));

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

    offsetX = Math.abs(dx-ox);
    offsetY = Math.abs(dy-oy);

    if(offsetX < 73 && offsetY<52){

        gameOver.innerHTML = "Game Over - Reload to Play Again";
        obstacle.classList.remove('obstacleAni');
        audioGameOver.play();
        setTimeout(() => {
            audioGameOver.pause();
            audioRunning.pause();
        }, 1000);
    }
    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.1;
            obstacle.style.animationDuration = newDur +'s' ;
        }, 500);
    }
}, 10);

function updateScore(score) {
    scoreCount.innerHTML = "Your Score: " + score;
}