Erstelle mir ein Spiel, das ich in diesem Programm hier spielen kann. In diesem Spiel geht es um eine Orange, die die Fähigkeiten von dem Videospiel Charaktercurbi besitzt. Diese Orange muss es schaffen eine Kanone zu Klonen und damit seinen entgegne zu besiegen. Die Kanone ist schwer um kämpft's game

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

No:43517

←

Prev Next

→

Erstelle mir ein Spiel, das ich in diesem Programm..ALL
Developer User19209｜Date and time 24/2/15 21:49:48
Build time 10.385 sec｜Game capacity 2.858KB｜

Script

Hier ist ein Beispiel für ein einfaches Spiel, das die Beschreibung erfüllt:

Dieses Spiel implementiert eine einfache Bewegungssteuerung für eine Orange auf einem Canvas und erkennt Kollisionen mit einer Kanone. Das Ziel des Spiels ist es, die Kanone zu "besiegen", indem die Orange mit ihr kollidiert.

←

Prev　Next

→ 　

Back　

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

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

Hier ist ein Beispiel für ein einfaches Spiel, das die Beschreibung erfüllt:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Curbi's Orange Adventure</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // HTML-Elemente holen
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var message = document.createElement("p");
  
    // Spielobjekte
    var orange = {
      x: 50,
      y: 50,
      size: 30,
      speed: 3,
      color: "orange"
    };
    
    var cannon = {
      x: canvas.width - 100,
      y: canvas.height - 50,
      size: 50,
      color: "gray"
    };
    
    // Taste gedrückt halten erkennen
    var keys = {};
    document.addEventListener("keydown", function(event) {
      keys[event.keyCode] = true;
    });
    
    document.addEventListener("keyup", function(event) {
      delete keys[event.keyCode];
    });
    
    // Spiel-Update und -Render-Schleife
    function gameLoop() {
      update();
      render();
      
      requestAnimationFrame(gameLoop); // Nächster Frame
    }
    
    function update() {
      // Orange-Bewegung
      if (37 in keys && orange.x > 0) {
        orange.x -= orange.speed;
      }
      
      if (39 in keys && orange.x + orange.size < canvas.width) {
        orange.x += orange.speed;
      }
      
      if (38 in keys && orange.y > 0) {
        orange.y -= orange.speed;
      }
      
      if (40 in keys && orange.y + orange.size < canvas.height) {
        orange.y += orange.speed;
      }
      
      // Kollisionserkennung
      if (collisionDetection()) {
        message.innerHTML = "Orange hat die Kanone besiegt!";
      }
    }
    
    function render() {
      // Spielfeld leeren
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Orange zeichnen
      ctx.fillStyle = orange.color;
      ctx.fillRect(orange.x, orange.y, orange.size, orange.size);
      
      // Kanone zeichnen
      ctx.fillStyle = cannon.color;
      ctx.fillRect(cannon.x, cannon.y, cannon.size, cannon.size);
      
      // Nachricht anzeigen
      document.body.appendChild(message);
    }
    
    function collisionDetection() {
      // Kollisionserkennung zwischen Orange und Kanone
      if (orange.x < cannon.x + cannon.size &&
          orange.x + orange.size > cannon.x &&
          orange.y < cannon.y + cannon.size &&
          orange.y + orange.size > cannon.y) {
        return true; // Kollision
      }
      
      return false; // Keine Kollision
    }
    
    // Spiel starten
    gameLoop();
  </script>
</body>
</html>
```