Rocket leuague Auto spiel in 2d's game

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

No:24659

←

Prev Next

→

Rocket leuague Auto spiel in 2d
Developer User8481｜Date and time 23/11/11 2:38:46
Build time 67.85 sec｜Game capacity 2.414KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Rocket League Auto Spiel</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variablen für den Canvas und den Kontext
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Initialisierung der Auto-Position
    var carX = canvas.width / 2;
    var carY = canvas.height - 50;

// Variablen für die Bewegung
    var rightPressed = false;
    var leftPressed = false;
    var upPressed = false;
    var downPressed = false;

// Pfeiltasten-Ereignislistener
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// Funktionen für Pfeiltasten-Druck / Loslassen
    function keyDownHandler(event) {
      if (event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = true;
      } else if (event.key === "Up" || event.key === "ArrowUp") {
        upPressed = true;
      } else if (event.key === "Down" || event.key === "ArrowDown") {
        downPressed = true;
      }
    }

// Funktion zum Zeichnen des Autos
    function drawCar() {
      ctx.beginPath();
      ctx.rect(carX, carY, 50, 50);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

// Haupt-Spiel-Loop
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (rightPressed) {
        carX += 7;
      } else if (leftPressed) {
        carX -= 7;
      } else if (upPressed) {
        carY -= 7;
      } else if (downPressed) {
        carY += 7;
      }

drawCar();

requestAnimationFrame(draw);
    }

draw();
  </script>
</body>
</html>