Minecraft game That you can control with buttons on the screen and is 2-D you start with a house and you are a little Steve's game

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

No:15195

←

Prev Next

→

Minecraft game That you can control with buttons o..ALL
Developer User6571｜Date and time 23/9/7 8:29:51
Build time 24.51 sec｜Game capacity 3.777KB｜

Script

Sure, here's an example of a simple 2D Minecraft game that can be controlled using buttons on the screen:

This game uses HTML, CSS, and JavaScript to create a 2D Minecraft-like game. The player (represented as a blue square) starts at the top-left corner and can be moved using the Up, Down, Left, and Right buttons on the screen. The objective is to reach the house (represented as a red rectangle) at the bottom-right corner of the game board. When the player collides with the house, a congratulations message is displayed.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple 2D Minecraft game that can be controlled using buttons on the screen:

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Minecraft Game</title>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid #000;
            margin: 20px auto;
            position: relative;
            overflow: hidden;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: #00f;
            position: absolute;
            top: 0;
            left: 0;
        }

.block {
            width: 50px;
            height: 50px;
            border: 1px solid #000;
            position: absolute;
        }

#house {
            width: 200px;
            height: 150px;
            background-color: #f00;
            bottom: 0;
            right: 0;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="player"></div>
        <div id="house" class="block"></div>
    </div>

// Initialize player position
            var playerX = 0;
            var playerY = 0;

// Define button actions
            var buttons = {
                up: function() {
                    playerY -= 50;
                    player.style.top = playerY + "px";
                },
                down: function() {
                    playerY += 50;
                    player.style.top = playerY + "px";
                },
                left: function() {
                    playerX -= 50;
                    player.style.left = playerX + "px";
                },
                right: function() {
                    playerX += 50;
                    player.style.left = playerX + "px";
                }
            };

// Bind buttons to actions
            for (var button in buttons) {
                if (buttons.hasOwnProperty(button)) {
                    document.getElementById(button).addEventListener("click", buttons[button]);
                }
            }

// Detect collision with house
            setInterval(function() {
                var playerRect = player.getBoundingClientRect();
                var houseRect = house.getBoundingClientRect();

if ((playerRect.left >= houseRect.left && playerRect.left <= houseRect.right) ||
                    (playerRect.right >= houseRect.left && playerRect.right <= houseRect.right)) {
                    if ((playerRect.top >= houseRect.top && playerRect.top <= houseRect.bottom) ||
                        (playerRect.bottom >= houseRect.top && playerRect.bottom <= houseRect.bottom)) {
                        alert("Congratulations! You reached the house!");
                    }
                }
            }, 100);
        });
    </script>
    <div>
        
        <button id="up">Up</button>
        <button id="down">Down</button>
        <button id="left">Left</button>
        <button id="right">Right</button>
    </div>
</body>
</html>
```