A game where you had to watch out for car's game

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

No:18417

←

Prev Next

→

A game where you had to watch out for car
Developer User8074｜Date and time 23/9/29 7:43:13
Build time 24.51 sec｜Game capacity 2.925KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Car Watch Game</title>
    <style>
        #car {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: auto;
        }

#player {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: auto;
        }

#score {
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="container">
        <img id="car" src="car.png">
        <img id="player" src="player.png">
    </div>
    <div id="score">Score: 0</div>

var score = 0;
        var gameSpeed = 2;
        var isGameOver = false;

function moveCar() {
            var carTop = parseInt(window.getComputedStyle(car).getPropertyValue('top'));
            car.style.top = (carTop + gameSpeed) + "px";

if (carTop > window.innerHeight) {
                score++;
                scoreLabel.innerText = "Score: " + score;
                resetCar();
            }

if (isCollision(car, player)) {
                gameOver();
            }
        }

function isCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return !(
                rect1.top > rect2.bottom ||
                rect1.bottom < rect2.top ||
                rect1.right < rect2.left ||
                rect1.left > rect2.right
            );
        }

function resetCar() {
            car.style.top = "-100px";
            car.style.left = Math.random() * (window.innerWidth - 100) + "px";
        }

function gameOver() {
            isGameOver = true;
            clearInterval(gameInterval);
            alert("Game Over! Your score is: " + score);
        }

function startGame() {
            gameInterval = setInterval(moveCar, 10);
        }

startGame();
    </script>
</body>
</html>