held schießt auf untote und aliens's game | AI game creator

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

No:17929

75

held schießt auf untote und aliens
Developer User7832｜Date and time 23/9/25 6:49:38
Build time 35.404 sec｜Game capacity 3.464KB｜

Als Programmierer werde ich ein Spiel erstellen, das in einem einzigen HTML-Datei implementiert ist und JavaScript verwendet. Das Spiel wird in die ``-Tags eingefügt und auf einem Smartphone gespielt werden. Ich werde Piktogramme verwenden, um die Spielobjekte darzustellen. Das Spiel besteht darin, dass der Spieler als Held gegen Untote und Aliens schießt. Hier ist ein Beispielcode für das Spiel: <br><br> <br> <style> canvas { border: 1px solid #000000; } </style> <canvas id="gameCanvas" width="400" height="400"></canvas>

Dieser Code erstellt ein HTML5-Canvas-Element, auf dem der Spielbildschirm angezeigt wird. Das Spiel enthält einen Helden, der als grünes Rechteck dargestellt wird, sowie Untote (rote Rechtecke) und Aliens (blaue Rechtecke). Die Spielschleife wird fortlaufend ausgeführt, um das Spiel zu aktualisieren und die Spielobjekte zu zeichnen. Kollisionen zwischen dem Helden und den Untoten/Aliens werden überprüft, und das Spiel endet, wenn eine Kollision auftritt. Dies ist nur ein Grundgerüst für ein einfaches Spiel. Es können weitere Funktionen und Spielmechaniken hinzugefügt werden, wie z.B. das Schießen des Helden, Punktezählung usw.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Als Programmierer werde ich ein Spiel erstellen, das in einem einzigen HTML-Datei implementiert ist und JavaScript verwendet. Das Spiel wird in die `<script>`-Tags eingefügt und auf einem Smartphone gespielt werden. Ich werde Piktogramme verwenden, um die Spielobjekte darzustellen. Das Spiel besteht darin, dass der Spieler als Held gegen Untote und Aliens schießt.

Hier ist ein Beispielcode für das Spiel:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Untote und Aliens</title>
  <style>
    canvas {
      border: 1px solid #000000;
    }
  </style>
</head>

<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    // Spielobjekte
    var hero = {
      x: 200,
      y: 200,
      width: 50,
      height: 50,
      color: "#00ff00"
    };

var zombies = [
      { x: 100, y: 100, width: 40, height: 40, color: "#ff0000" },
      { x: 300, y: 300, width: 40, height: 40, color: "#ff0000" },
    ];

var aliens = [
      { x: 150, y: 150, width: 60, height: 60, color: "#0000ff" },
      { x: 250, y: 250, width: 60, height: 60, color: "#0000ff" },
    ];

// Canvas und Kontext holen
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Spielschleife
    function gameLoop() {
      // Hintergrund löschen
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Held zeichnen
      context.fillStyle = hero.color;
      context.fillRect(hero.x, hero.y, hero.width, hero.height);
      
      // Untote zeichnen
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        context.fillStyle = zombie.color;
        context.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
      }
      
      // Aliens zeichnen
      for (var j = 0; j < aliens.length; j++) {
        var alien = aliens[j];
        context.fillStyle = alien.color;
        context.fillRect(alien.x, alien.y, alien.width, alien.height);
      }
      
      // Kollisionserkennung
      for (var k = 0; k < zombies.length; k++) {
        if (checkCollision(hero, zombies[k])) {
          // Kollision mit Untotem
          console.log("Game Over!");
          return;
        }
      }
      
      for (var l = 0; l < aliens.length; l++) {
        if (checkCollision(hero, aliens[l])) {
          // Kollision mit Alien
          console.log("Game Over!");
          return;
        }
      }
      
      // Spiel-Loop wiederholen
      requestAnimationFrame(gameLoop);
    }

// Kollisionsprüfung
    function checkCollision(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
        obj1.x + obj1.width > obj2.x &&
        obj1.y < obj2.y + obj2.height &&
        obj1.y + obj1.height > obj2.y;
    }

// Spielstart
    gameLoop();
  </script>
</body>

</html>
```

Dieser Code erstellt ein HTML5-Canvas-Element, auf dem der Spielbildschirm angezeigt wird. Das Spiel enthält einen Helden, der als grünes Rechteck dargestellt wird, sowie Untote (rote Rechtecke) und Aliens (blaue Rechtecke). Die Spielschleife wird fortlaufend ausgeführt, um das Spiel zu aktualisieren und die Spielobjekte zu zeichnen. Kollisionen zwischen dem Helden und den Untoten/Aliens werden überprüft, und das Spiel endet, wenn eine Kollision auftritt.

Dies ist nur ein Grundgerüst für ein einfaches Spiel. Es können weitere Funktionen und Spielmechaniken hinzugefügt werden, wie z.B. das Schießen des Helden, Punktezählung usw.