First person shooter's game

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

No:27266

←

Prev Next

→

First person shooter
Developer User13578｜Date and time 23/12/5 21:58:55
Build time 47.722 sec｜Game capacity 2.709KB｜

Script

Als Programmierer erstelle ich eine HTML-Datei, die JavaScript enthält und in den Script-Tags eingeschlossen ist. Mein Ziel ist es, ein beendetes Spiel zu erstellen, das auf einem Smartphone gespielt werden kann und idealerweise Piktogramme enthält. Hier ist ein Beispiel für einen einfachen First-Person-Shooter als HTML/Javascript Spiel:

Dieses Beispiel stellt eine einfache First-Person-Shooter-Szene dar, bei der du den Spieler mithilfe der Pfeiltasten auf dem Canvas bewegen kannst. Das Canvas repräsentiert die Spielwelt und der Spieler wird als einfaches Rechteck dargestellt. Du kannst den Code erweitern, um weitere Funktionen wie Gegner, Schüsse oder Ziele hinzuzufügen.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Hier ist ein Beispiel für einen einfachen First-Person-Shooter als HTML/Javascript Spiel:

```html
<!DOCTYPE html>
<html>
<head>
  <title>First Person Shooter Spiel</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

window.onload = function() {
      // Canvas-Element abrufen
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");

// Spielvariablen initialisieren
      var playerX = canvas.width / 2;
      var playerY = canvas.height / 2;
      var playerSize = 20;
      var playerSpeed = 5;

// Tastenstatus
      var keys = {};

// Events für Tastendrücke registrieren
      document.addEventListener("keydown", function(event) {
        keys[event.key] = true;
      });

document.addEventListener("keyup", function(event) {
        keys[event.key] = false;
      });

// Spiel-Update Funktion (wird pro Frame aufgerufen)
      function update() {
        // Spielerbewegung basierend auf Tastendruck
        if (keys["ArrowUp"]) {
          playerY -= playerSpeed;
        }
        if (keys["ArrowDown"]) {
          playerY += playerSpeed;
        }
        if (keys["ArrowLeft"]) {
          playerX -= playerSpeed;
        }
        if (keys["ArrowRight"]) {
          playerX += playerSpeed;
        }

// Spieler innerhalb der Grenzen des Canvas halten
        if (playerX < 0) playerX = 0;
        if (playerX + playerSize > canvas.width) playerX = canvas.width - playerSize;
        if (playerY < 0) playerY = 0;
        if (playerY + playerSize > canvas.height) playerY = canvas.height - playerSize;

// Zeichne den Spieler auf das Canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Spiel-Loop: Aktualisiere das Spiel (30 mal pro Sekunde)
        requestAnimationFrame(update);
      }

// Starte das Spiel
      update();
    }
  </script>
</body>
</html>
```