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

No:16878

67

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

Sure, here's a simple implementation of a game similar to Minecraft, where you can add and delete blocks using pictograms. Please note that this implementation is for illustrative purposes only and may not include all features of the actual Minecraft game.

Minecraft Game

To use the code: 1. Save the file with a .html extension (e.g., `minecraft.html`). 2. Place your grass block image and stone block image in the same directory as the HTML file and update the URLs in the code (`emozi_all/block.png` and `emozi_bear.png`) to point to the correct images. 3. Open the HTML file in a web browser or on a smartphone. Once the page is loaded, you can create a new world by entering a name in the text field and clicking the "Create New World" button. You can then select a terrain mode from the dropdown menu ("Forest" or "Super Flat") and click the "Select Terrain Mode" button. The terrain will be generated accordingly. In the "Forest" mode, the terrain will consist of grass blocks with trees (represented by pictograms). You can click on any block to remove it. In the "Super Flat" mode, the terrain will consist of stone blocks (represented by pictograms). Please note that this is a basic implementation and does not include all the features and complexities of the actual Minecraft game. It is meant to serve as a starting point for further development.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure, here's a simple implementation of a game similar to Minecraft, where you can add and delete blocks using pictograms. Please note that this implementation is for illustrative purposes only and may not include all features of the actual Minecraft game.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Minecraft Game</title>
  <style>
    #canvas {
      width: 400px;
      height: 400px;
      border: 2px solid black;
      display: flex;
      flex-wrap: wrap;
    }
    .block {
      width: 25px;
      height: 25px;
      border: 1px solid black;
      box-sizing: border-box;
      background-image: url("grass.png"); /* Replace with your grass block image */
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Minecraft Game</h1>
  
  <div id="canvas"></div>
  
  <div>
    <button onclick="createNewWorld()">Create New World</button>
    <input type="text" id="worldName" placeholder="Enter World Name">
    <select id="terrainMode">
      <option value="forest">Forest</option>
      <option value="superflat">Super Flat</option>
    </select>
    <button onclick="selectTerrainMode()">Select Terrain Mode</button>
  </div>

<script>
    var worldNameInput = document.getElementById("worldName");
    var terrainModeSelect = document.getElementById("terrainMode");
    var canvas = document.getElementById("canvas");

var currentWorldName = "";
    var currentTerrainMode = "";

function createNewWorld() {
      var worldName = worldNameInput.value.trim();
      if (worldName === "") {
        alert("Please enter a valid world name.");
        return;
      }

currentWorldName = worldName;
      canvas.innerHTML = "";
      alert("New world '" + worldName + "' created!");
    }

function selectTerrainMode() {
      currentTerrainMode = terrainModeSelect.value;
      generateTerrain();
    }

function generateTerrain() {
      if (currentTerrainMode === "forest") {
        generateForestTerrain();
      } else if (currentTerrainMode === "superflat") {
        generateSuperFlatTerrain();
      }
    }

function generateForestTerrain() {
      for (var i = 0; i < 16; i++) {
        for (var j = 0; j < 16; j++) {
          var block = createBlock();
          canvas.appendChild(block);
        }
      }
    }

function generateSuperFlatTerrain() {
      for (var i = 0; i < 16; i++) {
        for (var j = 0; j < 16; j++) {
          var block = createBlock("stone.png"); /* Replace with your stone block image */
          canvas.appendChild(block);
        }
      }
    }

function createBlock(image) {
      var block = document.createElement("div");
      block.className = "block";
      if (image) {
        block.style.backgroundImage = "url('" + image + "')";
      }
      block.onclick = function() {
        removeBlock(this);
      };
      return block;
    }

function removeBlock(block) {
      canvas.removeChild(block);
    }
  </script>
</body>
</html>
```

To use the code:
1. Save the file with a .html extension (e.g., `minecraft.html`).
2. Place your grass block image and stone block image in the same directory as the HTML file and update the URLs in the code (`grass.png` and `stone.png`) to point to the correct images.
3. Open the HTML file in a web browser or on a smartphone.

Once the page is loaded, you can create a new world by entering a name in the text field and clicking the "Create New World" button. You can then select a terrain mode from the dropdown menu ("Forest" or "Super Flat") and click the "Select Terrain Mode" button. The terrain will be generated accordingly.

In the "Forest" mode, the terrain will consist of grass blocks with trees (represented by pictograms). You can click on any block to remove it.

In the "Super Flat" mode, the terrain will consist of stone blocks (represented by pictograms).

Please note that this is a basic implementation and does not include all the features and complexities of the actual Minecraft game. It is meant to serve as a starting point for further development.