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

No:7885

Mobile racing game with menu col car options entry..ALL
Developer User4094｜Date and time 23/7/10 12:46:27
Build time 21.171 sec｜Game capacity 4.104KB｜

Script

Jogo de Corrida Mobile

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 Corrida Mobile</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            position: relative;
            width: 320px;
            height: 400px;
            border: 2px solid #000;
            margin: 0 auto;
        }
        
        #player-car {
            position: absolute;
            bottom: 0;
            left: 140px;
            width: 40px;
            height: 80px;
            background-color: red;
        }
        
        .obstacle {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: blue;
        }
        
        #score {
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>Jogo de Corrida Mobile</h1>
    
    <div id="game-container">
        <div id="player-car"></div>
    </div>
    
    <h2 id="score">Pontuação: 0</h2>
    
    <script>
        // Variáveis do jogo
        var gameContainer = document.getElementById("game-container");
        var playerCar = document.getElementById("player-car");
        var scoreElement = document.getElementById("score");
        var score = 0;
        
        // Event listener para detectar o toque na tela
        gameContainer.addEventListener("touchstart", moveCar);
        
        // Função para mover o carro
        function moveCar(event) {
            var x = event.touches[0].clientX;
            
            if (x < 100) {
                playerCar.style.left = "40px";
            } else if (x > 220) {
                playerCar.style.left = "240px";
            } else {
                playerCar.style.left = "140px";
            }
        }
        
        // Função para criar obstáculos aleatoriamente
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.left = Math.floor(Math.random() * 280) + "px";
            gameContainer.appendChild(obstacle);
            
            // Animação de movimento do obstáculo
            var obstacleMovement = setInterval(function() {
                var top = obstacle.offsetTop + 10;
                obstacle.style.top = top + "px";
                
                // Verifica se houve colisão entre o carro e o obstáculo
                if (collisionDetection(playerCar, obstacle)) {
                    clearInterval(obstacleMovement);
                    alert("Game Over! Pontuação: " + score);
                    location.reload(); // Reinicia o jogo
                }
                
                // Verifica se o obstáculo chegou ao final da tela
                if (top > 400) {
                    clearInterval(obstacleMovement);
                    score++;
                    scoreElement.textContent = "Pontuação: " + score;
                    gameContainer.removeChild(obstacle);
                }
            }, 50);
        }
        
        // Função para detecção de colisão entre dois elementos
        function collisionDetection(car, obstacle) {
            var carLeft = parseInt(car.style.left);
            var carRight = carLeft + car.offsetWidth;
            var carTop = parseInt(car.style.top);
            var carBottom = carTop + car.offsetHeight;
            
            var obstacleLeft = parseInt(obstacle.style.left);
            var obstacleRight = obstacleLeft + obstacle.offsetWidth;
            var obstacleTop = parseInt(obstacle.style.top);
            var obstacleBottom = obstacleTop + obstacle.offsetHeight;
            
            return carLeft < obstacleRight &&
                   carRight > obstacleLeft &&
                   carTop < obstacleBottom &&
                   carBottom > obstacleTop;
        }
        
        // Função para iniciar o jogo
        function startGame() {
            setInterval(createObstacle, 2000);
        }
        
        // Inicia o jogo
        startGame();
    </script>
</body>
</html>