Ich möchte eine zweidimensionalen Super Mario Klon mit einem Chamäleon als den Hauptcharakter. Das Chamäleon wird durch Orangenmünzen sammeln und das Ziel ist eine umgedrehte steinerne Schildkrötenpanzer's game

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

No:43514

←

Prev Next

→

Ich möchte eine zweidimensionalen Super Mario Klon..ALL
Developer User19209｜Date and time 24/2/15 21:43:46
Build time 16.365 sec｜Game capacity 4.878KB｜

Script

Hier ist ein Beispiel für eine mögliche Implementierung eines Super Mario-Klons mit einem Chamäleon als Hauptcharakter:

Dieses Beispiel erstellt ein einfaches Chamäleon-Mario-Spiel mit einem festgelegten Layout. Sie können die Pfeiltasten auf der Tastatur verwenden, um das Chamäleon zu bewegen und Münzen zu sammeln. Es gibt auch Schildkröten, mit denen Kollisionen vermieden werden sollten. Das Ziel des Spiels ist es, alle Münzen zu sammeln und den Schildkrötenpanzer zu erreichen. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

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

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

Hier ist ein Beispiel für eine mögliche Implementierung eines Super Mario-Klons mit einem Chamäleon als Hauptcharakter:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Chamäleon Mario</title>
  <style>
    #game {
      width: 480px;
      height: 320px;
      border: 1px solid black;
      position: relative;
      background-color: #c0c0c0;
    }
    #chameleon {
      position: absolute;
      width: 32px;
      height: 32px;
      background-color: green;
      top: 288px;
      left: 32px;
    }
    .coin {
      position: absolute;
      width: 16px;
      height: 16px;
      background-color: orange;
      border-radius: 50%;
    }
    .turtle {
      position: absolute;
      width: 32px;
      height: 32px;
      background-color: brown;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="chameleon"></div>
    <div class="coin" style="top: 256px; left: 112px;"></div>
    <div class="coin" style="top: 256px; left: 160px;"></div>
    <div class="coin" style="top: 256px; left: 208px;"></div>
    <div class="coin" style="top: 256px; left: 256px;"></div>
    <div class="coin" style="top: 256px; left: 304px;"></div>
    <div class="coin" style="top: 256px; left: 352px;"></div>
    <div class="coin" style="top: 224px; left: 304px;"></div>
    <div class="coin" style="top: 224px; left: 352px;"></div>
    <div class="coin" style="top: 192px; left: 352px;"></div>
    <div class="coin" style="top: 192px; left: 304px;"></div>
    <div class="coin" style="top: 192px; left: 256px;"></div>
    <div class="coin" style="top: 192px; left: 208px;"></div>
    <div class="coin" style="top: 192px; left: 160px;"></div>
    <div class="coin" style="top: 192px; left: 112px;"></div>
    <div class="turtle" style="top: 288px; left: 352px;"></div>
  </div>

// Funktion zum Bewegen des Chamäleons
    function moveChameleon(direction) {
      const currentLeft = parseInt(chameleon.style.left);
      const currentTop = parseInt(chameleon.style.top);
      
      if (direction === 'left' && currentLeft > 0) {
        chameleon.style.left = (currentLeft - 32) + 'px';
      } else if (direction === 'right' && currentLeft < 448) {
        chameleon.style.left = (currentLeft + 32) + 'px';
      } else if (direction === 'up' && currentTop > 0) {
        chameleon.style.top = (currentTop - 32) + 'px';
      } else if (direction === 'down' && currentTop < 288) {
        chameleon.style.top = (currentTop + 32) + 'px';
      }
      
      collectCoins(currentLeft, currentTop);
      checkCollision(currentLeft, currentTop);
      checkWin();
    }

// Funktion zum Sammeln von Münzen
    function collectCoins(x, y) {
      coins.forEach(function (coin) {
        const coinLeft = parseInt(coin.style.left);
        const coinTop = parseInt(coin.style.top);
        
        if (coinLeft === x && coinTop === y) {
          coin.style.display = 'none';
          score++;
        }
      });
    }

// Funktion zum Überprüfen von Kollisionen mit Schildkröten
    function checkCollision(x, y) {
      turtles.forEach(function (turtle) {
        const turtleLeft = parseInt(turtle.style.left);
        const turtleTop = parseInt(turtle.style.top);
        
        if (turtleLeft === x && turtleTop === y) {
          alert('Game Over!');
          resetGame();
        }
      });
    }

// Funktion zum Überprüfen des Gewinns
    function checkWin() {
      if (score === coins.length) {
        alert('Du hast gewonnen!');
        resetGame();
      }
    }

// Funktion zum Zurücksetzen des Spiels
    function resetGame() {
      coins.forEach(function (coin) {
        coin.style.display = 'block';
      });
      score = 0;
      chameleon.style.left = '32px';
      chameleon.style.top = '288px';
    }

// Event Listener für Tastatureingaben (Pfeiltasten)
    document.addEventListener('keydown', function (e) {
      if (e.key === 'ArrowLeft') {
        moveChameleon('left');
      } else if (e.key === 'ArrowRight') {
        moveChameleon('right');
      } else if (e.key === 'ArrowUp') {
        moveChameleon('up');
      } else if (e.key === 'ArrowDown') {
        moveChameleon('down');
      }
    });
  </script>
</body>
</html>
```