AI game creator

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

No:24655

130

←

Prev Next

→

Minecraft in 2d
Developer User8481｜Date and time 23/11/11 1:39:31
Build time 117.125 sec｜Game capacity 2.981KB｜

Script

Als Programmiererin werde ich versuchen, eine 2D-Version von Minecraft als ein Single HTML-Datei Spiel zu implementieren. Hier ist eine einfache Version des Spiels:

Dieses Spiel verwendet ein Canvas-Element, um die 2D-Spielwelt darzustellen. Der Spieler kann mit einem Finger über das Display wischen, um den Spielercharakter zu steuern. Ziel des Spiels ist es, die platzierten Blöcke zu erreichen. Bitte beachte, dass dies nur eine sehr einfache Version des Spiels ist und weitere Funktionen wie Kollisionserkennung oder unterschiedliche Blocktypen hinzugefügt werden könnten, um das Spiel komplexer zu machen.

←

Prev　Next

→ 　

Back　

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

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

Als Programmiererin werde ich versuchen, eine 2D-Version von Minecraft als ein Single HTML-Datei Spiel zu implementieren. Hier ist eine einfache Version des Spiels:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Minecraft 2D</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Startfunktion
    function start() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      
      // Event-Listener für Touch-Steuerung
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);
      
      // Blocke platzieren
      placeBlocks();

// Spiel-Loop
      setInterval(gameLoop, 100);
    }

// Funktion zum Platzieren von Blöcken
    function placeBlocks() {
      for (var i = 0; i < 15; i++) {
        var x = Math.floor(Math.random() * canvas.width);
        var y = Math.floor(Math.random() * canvas.height);
        
        blocks.push({ x: x, y: y });
      }
    }

// Funktion zum Zeichnen der Spielwelt
    function drawWorld() {
      // Hintergrund zeichnen
      ctx.fillStyle = "#bdeeff";
      ctx.fillRect(0, 0, canvas.width, canvas.height);

// Spieler zeichnen
      ctx.fillStyle = "#ff0000";
      ctx.fillRect(playerX, playerY, blockSize, blockSize);

// Blöcke zeichnen
      ctx.fillStyle = "#888888";
      for (var i = 0; i < blocks.length; i++) {
        ctx.fillRect(blocks[i].x, blocks[i].y, blockSize, blockSize);
      }
    }

// Funktion zur Spiel-Loop
    function gameLoop() {
      drawWorld();
    }

// Funktion zur Behandlung des Touch-Start Events
    function handleTouchStart(event) {
      event.preventDefault();
    }

// Funktion zur Behandlung des Touch-Move Events
    function handleTouchMove(event) {
      event.preventDefault();
      
      // Zielposition des Spielers abhängig von Fingerposition
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;
      
      playerX = touchX - (blockSize / 2);
      playerY = touchY - (blockSize / 2);
    }

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

Bitte beachte, dass dies nur eine sehr einfache Version des Spiels ist und weitere Funktionen wie Kollisionserkennung oder unterschiedliche Blocktypen hinzugefügt werden könnten, um das Spiel komplexer zu machen.