A hard only up game just jumping moving blocks bus and things make the background light blue's game

Click here for free DL of the app version that can save data.

No:15442

←

Prev Next

→

A hard only up game just jumping moving blocks bus..ALL
Developer User6693｜Date and time 23/9/9 6:32:20
Build time 15.026 sec｜Game capacity 3.019KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Up Jump Game</title>
    <style>
        body {
          background-color: lightblue;
          margin: 0;
          padding: 0;
        }
        #player {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          height: 50px;
          width: 50px;
          background-color: yellow;
        }
        #obstacle {
          position: absolute;
          bottom: 50px;
          left: 0;
          height: 20px;
          width: 100px;
          background-color: darkgrey;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <div id="obstacle"></div>

function update() {
                score++;
                velocity += gravity;
                player.style.bottom = parseInt(player.style.bottom) + velocity + "px";
                obstacle.style.left = parseInt(obstacle.style.left) - 5 + "px";

if (parseInt(player.style.bottom) <= 0) {
                    velocity = 0;
                    player.style.bottom = 0;
                }

if (parseInt(obstacle.style.left) <= -100) {
                    obstacle.style.left = "100%";
                }

if (isColliding()) {
                    clearInterval(interval);
                    alert("Game Over! Your score: " + score);
                    if (score > highScore) {
                        highScore = score;
                        alert("Congratulations! New high score: " + highScore);
                    }
                    resetGame();
                }
            }

function isColliding() {
                var playerRect = player.getBoundingClientRect();
                var obstacleRect = obstacle.getBoundingClientRect();
                return (
                    playerRect.bottom >= obstacleRect.top &&
                    playerRect.top <= obstacleRect.bottom &&
                    playerRect.right >= obstacleRect.left &&
                    playerRect.left <= obstacleRect.right
                );
            }

function resetGame() {
                score = 0;
                player.style.bottom = 0;
                obstacle.style.left = "100%";
            }
        });
    </script>
</body>
</html>