AI game creator

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

No:47205

←

Prev Next

→

The Parking
Developer User20334｜Date and time 24/2/27 18:07:17
Build time 5.016 sec｜Game capacity 1.021KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Parking Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let carX = 200;
    let carY = 350;

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

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

drawCar();

document.addEventListener('keydown', function(event) {
      clearCanvas();

switch(event.keyCode) {
        case 37:
          carX -= 5;
          break;
        case 39: 
          carX += 5;
          break;
      }

if(carX < 0) {
        carX = 0;
      } else if(carX > canvas.width - 50) {
        carX = canvas.width - 50;
      }

drawCar();
    });
  </script>
</body>
</html>