Vollständiges speil. Gib keine Erklärungen, nur den Code.'s game

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

No:33897

←

Prev Next

→

Vollständiges speil. Gib keine Erklärungen, nur de..ALL
Developer User14077｜Date and time 24/1/7 0:53:15
Build time 31.042 sec｜Game capacity 2.532KB｜

Script

Hier ist ein Beispiel für ein einfaches Spiel, das als einzige HTML-Datei implementiert ist. Das Spiel verwendet JavaScript und ist für die Bedienung auf einem Smartphone optimiert. Piktogramme werden verwendet, um das Spiel visuell ansprechender zu gestalten.

Dies ist ein einfaches Spiel, bei dem der Spieler versuchen muss, den Feind zu vermeiden, indem er ihn nicht berührt. Der Spieler wird mithilfe der Smartphone-Bedienelemente (Pfeiltasten) gesteuert. Wenn der Spieler den Feind berührt, wird eine Meldung "Spiel vorbei!" angezeigt und das Spiel wird beendet. Die Szene wird 60 Mal pro Sekunde aktualisiert, um eine reibungslose Darstellung zu gewährleisten.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mein Spiel</title>
  <style>
    #canvas {
      width: 100%;
      height: 100%;
      background-color: #eee;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

var player = {
      x: 50,
      y: 50,
      velocity: 5
    };

var enemy = {
      x: 200,
      y: 200,
      width: 50,
      height: 50
    };

// Bewegung des Spielers mithilfe der Smartphone-Kontrollen
    document.addEventListener("keydown", function(event) {
      switch(event.keyCode) {
        case 37: // Linke Pfeiltaste
          player.x -= player.velocity;
          break;
        case 38: // Obere Pfeiltaste
          player.y -= player.velocity;
          break;
        case 39: // Rechte Pfeiltaste
          player.x += player.velocity;
          break;
        case 40: // Untere Pfeiltaste
          player.y += player.velocity;
          break;
      }
    });

function update() {
      // Überprüfen, ob der Spieler den Feind berührt
      if (player.x < enemy.x + enemy.width &&
          player.x + player.velocity > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.velocity > enemy.y) {
        alert("Spiel vorbei!");
        clearInterval(updateInterval); // Spiel beenden
      }

context.clearRect(0, 0, canvas.width, canvas.height);

// Spieler zeichnen
      context.fillStyle = "blue";
      context.fillRect(player.x, player.y, 50, 50);

// Feind zeichnen
      context.fillStyle = "red";
      context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
    }

var updateInterval = setInterval(update, 1000/60); // Aktualisierung der Spielszene mit 60 Bildern pro Sekunde
  </script>
</body>
</html>
```