Auto spiel die Autos wie bei rocket league hat und das ist ein renn Auto spiel's game

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

No:24652

118

←

Prev Next

→

Auto spiel die Autos wie bei rocket league hat und..ALL
Developer User8481｜Date and time 23/11/11 1:32:56
Build time 51.555 sec｜Game capacity 1.777KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<HTML>
<head>
  <title>Autorennen Spiel</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Car Variables
    let carX = canvas.width / 2;
    let carY = canvas.height / 2;
    let carSpeedX = 0;
    let carSpeedY = 0;

// Keyboard Event Listeners
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

// Update function
    function update() {
      clearCanvas();
      moveCar();
      drawCar();
    }

// Clear the canvas
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

// Move the car
    function moveCar() {
      carX += carSpeedX;
      carY += carSpeedY;
    }

// Draw the car
    function drawCar() {
      // Replace the following line with pictograms for game visuals
      context.fillStyle = "#FF0000";
      context.fillRect(carX, carY, 50, 50);
    }

// Key down event handler
    function keyDownHandler(event) {
      if (event.key === "ArrowRight") {
        carSpeedX = 5;
      } else if (event.key === "ArrowLeft") {
        carSpeedX = -5;
      } else if (event.key === "ArrowDown") {
        carSpeedY = 5;
      } else if (event.key === "ArrowUp") {
        carSpeedY = -5;
      }
    }

// Key up event handler
    function keyUpHandler(event) {
      if (
        event.key === "ArrowRight" ||
        event.key === "ArrowLeft" ||
        event.key === "ArrowDown" ||
        event.key === "ArrowUp"
      ) {
        carSpeedX = 0;
        carSpeedY = 0;
      }
    }

// Game Loop
    setInterval(update, 10);
  </script>
</body>
</html>