Haz un juego de un mexicano esquivando tiburones que caen del cielo's game

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

No:49110

←

Prev Next

→

Haz un juego de un mexicano esquivando tiburones ..ALL
Developer User20939｜Date and time 24/3/3 21:13:25
Build time 15.236 sec｜Game capacity 3.219KB｜

Script

Puntuación: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego del Mexicano y los Tiburones</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #87CEEB;
        }
        #mexicano {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-image: url('mexicano.png');
            background-size: cover;
        }
        #tiburon {
            width: 50px;
            height: 50px;
            position: absolute;
            display: none;
            background-image: url('tiburon.png');
            background-size: cover;
        }
        #score {
            position: absolute;
            top: 10px;
            left: 10px;
            color: white;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="mexicano"></div>
    <div id="tiburon"></div>
    <div id="score">Puntuación: 0</div>

function startGame() {
            timerId = setInterval(() => {
                const randomPosition = Math.floor(Math.random() * window.innerWidth);
                tiburon.style.left = `${randomPosition}px`;
                tiburon.style.display = 'block';

fallTiburon();
            }, 1000);
        }
        function fallTiburon() {
            let position = 0;

document.addEventListener('keydown', (e) => {
            const currentPosition = parseInt(mexicano.style.left);

if (e.key === 'ArrowLeft') {
                if (currentPosition >= 20) {
                    mexicano.style.left = `${currentPosition - 20}px`;
                }
            }
            if (e.key === 'ArrowRight') {
                if (currentPosition <= window.innerWidth - 70) {
                    mexicano.style.left = `${currentPosition + 20}px`;
                }
            }
        });

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