Minecraft Add and delete blocks, press create new world to name world, select terrain modes forest, super flat add grass and stone blocks's game

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

No:16876

←

Prev Next

→

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

Script

Sure! Here's an example of a simple game that allows you to add and delete blocks, similar to Minecraft. It includes the ability to create a new world, name it, and select different terrain modes. Please note that for simplicity, this game only supports adding grass and stone blocks. To play the game, copy the code below into a single HTML file and open it in a web browser:

In this game, you can: 1. Click on the "Create New World" button to generate a new world. 2. Enter a name for the world in the text input field. 3. Choose the terrain mode (either "Forest" or "Super Flat") from the dropdown list. 4. Click anywhere on the world to add a grass block. 5. Click on an existing grass block to delete it. Please note that this is a very simplified version of Minecraft, and there are many additional features and complexities that could be added. However, this should give you a starting point for creating a basic block game using JavaScript and HTML.

←

Prev　Next

→ 　

Back　

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

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

To play the game, copy the code below into a single HTML file and open it in a web browser:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Minecraft Block Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px;
            background-color: #333;
            color: #fff;
        }
        .world {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 400px;
            margin: 0 auto;
        }
        .block {
            width: 50px;
            height: 50px;
            border: 1px solid #999;
        }
    </style>
</head>
<body>
    <div class="toolbar">
        <button onclick="createNewWorld()">Create New World</button>
        <input type="text" id="worldName" placeholder="World Name">
        <select id="terrainMode">
            <option value="forest">Forest</option>
            <option value="superFlat">Super Flat</option>
        </select>
    </div>

function createNewWorld() {
            var worldName = document.getElementById("worldName").value;
            var terrainMode = document.getElementById("terrainMode").value;
            var worldDiv = document.querySelector(".world");
            worldDiv.innerHTML = "";
            worldBlocks = [];

currentWorld = new World(worldName, terrainMode);
            currentWorld.render();
        }

function addBlock(x, y) {
            var block = new Block(x, y);
            worldBlocks.push(block);
            currentWorld.render();
        }

function deleteBlock(x, y) {
            worldBlocks = worldBlocks.filter(function (block) {
                return block.x !== x || block.y !== y;
            });
            currentWorld.render();
        }

function World(name, terrainMode) {
            this.name = name;
            this.terrainMode = terrainMode;

this.render = function () {
                var worldDiv = document.querySelector(".world");
                worldDiv.innerHTML = "";

for (var i = 0; i < worldBlocks.length; i++) {
                    var block = worldBlocks[i];

var blockDiv = document.createElement("div");
                    blockDiv.className = "block";
                    blockDiv.style.backgroundColor = block.type === "grass" ? "green" : "gray";

blockDiv.onclick = (function (block) {
                        return function () {
                            deleteBlock(block.x, block.y);
                        };
                    })(block);

worldDiv.appendChild(blockDiv);
                }
            };
        }

function Block(x, y) {
            this.x = x;
            this.y = y;
            this.type = "grass";
        }
    </script>
</body>
</html>
```

Please note that this is a very simplified version of Minecraft, and there are many additional features and complexities that could be added. However, this should give you a starting point for creating a basic block game using JavaScript and HTML.