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

No:42579

Simple Minecraft like game
Developer User18915｜Date and time 24/2/12 4:29:03
Build time 10.701 sec｜Game capacity 3.235KB｜

Script

Sure! Here's a simple implementation of a Minecraft-like game written in a single HTML file using JavaScript. The game allows you to move a character on a grid-like map and build blocks using pictograms.

Minecraft Game

To play the game, you can open this HTML file in a web browser, and it will render a grid-like map with movable player character represented by a red square. You can use the arrow keys on your smartphone keyboard to move the player around the grid. Additionally, you can tap on any block (excluding the player) to place a block with a blue color. This simple implementation allows you to navigate the game world and interact with it by placing blocks.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Minecraft Game</title>
    <style>
      #game {
        display: flex;
        flex-wrap: wrap;
        width: 300px;
        height: 300px;
      }

.block {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
      }

.player {
        background-color: #f00;
      }
    </style>
  </head>
  <body>
    <h1>Minecraft Game</h1>
    <div id="game"></div>

// Create game grid
      const gameContainer = document.getElementById("game");
      const gameGrid = [];

for (let row = 0; row < gridSize; row++) {
        for (let col = 0; col < gridSize; col++) {
          const block = document.createElement("div");
          block.className = "block";
          block.dataset.row = row;
          block.dataset.col = col;
          gameContainer.appendChild(block);
          gameGrid.push(block);
        }
      }

// Define player position
      let playerRow = 0;
      let playerCol = 0;
      const player = document.createElement("div");
      player.className = "player";
      gameGrid[playerRow * gridSize + playerCol].appendChild(player);

// Handle player movement
      document.addEventListener("keydown", (event) => {
        const key = event.key;
        let newPlayerRow = playerRow;
        let newPlayerCol = playerCol;

if (key === "ArrowUp" && playerRow > 0) {
          newPlayerRow--;
        } else if (key === "ArrowDown" && playerRow < gridSize - 1) {
          newPlayerRow++;
        } else if (key === "ArrowLeft" && playerCol > 0) {
          newPlayerCol--;
        } else if (key === "ArrowRight" && playerCol < gridSize - 1) {
          newPlayerCol++;
        }

if (newPlayerRow !== playerRow || newPlayerCol !== playerCol) {
          // Remove player from current block
          player.parentNode.removeChild(player);

// Update player position
          playerRow = newPlayerRow;
          playerCol = newPlayerCol;

// Add player to new block
          gameGrid[playerRow * gridSize + playerCol].appendChild(player);
        }
      });

// Handle block placement
      gameContainer.addEventListener("click", (event) => {
        const target = event.target;
        if (
          target !== gameContainer &&
          !target.classList.contains("player")
        ) {
          target.style.backgroundColor = blockColor;
        }
      });
    </script>
  </body>
</html>
```