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

No:17256

137

←

Prev Next

→

Minecraft press create world to see blocks grass b..ALL
Developer User7628｜Date and time 23/9/23 1:45:05
Build time 24.028 sec｜Game capacity 1.758KB｜

Script

Block Game

Block types to place: types: grass and stone

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Pixel art</title>
    <style>
      * {
        box-sizing: border-box;
      }
      body {
        font-family: Arial, sans-serif;
        padding: 20px;
      }
      #game {
        display: flex;
        flex-wrap: wrap;
        width: 320px;
        height: 320px;
        border: 1px solid #333;
      }
      .block {
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        background-color: #fff;
      }
    </style>
  </head>
  <body>
    <h1>Block Game</h1>
    <div id="game"></div>

// Create the game grid
      const gameContainer = document.getElementById("game");
      const blocks = [];
      for (let i = 1; i < gridSize; i++) {
        for (let j = 1; j < gridSize; j++) {
          const block = document.createElement("div");
          block.className = "block";
          block.addEventListener("click", () => toggleBlock(i, j));
          gameContainer.appendChild(block);
          blocks.push(block);
        }
      }

// Toggle between block types
      function toggleBlock(x, y) {
        const blockIndex = x * gridSize + y;
        const currentType = blocks[blockIndex].getAttribute("data-type");
        const nextType =
          currentType === blockTypes[0] ? blockTypes[1] : blockTypes[0];
        blocks[blockIndex].setAttribute("data-type", nextType);
        blocks[blockIndex].style.backgroundColor =
          nextType === blockTypes[1] ? "#666" : "#fff";
      }
    </script>
  </body>
</html>
```

Block types to place: types: grass and stone