Rennspiel mit zerstörbaren Sachen mit Verkehr's game

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

No:19247

103

←

Prev Next

→

Rennspiel mit zerstörbaren Sachen mit Verkehr
Developer User8481｜Date and time 23/10/2 6:47:08
Build time 10.026 sec｜Game capacity 2.819KB｜

Script

Hier ist ein Beispiel für ein Rennspiel, das auf einem Smartphone gespielt werden kann. Das Spiel verwendet Piktogramme und enthält zerstörbare Objekte und Verkehr.

Das obige Beispiel enthält ein einfaches Rennspiel, bei dem ein rotes Auto über den Bildschirm fährt. Es gibt auch blaue Hindernisse, die zerstörbar sind. Wenn das Auto mit einem Hindernis kollidiert, wird das Hindernis ausgeblendet. Das Spiel endet, wenn das Auto das Ende des Bildschirms erreicht. Bitte beachte, dass dies nur ein einfaches Beispiel ist und du das Spiel entsprechend deinen Anforderungen und Vorlieben anpassen kannst. Viel Spaß beim Programmieren!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Hier ist ein Beispiel für ein Rennspiel, das auf einem Smartphone gespielt werden kann. Das Spiel verwendet Piktogramme und enthält zerstörbare Objekte und Verkehr.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rennspiel mit Verkehr</title>
  <style>
    #game {
      width: 100%;
      height: 400px;
      position: relative;
      border: 1px solid black;
    }

.car {
      width: 40px;
      height: 60px;
      position: absolute;
      bottom: 0;
      background: red;
      z-index: 1;
    }

.obstacle {
      width: 30px;
      height: 30px;
      position: absolute;
      background: blue;
      z-index: 2;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="car"></div>
    <div class="obstacle"></div>
    <div class="obstacle"></div>
    <div class="obstacle"></div>
  </div>

var gameWidth = game.clientWidth;
      var carPosition = 0;
      var carMoveSpeed = 5;

function updateGame() {
        // Bewegung des Autos
        carPosition += carMoveSpeed;
        car.style.left = carPosition + 'px';

// Überprüfung auf Kollision mit Hindernissen
        for (var i = 0; i < obstacles.length; i++) {
          var obstacle = obstacles[i];
          if (isCollision(car, obstacle)) {
            obstacle.style.display = 'none';
          }
        }

// Überprüfung auf Spielende
        if (carPosition > gameWidth) {
          endGame();
        }

// Spiel-Update
        requestAnimationFrame(updateGame);
      }

function isCollision(obj1, obj2) {
        var rect1 = obj1.getBoundingClientRect();
        var rect2 = obj2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
                 rect1.left > rect2.right ||
                 rect1.bottom < rect2.top ||
                 rect1.top > rect2.bottom);
      }

function endGame() {
        alert("Spiel beendet!");
        // Hier könnten weitere Aktionen ausgeführt werden, z.B. Punkteberechnung, Neustart usw.
      }

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

Bitte beachte, dass dies nur ein einfaches Beispiel ist und du das Spiel entsprechend deinen Anforderungen und Vorlieben anpassen kannst. Viel Spaß beim Programmieren!