You Are a Car. Jump from dog, cat, cow, horse, pig, sheep, goat, zebra, giraffe, lion, elephant and wolf's game | AI game creator

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

No:47772

51

You Are a Car. Jump from dog, cat, cow, horse, pig..ALL
Developer User20645｜Date and time 24/2/29 20:19:04
Build time 9.62 sec｜Game capacity 2.36KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>You Are a Car Game</title>
<style>
    .container {
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .car {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .obstacle {
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 0;
    }
</style>
</head>
<body>
<div class="container">
    <div class="car"></div>
</div>

<script>
    const car = document.querySelector('.car');
    let isJumping = false;
    
    document.addEventListener('click', () => {
        if (!isJumping) {
            isJumping = true;
            car.style.bottom = '100px';
            setTimeout(() => {
                car.style.bottom = '0';
                isJumping = false;
            }, 500);
        }
    });
    
    // Obstacle creation and movement
    const obstacles = ['🐶', '🐱', '🐮', '🐴', '🐷', '🐑', '🐐', '🦓', '🦒', '🦁', '🐘', '🐺'];
    setInterval(() => {
        const obstacle = document.createElement('div');
        obstacle.classList.add('obstacle');
        const randomObstacle = obstacles[Math.floor(Math.random() * obstacles.length)];
        obstacle.textContent = randomObstacle;
        obstacle.style.left = Math.floor(Math.random() * 90) + 'vw';
        document.body.appendChild(obstacle);
        
        const moveObstacle = setInterval(() => {
            const currentPosition = parseInt(obstacle.style.bottom);
            obstacle.style.bottom = (currentPosition + 5) + 'px';
            
            if (currentPosition > 100 && currentPosition < 170 && car.getBoundingClientRect().left < obstacle.getBoundingClientRect().right && car.getBoundingClientRect().right > obstacle.getBoundingClientRect().left) {
                alert('Game Over! You hit an obstacle.');
                clearInterval(moveObstacle);
                window.location.reload();
            }
            
            if (currentPosition > document.documentElement.clientHeight) {
                obstacle.remove();
                clearInterval(moveObstacle);
            }
        }, 20);
    }, 2000);
</script>
</body>
</html>