JumpingGame/script.js at main · ManuelHofmarcher/JumpingGame · 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
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
document.addEventListener("keydown", jump);
let character = document.getElementById("character");
let block = document.getElementById("block");
let scoreElement = document.getElementById("score");
let highscoreElement = document.getElementById("highscore");

let counter = 0;
let score = 0;
let highscore = localStorage.getItem("highscore") || 0;
let minDelay = 600;
let maxDelay = 900;
let blockSpeed = 700; // initial block speed in milliseconds
highscoreElement.textContent = "Highscore: " + highscore;

setInterval(function ()
{
    if (counter % 2 === 0)
    {
        character.style.backgroundImage = "url('dino1.png')";
    } else
    {
        character.style.backgroundImage = "url('dino2.png')";
    }

    counter++;
}, 100);

function jump()
{
    if (character.classList != "animate")
    {
        character.classList.add("animate");
    }
    setTimeout(function ()
    {
        character.classList.remove("animate");
    }, 500);
}

function getRandomInt(min, max)
{
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

// Function to randomly choose a cactus image (from cactus1 to cactus5)
function getRandomCactus()
{
    const cactusImages = ['cactus1.png', 'cactus2.png', 'cactus3.png', 'cactus4.png', 'cactus5.png'];
    return cactusImages[getRandomInt(0, cactusImages.length - 1)];
}

function createBlock()
{
    block.style.display = "block";
    block.style.backgroundImage = `url('${getRandomCactus()}')`; // Set random cactus image
    block.style.animation = `block ${blockSpeed}ms linear`;
    setTimeout(() =>
    {
        block.style.display = "none";
        let randomDelay = getRandomInt(minDelay, maxDelay);
        setTimeout(createBlock, randomDelay);
    }, blockSpeed);
}

let checkDead = setInterval(function ()
{
    const rectBlock = block.getBoundingClientRect();
    const rectChar = character.getBoundingClientRect();

    if (!(rectBlock.top > rectChar.bottom || rectBlock.right < rectChar.left || rectBlock.bottom < rectChar.top || rectBlock.left > rectChar.right))
    {
        block.style.animation = "none";
        block.style.display = "none";

        if (score > highscore)
        {
            highscore = score;
            localStorage.setItem("highscore", highscore);
            highscoreElement.textContent = "Highscore: " + highscore;
        }

        alert("Game Over. Your score: " + score);
        location.reload();
    } else
    {
        score++;
        scoreElement.textContent = "Score: " + score;

        // Increase difficulty over time
        if (score % 100 === 0)
        { // Every 100 points
            if (minDelay > 200)
                minDelay -= 100; // Decrease min delay, but not below 200ms
            if (maxDelay > 500)
                maxDelay -= 100; // Decrease max delay, but not below 500ms
            if (blockSpeed > 300)
                blockSpeed -= 100; // Increase block speed, but not below 100ms
        }
    }
}, 75);

// Start the initial block creation
setTimeout(createBlock, 1500);