Jogo 3d de carro need for speed corrida contra o vilão's game

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

No:50182

←

Prev Next

→

Jogo 3d de carro need for speed corrida contra o v..ALL
Developer User21256｜Date and time 24/3/8 1:44:23
Build time 8.766 sec｜Game capacity 2.296KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Corrida Need for Speed</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

let villainCar = {
            x: 300,
            y: 0,
            width: 50,
            height: 100,
            speed: 2
        };

function drawPlayerCar() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerCar.x, playerCar.y, playerCar.width, playerCar.height);
        }

function drawVillainCar() {
            ctx.fillStyle = 'red';
            ctx.fillRect(villainCar.x, villainCar.y, villainCar.width, villainCar.height);
        }

function moveVillainCar() {
            villainCar.y += villainCar.speed;
            if (villainCar.y > canvas.height) {
                villainCar.y = 0;
                villainCar.x = Math.random() * (canvas.width - villainCar.width);
            }
        }

function checkCollision() {
            if (playerCar.x < villainCar.x + villainCar.width &&
                playerCar.x + playerCar.width > villainCar.x &&
                playerCar.y < villainCar.y + villainCar.height &&
                playerCar.y + playerCar.height > villainCar.y) {
                alert('Você colidiu com o vilão! Game Over!');
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayerCar();
            drawVillainCar();
            moveVillainCar();
            checkCollision();

window.requestAnimationFrame(gameLoop);
        }

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