Make a 3d game car driving's game

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

No:48740

←

Prev Next

→

Make a 3d game car driving
Developer User20831｜Date and time 24/3/2 21:43:11
Build time 4.851 sec｜Game capacity 1.579KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>3D Car Driving Game</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
        }
    </style>
</head>

const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let car = {
            x: 400,
            y: 500,
            width: 50,
            height: 100,
            speed: 5,
            color: 'blue'
        };

function drawCar() {
            ctx.fillStyle = car.color;
            ctx.fillRect(car.x, car.y, car.width, car.height);
        }

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

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

function moveCar(direction) {
            if(direction === 'left' && car.x > 0) {
                car.x -= car.speed;
            } else if(direction === 'right' && car.x < canvas.width - car.width) {
                car.x += car.speed;
            }
        }

window.addEventListener('keydown', function(event) {
            event.preventDefault();
            switch(event.key) {
                case 'ArrowLeft':
                    moveCar('left');
                    break;
                case 'ArrowRight':
                    moveCar('right');
                    break;
            }
            update();
        });

update();

</script>
</body>

</html>