a game where you are on a street and have to catch a car's game

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

No:26786

←

Prev Next

→

a game where you are on a street and have to catch..ALL
Developer User13247｜Date and time 23/12/2 12:16:57
Build time 49.607 sec｜Game capacity 2.107KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pega o Carro</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Variáveis do jogo e canvas
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var carImg = new Image();
        var playerImg = new Image();
        var playerX = 200;
        var playerY = 550;
        var carX = Math.floor(Math.random() * 360) + 20;
        var carY = -100;
        var score = 0;

// Carrega as imagens
        carImg.src = "car.png";
        playerImg.src = "player.png";

// Atualiza a posição do carro e do jogador
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            ctx.drawImage(playerImg, playerX, playerY);

// Desenha o carro
            ctx.drawImage(carImg, carX, carY);

// Movimenta o carro
            carY += 5;

// Verifica se ocorreu uma colisão
            if (carY > 550 && carX > playerX - 40 && carX < playerX + 40) {
                alert("Fim de Jogo! Sua pontuação foi: " + score);
                document.location.reload();
            }

// Atualiza a pontuação
            score++;
            ctx.fillStyle = "#000";
            ctx.font = "24px Arial";
            ctx.fillText("Pontuação: " + score, 10, 30);

// Repete a função update a cada 10 milissegundos
            requestAnimationFrame(update);
        }

// Controla o movimento do jogador
        function keyDownHandler(event) {
            if (event.keyCode === 37 && playerX > 40) {
                playerX -= 10; // Movimento para a esquerda
            } else if (event.keyCode === 39 && playerX < 360) {
                playerX += 10; // Movimento para a direita
            }
        }

// Adiciona o evento de pressionar uma tecla ao jogador
        document.addEventListener("keydown", keyDownHandler);

// Inicia o jogo
        update();
    </script>
</body>
</html>