車を走らせるゲーム's game

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

No:49884

←

Prev Next

→

車を走らせるゲーム
Developer User21141｜Date and time 24/3/6 16:36:09
Build time 4.936 sec｜Game capacity 1.243KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Car Racing Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const carWidth = 50;
        const carHeight = 100;
        let carX = (canvas.width - carWidth) / 2;
        let carY = canvas.height - carHeight - 10;
        let carSpeed = 5;

function drawCar() {
            ctx.fillStyle = 'red';
            ctx.fillRect(carX, carY, carWidth, carHeight);
        }

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

function updateGameArea() {
            clearCanvas();
            drawCar();
        }

function moveLeft() {
            carX -= carSpeed;
        }

function moveRight() {
            carX += carSpeed;
        }

window.addEventListener('keydown', (e) => {
            if(e.key === 'ArrowLeft') {
                moveLeft();
            } else if(e.key === 'ArrowRight') {
                moveRight();
            }

updateGameArea();
        });

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