AI game creator

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

No:35157

105

←

Prev Next

→

Car race
Developer User16442｜Date and time 24/1/13 13:00:21
Build time 8.658 sec｜Game capacity 2.368KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Car Race</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the car properties
        const carWidth = 50;
        const carHeight = 80;
        let carX = canvas.width / 2 - carWidth / 2;
        let carY = canvas.height - carHeight - 10;
        let carSpeed = 5;

// Define the key codes for controls
        const KEY_LEFT = 37;
        const KEY_RIGHT = 39;

let leftPressed = false;
        let rightPressed = false;

// Load car image
        const carImage = new Image();
        carImage.src = "car.png";

// Handling key presses
        document.addEventListener("keydown", handleKeyDown, false);
        document.addEventListener("keyup", handleKeyUp, false);

function handleKeyDown(event) {
            if (event.keyCode === KEY_LEFT) {
                leftPressed = true;
            }
            else if (event.keyCode === KEY_RIGHT) {
                rightPressed = true;
            }
        }

function handleKeyUp(event) {
            if (event.keyCode === KEY_LEFT) {
                leftPressed = false;
            }
            else if (event.keyCode === KEY_RIGHT) {
                rightPressed = false;
            }
        }

// Update car position based on key presses
        function updateCar() {
            if (leftPressed && carX > 0) {
                carX -= carSpeed;
            }
            else if (rightPressed && (carX + carWidth) < canvas.width) {
                carX += carSpeed;
            }
        }

// Draw car on the canvas
        function drawCar() {
            context.drawImage(carImage, carX, carY, carWidth, carHeight);
        }

// Game loop
        function startGame() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update car position
            updateCar();

// Draw car
            drawCar();

// Call startGame function again to create a loop
            requestAnimationFrame(startGame);
        }

// Start the game
        startGame();
    </script>
</body>
</html>