AI game creator

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

No:43045

←

Prev Next

→

Gta 2 d
Developer User19068｜Date and time 24/2/14 1:01:54
Build time 19.477 sec｜Game capacity 4.661KB｜

Script

Als Programmierer würde ich ein simples Endloslaufspiel erstellen, das auf einem Smartphone gespielt werden kann und Piktogramme verwendet. Hier ist ein Beispiel für eine Implementierung als einzelne HTML-Datei mit eingebettetem JavaScript-Code innerhalb von Script-Tags:

🏃

Dieses Spiel implementiert eine einfache Endloslauf-Logik, bei der der Spieler mit Hindernissen kollidieren muss. Die Punktzahl erhöht sich mit der Zeit und die Geschwindigkeit des Bildschirm-Scrollens nimmt zu, um die Schwierigkeit zu steigern. Durch Klicken oder Berühren des Bildschirms kann der Spieler springen, um Hindernissen auszuweichen. Wenn der Spieler mit einem Hindernis kollidiert oder den Bildschirm verlässt, endet das Spiel und die erzielte Punktzahl wird angezeigt. Durch Neuladen der Seite kann das Spiel erneut gestartet werden.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Endloslaufspiel</title>
  <style>
    #game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
      background-color: lightblue;
      overflow: hidden;
    }

.player {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 50px;
    }

.obstacle {
      position: absolute;
      bottom: 0;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player" class="player">🏃</div>
  </div>

// Funktion zum Starten des Spiels
    function startGame() {
      obstacleInterval = setInterval(generateObstacle, 2000); // Hindernisse alle 2 Sekunden generieren
      gameContainer.addEventListener('mousedown', jump); // Bei Klick auf den Bildschirm springen
      gameContainer.addEventListener('touchstart', jump); // Bei Berührung des Bildschirms springen
      
      // Haupt-Loop des Spiels
      function gameLoop() {
        var playerBottom = parseInt(window.getComputedStyle(player).bottom); // Spielerposition abrufen
        
        // Überprüfen, ob der Spieler mit einem Hindernis kollidiert
        var obstacles = document.getElementsByClassName('obstacle');
        for (var i = 0; i < obstacles.length; i++) {
          var obstacle = obstacles[i];
          var obstacleLeft = parseInt(window.getComputedStyle(obstacle).left);
          var obstacleBottom = parseInt(window.getComputedStyle(obstacle).bottom);
          
          if (obstacleLeft < 50 && obstacleLeft > -30 && playerBottom < obstacleBottom + 50) {
            endGame(); // Spiel beenden, wenn Kollision auftritt
            return;
          }
        }
        
        // Punktzahl erhöhen und Geschwindigkeit anpassen
        score++;
        if (score % 10 === 0) {
          speed++;
        }
        
        // Bildschirm scrollen
        gameContainer.style.animationDuration = speed + 's';
        
        // Game Over, wenn der Spieler zu hoch oder zu weit unten ist
        if (playerBottom > 90 || playerBottom < 10) {
          endGame();
          return;
        }
        
        requestAnimationFrame(gameLoop); // Nächsten Schleifendurchlauf anfordern
      }
      
      gameLoop(); // Spiel starten
    }

// Funktion zum Erzeugen eines Hindernisses
    function generateObstacle() {
      var obstacle = document.createElement('div');
      obstacle.classList.add('obstacle');
      obstacle.innerHTML = '🪨'; // Piktogramm für Hindernis
      obstacle.style.left = '100%';
      obstacle.style.animationDuration = speed + 's';

gameContainer.appendChild(obstacle);
      
      // Hindernis nach einer Weile entfernen, um den Speicher zu schonen
      setTimeout(function() {
        obstacle.remove();
      }, 15000);
    }

// Funktion zum Springen
    function jump() {
      player.classList.add('jump');
      setTimeout(function() {
        player.classList.remove('jump');
      }, 500);
    }
    
    // Funktion zum Beenden des Spiels
    function endGame() {
      clearInterval(obstacleInterval); // Hindernisgenerierungsintervall stoppen
      gameContainer.removeEventListener('mousedown', jump);
      gameContainer.removeEventListener('touchstart', jump);
      
      // Spiel beendet-Meldung anzeigen
      alert('Game Over! Deine Punktzahl: ' + score);
      
      // Seite neu laden, um das Spiel neu zu starten
      location.reload();
    }

// Spiel starten
    startGame();
  </script>
</body>
</html>
```