Minecraft 2D. The Green Squares were supposed to be Grass, The Blue Square is supposed to be Steve and The Pink Squares were supposed to he Pigs's game

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

No:35895

←

Prev Next

→

Minecraft 2D. The Green Squares were supposed to b..ALL
Developer User16684｜Date and time 24/1/15 21:58:02
Build time 18.691 sec｜Game capacity 4.806KB｜

Script

Sure, here's a simple implementation of a 2D version of Minecraft using JavaScript and HTML:

This implementation creates a 2D game area using HTML and CSS. The game area is divided into a grid of cells, and different entities (grass, player, and pigs) are represented by different colored squares. You can use arrow keys on your smartphone to move the player (blue square) around the game area. The initial entities are placed in the grid, and you can customize it further by modifying the grid array in the JavaScript code.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple implementation of a 2D version of Minecraft using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            display: flex;
            flex-wrap: wrap;
            width: 200px;
            height: 200px;
        }
        .grass {
            background-color: green;
        }
        .player {
            background-color: blue;
        }
        .pig {
            background-color: pink;
        }
    </style>
</head>
<body>
    <div id="game"></div>

// Create game area
        const gameArea = document.getElementById('game');

// Create an empty game grid
        let grid = [];

// Function to initialize the game grid
        function initializeGrid() {
            for (let row = 0; row < numRows; row++) {
                grid[row] = [];
                for (let col = 0; col < numCols; col++) {
                    grid[row][col] = '';
                }
            }
        }

// Function to update the game grid with entities
        function updateGrid() {
            gameArea.innerHTML = '';

for (let row = 0; row < numRows; row++) {
                for (let col = 0; col < numCols; col++) {
                    const entity = grid[row][col];

const div = document.createElement('div');
                    div.style.width = `${100 / numCols}%`;
                    div.style.height = `${100 / numRows}%`;

if (entity === 'grass') {
                        div.className = 'grass';
                    } else if (entity === 'player') {
                        div.className = 'player';
                    } else if (entity === 'pig') {
                        div.className = 'pig';
                    }

gameArea.appendChild(div);
                }
            }
        }

// Function to move the player
        function movePlayer(direction) {
            let playerRow = -1;
            let playerCol = -1;

// Find the player's current position
            for (let row = 0; row < numRows; row++) {
                for (let col = 0; col < numCols; col++) {
                    if (grid[row][col] === 'player') {
                        playerRow = row;
                        playerCol = col;
                        break;
                    }
                }
            }

// Get the new position based on the direction
            let newPlayerRow = playerRow;
            let newPlayerCol = playerCol;

if (direction === 'up') {
                newPlayerRow = playerRow - 1;
            } else if (direction === 'down') {
                newPlayerRow = playerRow + 1;
            } else if (direction === 'left') {
                newPlayerCol = playerCol - 1;
            } else if (direction === 'right') {
                newPlayerCol = playerCol + 1;
            }

// Check if the new position is valid
            if (newPlayerRow >= 0 && newPlayerRow < numRows && newPlayerCol >= 0 && newPlayerCol < numCols) {
                // Move the player to the new position
                grid[playerRow][playerCol] = '';
                grid[newPlayerRow][newPlayerCol] = 'player';

// Update the grid
                updateGrid();
            }
        }

// Initialize the game
        initializeGrid();

// Set up initial entities
        grid[0][0] = 'grass'; // Example grass block
        grid[1][1] = 'player'; // Steve
        grid[2][2] = 'pig'; // Example pig

// Update the grid to display the initial entities
        updateGrid();

// Handle arrow key presses to move the player
        document.onkeydown = function (event) {
            if (event.keyCode === 37) {
                // Left arrow key
                movePlayer('left');
            } else if (event.keyCode === 38) {
                // Up arrow key
                movePlayer('up');
            } else if (event.keyCode === 39) {
                // Right arrow key
                movePlayer('right');
            } else if (event.keyCode === 40) {
                // Down arrow key
                movePlayer('down');
            }
        };
    </script>
</body>
</html>
```