The name of the race is car race. A button to start and options, B button to use turbo power and ← ↑ ↓ → button for left, up, down and right.'s game

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

No:50619

←

Prev Next

→

The name of the race is car race. A button to star..ALL
Developer User21379｜Date and time 24/3/9 10:21:29
Build time 6.341 sec｜Game capacity 2.017KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Corrida de Carros</title>
</head>
<body>
    <canvas id="raceCanvas" width="800" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById("raceCanvas");
        const ctx = canvas.getContext("2d");

// Definição dos pictogramas
        const carImg = new Image();
        carImg.src = "car.png";

const finishLineImg = new Image();
        finishLineImg.src = "finishLine.png";

let carX = 50;
        let carY = 200;

function drawCar(){
            ctx.drawImage(carImg, carX, carY, 50, 30);
        }

function drawFinishLine(){
            ctx.drawImage(finishLineImg, 700, 0, 100, 400);
        }

function moveCar(direction){
            switch(direction){
                case "left":
                    carX -= 10;
                    break;
                case "up":
                    carY -= 10;
                    break;
                case "down":
                    carY += 10;
                    break;
                case "right":
                    carX += 10;
                    break;
            }
        }

document.addEventListener('keydown', function(event){
            const key = event.key;
            switch(key){
                case "ArrowLeft":
                    moveCar("left");
                    break;
                case "ArrowUp":
                    moveCar("up");
                    break;
                case "ArrowDown":
                    moveCar("down");
                    break;
                case "ArrowRight":
                    moveCar("right");
                    break;
                case "b":
                    //ação para usar turbo
                    break;
            }
        });

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

setInterval(gameLoop, 50);
    </script>
</body>
</html>