AI game creator

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

No:29038

←

Prev Next

→

car game
Developer User12573｜Date and time 23/12/15 13:19:26
Build time 24.208 sec｜Game capacity 1.667KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Car Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    // Car Game

// Pictogram images
    const carImage = new Image();
    carImage.src = "car.png";

// Game canvas and context
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Car object
    const car = {
      x: 200,
      y: 350,
      width: 50,
      height: 100,
      speed: 5,
      isMovingLeft: false,
      isMovingRight: false,
      moveLeft() {
        this.x -= this.speed;
      },
      moveRight() {
        this.x += this.speed;
      },
    };
  
    // Event listeners for touch controls
    canvas.addEventListener("touchstart", handleTouchStart);
    canvas.addEventListener("touchend", handleTouchEnd);

function handleTouchEnd(event) {
      car.isMovingLeft = false;
      car.isMovingRight = false;
    }

function update() {
      if (car.isMovingLeft) {
        car.moveLeft();
      }
      if (car.isMovingRight) {
        car.moveRight();
      }
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(carImage, car.x, car.y, car.width, car.height);
    }

function gameLoop() {
      update();
      draw();
    }

setInterval(gameLoop, 16); // Runs gameLoop function every 16ms

</script>
</body>
</html>