A car game having a road background and trees at the sides moves with the help of joystick with many cars in the background if the car touches the other car the game will be over the whole game will run the more you protect from the cars the more is the points the camera follows behind the car and it is a 2d game's game

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

No:49947

←

Prev Next

→

A car game having a road background and trees at t..ALL
Developer User21169｜Date and time 24/3/7 0:37:27
Build time 12.457 sec｜Game capacity 2.586KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
<style>
#road {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#car {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

</style>
</head>
<body>
<canvas id="road"></canvas>
<img src="car.png" id="car" width="50" height="100">

let carX = roadWidth / 2 - carWidth / 2;
let obstacleX = Math.random() * (roadWidth - obstacleWidth);
let obstacleY = roadHeight;
let score = 0;
let gameover = false;

canvas.width = roadWidth;
canvas.height = roadHeight;

function drawRoad() {
    ctx.fillStyle = "grey";
    ctx.fillRect(0, 0, roadWidth, roadHeight);
}

function drawCar() {
    ctx.drawImage(car, carX, roadHeight - carHeight, carWidth, carHeight);
}

function drawObstacle() {
    ctx.fillStyle = "red";
    ctx.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);
}

function moveCar() {
    if (joystick.left && carX > 0) {
        carX -= carSpeed;
    }
    if (joystick.right && carX + carWidth < roadWidth) {
        carX += carSpeed;
    }
}

function moveObstacle() {
    obstacleY -= obstacleSpeed;
    if (obstacleY + obstacleHeight < 0) {
        obstacleX = Math.random() * (roadWidth - obstacleWidth);
        obstacleY = roadHeight;
        score++;
    }
}

function checkCollision() {
    if (carX < obstacleX + obstacleWidth && carX + carWidth > obstacleX && roadHeight - carHeight < obstacleY + obstacleHeight) {
        gameover = true;
    }
}

draw();

document.addEventListener("keydown", function(e) {
    if (e.key === "ArrowLeft") {
        joystick.left = true;
    }
    if (e.key === "ArrowRight") {
        joystick.right = true;
    }
});