Minecraft pocket edition 2D's game

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

No:37455

←

Prev Next

→

Minecraft pocket edition 2D
Developer User17070｜Date and time 24/1/21 4:06:23
Build time 16.15 sec｜Game capacity 3.215KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <title>Minecraft Pocket Edition 2D</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      overflow: hidden;
    }

canvas {
      border: 1px solid black;
      background-color: #b3ccff;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>

// Player initial position
    let playerX = 0;
    let playerY = 0;

// Game objects map
    const map = [
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
    ];

const playerIcon = '\u263B'; // Player pictogram (smiley face)
    const blockIcon = '\u25A0'; // Block pictogram (filled square)

// Canvas setup
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    canvas.width = TILE_SIZE * MAP_WIDTH;
    canvas.height = TILE_SIZE * MAP_HEIGHT;

// Handle key press events
    document.addEventListener("keydown", handleKeyDown);

// Game loop
    function gameLoop() {
      clearCanvas();
      drawMap();
      drawPlayer();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Draw the game map
    function drawMap() {
      for (let y = 0; y < MAP_HEIGHT; y++) {
        for (let x = 0; x < MAP_WIDTH; x++) {
          if (map[y][x] === 0) {
            ctx.fillText(blockIcon, x * TILE_SIZE, y * TILE_SIZE + TILE_SIZE);
          }
        }
      }
    }

// Draw the player
    function drawPlayer() {
      ctx.fillText(playerIcon, playerX * TILE_SIZE, playerY * TILE_SIZE + TILE_SIZE);
    }

// Handle key press events
    function handleKeyDown(e) {
      if (e.keyCode === 37) { // Left arrow key
        movePlayer('left');
      } else if (e.keyCode === 38) { // Up arrow key
        movePlayer('up');
      } else if (e.keyCode === 39) { // Right arrow key
        movePlayer('right');
      } else if (e.keyCode === 40) { // Down arrow key
        movePlayer('down');
      }
    }

// Move the player
    function movePlayer(direction) {
      const prevX = playerX;
      const prevY = playerY;

if (direction === 'left' && playerX > 0) {
        playerX--;
      } else if (direction === 'up' && playerY > 0) {
        playerY--;
      } else if (direction === 'right' && playerX < MAP_WIDTH - 1) {
        playerX++;
      } else if (direction === 'down' && playerY < MAP_HEIGHT - 1) {
        playerY++;
      }

// Check if player moved onto a block
      if (map[playerY][playerX] === 0) {
        // Player moved onto a block, revert the position to previous
        playerX = prevX;
        playerY = prevY;
      }

gameLoop();
    }

// Start the game
    gameLoop();
  </script>
</body>

</html>
```