Play a game where you have to run away from a person on a bicycle's game

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

No:7631

←

Prev Next

→

Play a game where you have to run away from a pers..ALL
Developer User4066｜Date and time 23/7/9 3:40:18
Build time 15.084 sec｜Game capacity 4.15KB｜

Script

Pontuação: 0

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo de Fuga - Bicicleta</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    #player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        background-color: red;
        border-radius: 50%;
    }
    
    #enemy {
        position: absolute;
        top: 30%;
        left: 30%;
        width: 50px;
        height: 50px;
        background-color: blue;
        border-radius: 50%;
    }
    
    #score {
        position: absolute;
        top: 10px;
        right: 10px;
        font-family: Arial, sans-serif;
        font-size: 18px;
        color: white;
    }
</style>
</head>
<body>
    <div id="player"></div>
    <div id="enemy"></div>
    <div id="score">Pontuação: 0</div>

// Variável para armazenar a pontuação
        var score = 0;

// Função para atualizar a posição do jogador
        function updatePlayerPosition(x, y) {
            var player = document.getElementById("player");
            player.style.left = x + "px";
            player.style.top = y + "px";
        }

// Função para atualizar a posição do inimigo
        function updateEnemyPosition(x, y) {
            var enemy = document.getElementById("enemy");
            enemy.style.left = x + "px";
            enemy.style.top = y + "px";
        }

// Função para verificar se o jogador está colidindo com o inimigo
        function checkCollision() {
            var player = document.getElementById("player");
            var enemy = document.getElementById("enemy");

var playerRect = player.getBoundingClientRect();
            var enemyRect = enemy.getBoundingClientRect();

if (
                playerRect.left < enemyRect.left + enemyRect.width &&
                playerRect.left + playerRect.width > enemyRect.left &&
                playerRect.top < enemyRect.top + enemyRect.height &&
                playerRect.top + playerRect.height > enemyRect.top
            ) {
                // Jogador colidiu com o inimigo
                alert("Você foi pego! Pontuação final: " + score);
                resetGame();
            }
        }

// Função para atualizar a pontuação
        function updateScore() {
            var scoreDiv = document.getElementById("score");
            scoreDiv.innerText = "Pontuação: " + score;
        }

// Função para iniciar o jogo
        function startGame() {
            // Adiciona eventos de movimento aos botões de direção
            document.getElementById("up").addEventListener("click", function() { playerY -= 10; });
            document.getElementById("down").addEventListener("click", function() { playerY += 10; });
            document.getElementById("left").addEventListener("click", function() { playerX -= 10; });
            document.getElementById("right").addEventListener("click", function() { playerX += 10; });

setInterval(function() {
                // Atualiza as posições do jogador e do inimigo
                updatePlayerPosition(playerX, playerY);
                updateEnemyPosition(enemyX, enemyY);

// Verifica colisão entre jogador e inimigo
                checkCollision();

// Atualiza a pontuação
                updateScore();
            }, 100);
        }

// Função para reiniciar o jogo
        function resetGame() {
            playerX = 50;
            playerY = 50;
            score = 0;
        }

// Inicia o jogo quando a página é carregada
        window.onload = function() {
            startGame();
        };
    </script>