0ein jumper and run spiel's game | AI game creator

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

No:24296

68

0ein jumper and run spiel
Developer User11409｜Date and time 23/11/7 5:55:12
Build time 73.74 sec｜Game capacity 3.62KB｜

Als Programmierer werde ich ein Jump-and-Run-Spiel in einem einzigen HTML-Datei implementieren, das JavaScript enthält und von script-Tags umgeben ist. Die Verarbeitung wird automatisch gestartet und das Spiel kann als fertiges Spiel gespielt werden. Dabei werde ich Piktogramme verwenden, um die Bedienung auf Smartphones zu ermöglichen. Hier ist der Code für das Jump-and-Run-Spiel:

Dieses Spiel ist ein einfaches Jump-and-Run-Spiel, bei dem der Spieler durch Drücken der linken und rechten Pfeiltasten den Spieler bewegen und durch Drücken der Leertaste springen kann. Das Ziel ist es, Kollisionen mit den blauen Hindernissen zu vermeiden. Wenn der Spieler mit einem Hindernis kollidiert, wird das Spiel beendet und eine entsprechende Meldung angezeigt. Das Spiel verwendet ein einfaches Div-Element, um den Spieler darzustellen und erzeugt zufällig platzierte Hindernisse. Bitte beachte, dass dies nur ein einfacher Beispielcode ist und das Spiel noch erweitert werden kann, um weitere Funktionen wie Punktezähler, Level, Power-ups usw. hinzuzufügen.

→ 　

0　

0　

　

　

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

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

(C)2023 HisashiApp

Als Programmierer werde ich ein Jump-and-Run-Spiel in einem einzigen HTML-Datei implementieren, das JavaScript enthält und von script-Tags umgeben ist. Die Verarbeitung wird automatisch gestartet und das Spiel kann als fertiges Spiel gespielt werden. Dabei werde ich Piktogramme verwenden, um die Bedienung auf Smartphones zu ermöglichen.

Hier ist der Code für das Jump-and-Run-Spiel:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Jump-and-Run-Spiel</title>
    <style>
      #player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="player"></div>
    
    <script>
      var player = document.getElementById("player");
      var x = 0;
      var y = 0;

// Bewegung des Spielers
      function movePlayer(event) {
        if (event.keyCode === 37) { // Linke Pfeiltaste
          x -= 10;
        } else if (event.keyCode === 39) { // Rechte Pfeiltaste
          x += 10;
        } else if (event.keyCode === 32) { // Leertaste (Springen)
          y -= 100;
        }

player.style.left = x + "px";
        player.style.top = y + "px";
      }

// Überprüfung der Kollision des Spielers mit Hindernissen
      function checkCollision() {
        var obstacles = document.getElementsByClassName("obstacle");

for (var i = 0; i < obstacles.length; i++) {
          var obstacle = obstacles[i];
          var obstacleRect = obstacle.getBoundingClientRect();
          var playerRect = player.getBoundingClientRect();

if (
            playerRect.left < obstacleRect.right &&
            playerRect.right > obstacleRect.left &&
            playerRect.top < obstacleRect.bottom &&
            playerRect.bottom > obstacleRect.top
          ) {
            // Kollision gefunden - Spiel beenden oder Aktion ausführen
            gameOver();
          }
        }
      }

// Spielende
      function gameOver() {
        alert("Spiel vorbei!");
        document.removeEventListener("keydown", movePlayer);
        clearInterval(gameInterval);
      }

// Hindernisse erstellen
      function createObstacles() {
        var obstacle = document.createElement("div");
        obstacle.className = "obstacle";
        obstacle.style.position = "absolute";
        obstacle.style.width = "50px";
        obstacle.style.height = "50px";
        obstacle.style.backgroundColor = "blue";
        obstacle.style.left = Math.floor(Math.random() * 500) + "px";
        obstacle.style.top = "400px";

document.body.appendChild(obstacle);
      }

// Spiel-Loop
      function gameLoop() {
        createObstacles();
        checkCollision();
      }

// Ereignislistener zum Starten des Spiels
      document.addEventListener("keydown", movePlayer);

// Spiel-Loop starten
      var gameInterval = setInterval(gameLoop, 500);
    </script>
  </body>
</html>
```

Dieses Spiel ist ein einfaches Jump-and-Run-Spiel, bei dem der Spieler durch Drücken der linken und rechten Pfeiltasten den Spieler bewegen und durch Drücken der Leertaste springen kann. Das Ziel ist es, Kollisionen mit den blauen Hindernissen zu vermeiden. Wenn der Spieler mit einem Hindernis kollidiert, wird das Spiel beendet und eine entsprechende Meldung angezeigt. Das Spiel verwendet ein einfaches Div-Element, um den Spieler darzustellen und erzeugt zufällig platzierte Hindernisse.

Bitte beachte, dass dies nur ein einfacher Beispielcode ist und das Spiel noch erweitert werden kann, um weitere Funktionen wie Punktezähler, Level, Power-ups usw. hinzuzufügen.