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

No:37245

←

Prev Next

→

Car game
Developer User17043｜Date and time 24/1/20 21:47:48
Build time 8.205 sec｜Game capacity 2.185KB｜

Script

Sure! Here's an example of a simple car game implemented as a single HTML file using JavaScript and enclosed in script tags:

Car Game

In this car game, you can control the car using the right and left arrow keys or the "Right" and "Left" keys on your computer's keyboard. The car moves horizontally within the canvas, and a car image is drawn on the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple car game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Car Game</title>
  <style>
    #car {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <h1>Car Game</h1>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

var carImage = new Image();
    carImage.src = "car.png";
    var carWidth = 50;
    var carHeight = 100;
    var carX = canvas.width / 2 - carWidth / 2;
    var carY = canvas.height - carHeight - 10;
    var carSpeed = 5;

var rightPressed = false;
    var leftPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
      if (event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if (event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

function drawCar() {
      ctx.drawImage(carImage, carX, carY, carWidth, carHeight);
    }

function moveCar() {
      if (rightPressed && carX < canvas.width - carWidth) {
        carX += carSpeed;
      } else if (leftPressed && carX > 0) {
        carX -= carSpeed;
      }
    }

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

function draw() {
      clearCanvas();
      drawCar();
      moveCar();
    }

setInterval(draw, 10);
  </script>
</body>
</html>
```