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

No:16884

Minecraft Add and delete blocks, press create new ..ALL
Developer User7520｜Date and time 23/9/21 14:22:56
Build time 48.988 sec｜Game capacity 4.545KB｜

Script

Sure! Here's a simplified version of a game where you can add and delete blocks, create new worlds, and join a server. Please note that this is a basic implementation, and you can further enhance and customize it as per your requirements.

Minecraft: Block World

Add or Delete Blocks

Create New World

Join Server

Block Area

To use this, save the code in an HTML file (e.g., `minecraft.html`) and place the corresponding block images (`emozi_all/block.png`, `emozi_himawari.png`, `emozi_cat.png`, `emozi_rabbit.png`, and `emozi_apple.png`) in the same directory as the HTML file. You can also customize and replace the block images with pictograms if preferred. Open the HTML file in a web browser (preferably a smartphone) to play the game. Enjoy adding and deleting blocks, creating new worlds, and joining servers!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Minecraft: Block World</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #block-container {
      display: flex;
      justify-content: space-around;
      padding: 20px;
    }
    .block {
      width: 100px;
      height: 100px;
      border: 2px solid black;
      margin-right: 10px;
      cursor: pointer;
    }
    .block img {
      max-width: 100%;
      max-height: 100%;
    }
    #world-info {
      margin: 20px;
    }
    #create-world-container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 20px;
    }
    #create-input {
      margin-right: 10px;
    }
    #join-server-container {
      margin: 20px;
    }
    #join-input {
      margin-right: 10px;
    }
    #block-area {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
    }
    .block-cell {
      width: 100px;
      height: 100px;
      border: 1px solid gray;
      margin: 2px;
    }
  </style>
</head>
<body>
  <h1>Minecraft: Block World</h1>

<h2>Add or Delete Blocks</h2>
  <div id="block-container">
    <div class="block" onclick="addBlock('grass')"><img src="grass.png" alt="Grass Block"></div>
    <div class="block" onclick="addBlock('stone')"><img src="stone.png" alt="Stone Block"></div>
    <div class="block" onclick="addBlock('bedrock')"><img src="bedrock.png" alt="Bedrock Block"></div>
    <div class="block" onclick="addBlock('netherite')"><img src="netherite.png" alt="Netherite Block"></div>
    <div class="block" onclick="deleteBlock()"><img src="delete.png" alt="Delete Block"></div>
  </div>

<div id="world-info">
    <h2>Create New World</h2>
    <div id="create-world-container">
      <input type="text" id="create-input" placeholder="Enter World Name">
      <button onclick="createWorld()">Go</button>
    </div>

<h2>Join Server</h2>
    <div id="join-server-container">
      <input type="text" id="join-input" placeholder="Enter World Name">
      <button onclick="joinServer()">Join</button>
    </div>
  </div>

<h2>Block Area</h2>
  <div id="block-area"></div>

function addBlock(blockType) {
      if (worldName !== '') {
        var blockArea = document.getElementById('block-area');
        var blockCell = document.createElement('div');
        blockCell.classList.add('block-cell');
        blockCell.style.backgroundColor = getBlockColor(blockType);
        blockArea.appendChild(blockCell);
      }
    }

function getBlockColor(blockType) {
      switch (blockType) {
        case 'grass':
          return 'green';
        case 'stone':
          return 'gray';
        case 'bedrock':
          return 'black';
        case 'netherite':
          return 'darkgray';
        default:
          return 'transparent';
      }
    }
  </script>
</body>
</html>
```

To use this, save the code in an HTML file (e.g., `minecraft.html`) and place the corresponding block images (`grass.png`, `stone.png`, `bedrock.png`, `netherite.png`, and `delete.png`) in the same directory as the HTML file. You can also customize and replace the block images with pictograms if preferred.

Open the HTML file in a web browser (preferably a smartphone) to play the game. Enjoy adding and deleting blocks, creating new worlds, and joining servers!