AI game creator

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

No:24663

←

Prev Next

→

Rocket league
Developer User8481｜Date and time 23/11/11 2:45:22
Build time 155.377 sec｜Game capacity 4.763KB｜

Script

Als Programmierer kann ich ein einfaches Spiel basierend auf Rocket League erstellen, das in einer einzelnen HTML-Datei implementiert ist. Das Spiel wird auf einem Smartphone funktionieren und ich werde Piktogramme verwenden, um es visuell ansprechender zu gestalten. Hier ist der Code:

0 : 0

Spiel läuft...

Dieser Code implementiert ein einfaches Spiel, bei dem du als Spieler ein Paddle steuerst, um einen Ball zu schlagen und Tore zu erzielen. Der Gegner, der von der KI gesteuert wird, versucht auch, Tore zu erzielen. Es gibt ein Scoreboard, das die aktuellen Punktestände anzeigt, und eine Nachricht, die angezeigt wird, wenn ein Tor erzielt wird. Du kannst nun diese HTML-Datei in einem Webbrowser (am besten auf einem Smartphone) öffnen und das Spiel genießen. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rocket League Game</title>
  <style>
    /* Stil für das Spiel */
    #container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #333;
      color: white;
      font-family: Arial, sans-serif;
    }
    
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    #message {
      font-size: 18px;
    }
    
    #ball {
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 50%;
      position: absolute;
    }
    
    #player {
      width: 80px;
      height: 80px;
      background-color: yellow;
      position: absolute;
      bottom: 10px;
      left: calc(50% - 40px);
    }
    
    #opponent {
      width: 80px;
      height: 80px;
      background-color: red;
      position: absolute;
      top: 10px;
      left: calc(50% - 40px);
    }
  </style>
</head>
<body>
  <div id="container">
    <div id="score">0 : 0</div>
    <div id="message">Spiel läuft...</div>
    <div id="ball"></div>
    <div id="player"></div>
    <div id="opponent"></div>
  </div>

const screenWidth = container.offsetWidth;
    const screenHeight = container.offsetHeight;
    const playerWidth = player.offsetWidth;
    const ballWidth = ball.offsetWidth;

let playerX = (screenWidth - playerWidth) / 2;
    let ballX = (screenWidth - ballWidth) / 2;
    let ballY = (screenHeight - ballWidth) / 2;
    let ballSpeedX = Math.random() < 0.5 ? -1 : 1;
    let ballSpeedY = Math.random() < 0.5 ? -1 : 1;
    let playerScore = 0;
    let opponentScore = 0;

function update() {
      ballX += ballSpeedX * 2;
      ballY += ballSpeedY * 2;

// Ball mit dem Spieler prallen lassen
      if (ballX < playerX + playerWidth && ballX + ballWidth > playerX && ballY + ballWidth > screenHeight - player.offsetHeight) {
        ballSpeedY *= -1;
      }

// Ball mit dem Gegner prallen lassen
      if (ballX < opponent.offsetLeft + opponent.offsetWidth && ballX + ballWidth > opponent.offsetLeft && ballY < opponent.offsetHeight) {
        ballSpeedY *= -1;
      }

// Ball mit den horizontalen Rändern prallen lassen
      if (ballX + ballWidth >= screenWidth || ballX <= 0) {
        ballSpeedX *= -1;
      }

// Ball mit den vertikalen Rändern prallen lassen
      if (ballY + ballWidth >= screenHeight) {
        // Ball ist in das Tor des Gegners gelangen
        opponentScore++;
        reset();
      } else if (ballY <= 0) {
        // Ball ist in das eigene Tor gelangen
        playerScore++;
        reset();
      }

// Spieler bewegen
      container.addEventListener('mousemove', movePlayer);

// Gegner bewegen
      opponent.style.left = `${ballX}px`;

// Spielstand aktualisieren
      scoreElement.textContent = `${playerScore} : ${opponentScore}`;

requestAnimationFrame(update);
    }

function reset() {
      ballX = (screenWidth - ballWidth) / 2;
      ballY = (screenHeight - ballWidth) / 2;
      ballSpeedX = Math.random() < 0.5 ? -1 : 1; // Zufällige Richtung
      ballSpeedY = Math.random() < 0.5 ? -1 : 1; // Zufällige Richtung
      messageElement.textContent = 'Tor!';
    }

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

Du kannst nun diese HTML-Datei in einem Webbrowser (am besten auf einem Smartphone) öffnen und das Spiel genießen. Viel Spaß beim Spielen!