AI game creator

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

No:26447

←

Prev Next

→

3d
Developer User13123｜Date and time 23/11/30 21:21:14
Build time 75.313 sec｜Game capacity 3.2KB｜

Script

Als Programmierer erstelle ich ein Spiel in Form einer einzigen HTML-Datei, die JavaScript enthält und in Script-Tags eingeschlossen ist. Das Spiel wird für die Bedienung auf Smartphones optimiert sein und so gut wie möglich Piktogramme verwenden. Hier ist der Code für das Spiel:

Dieses Spiel ist ein einfaches "Vermeide den Gegner"-Spiel. Der Spieler wird durch die Pfeiltasten gesteuert und muss dem Gegner ausweichen. Wenn der Spieler den Gegner berührt, wird ein "Game Over" Dialog angezeigt. Das Spiel nutzt ein Canvas-Element, um die Spielfläche darzustellen, und verwendet Piktogramme für den Spieler und den Gegner. Die JavaScript-Funktionen steuern die Spiellogik und die Animation des Spiels. Hinweis: Du musst die Dateien "emozi_all/player.png" und "emozi_all/enemy.png" in derselben Verzeichnisebene wie die HTML-Datei haben, um die Piktogramme korrekt anzeigen zu können.

←

Prev　Next

→ 　

Back　

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

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

Hier ist der Code für das Spiel:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>

var enemyImage = new Image();
  enemyImage.src = "enemy.png";

// Spielerobjekt
  var player = {
    x: 200,
    y: 200,
    speed: 5
  };

// Gegnerobjekt
  var enemy = {
    x: 100,
    y: 100
  };

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

// Tastatursteuerung
  document.addEventListener("keydown", keyDownHandler, false);
  document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
  var leftPressed = false;
  var upPressed = false;
  var downPressed = false;

// Spiel-Update
  function update() {
    if (rightPressed) {
      player.x += player.speed;
    } else if (leftPressed) {
      player.x -= player.speed;
    } else if (upPressed) {
      player.y -= player.speed;
    } else if (downPressed) {
      player.y += player.speed;
    }

// Überprüfe, ob der Spieler den Gegner berührt
    if (player.x < enemy.x + 30 &&
        player.x + 30 > enemy.x &&
        player.y < enemy.y + 30 &&
        player.y + 30 > enemy.y) {
      alert("Game Over");
    }

// Zeichne den Spieler und den Gegner auf das Canvas
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.drawImage(playerImage, player.x, player.y, 30, 30);
    context.drawImage(enemyImage, enemy.x, enemy.y, 30, 30);

requestAnimationFrame(update);
  }

// Starte das Spiel
  update();
</script>

</body>
</html>
```

Das Spiel nutzt ein Canvas-Element, um die Spielfläche darzustellen, und verwendet Piktogramme für den Spieler und den Gegner. Die JavaScript-Funktionen steuern die Spiellogik und die Animation des Spiels.

Hinweis: Du musst die Dateien "player.png" und "enemy.png" in derselben Verzeichnisebene wie die HTML-Datei haben, um die Piktogramme korrekt anzeigen zu können.