juego donde eres un auto que va en una carretera arrebasando autos para evitar colicoonar's game

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

No:44224

101

←

Prev Next

→

juego donde eres un auto que va en una carretera a..ALL
Developer User19352｜Date and time 24/2/17 18:02:19
Build time 9.431 sec｜Game capacity 3.03KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Juego de Carros</title>
    <style>
        body {
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        #player {
            width: 50px;
            height: 100px;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            background: url('car.png') center/cover;
        }
        .enemy {
            width: 50px;
            height: 100px;
            position: absolute;
            background: url('car.png') center/cover;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <script>
        const player = document.getElementById('player');
        let playerLeft = window.innerWidth / 2 - 25;
        let speed = 5;
    
        player.style.left = `${playerLeft}px`;

function moveRight() {
            if (playerLeft < window.innerWidth - 55) {
                playerLeft += speed;
                player.style.left = `${playerLeft}px`;
            }
        }

function moveLeft() {
            if (playerLeft > 5) {
                playerLeft -= speed;
                player.style.left = `${playerLeft}px`;
            }
        }

function createEnemy() {
            const enemy = document.createElement('div');
            enemy.classList.add('enemy');
            enemy.style.left = `${Math.random() * (window.innerWidth - 50)}px`;
            document.body.appendChild(enemy);

let enemyInterval = setInterval(() => {
                let enemyTop = parseInt(enemy.style.top) || 0;
                enemyTop += 3;
                enemy.style.top = `${enemyTop}px`;

if (enemyTop > window.innerHeight) {
                    clearInterval(enemyInterval);
                    enemy.remove();
                }

if (checkCollision(player, enemy)) {
                    clearInterval(enemyInterval);
                    document.removeEventListener('keydown', () => {});
                    alert('Game Over! Tuviste un choque.');
                    location.reload();
                }
            }, 10);
        }

function checkCollision(player, enemy) {
            let playerRect = player.getBoundingClientRect();
            let enemyRect = enemy.getBoundingClientRect();

return !(playerRect.bottom < enemyRect.top || 
                     playerRect.top > enemyRect.bottom ||
                     playerRect.right < enemyRect.left ||
                     playerRect.left > enemyRect.right);
        }

setInterval(() => {
            createEnemy();
        }, 2000);
    </script>
</body>
</html>