Advanced 2d minecraft game's game

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

No:15163

121

←

Prev Next

→

Advanced 2d minecraft game
Developer User4587｜Date and time 23/9/6 18:44:56
Build time 101.066 sec｜Game capacity 5.156KB｜

Script

Sure! Here's a simple implementation of a 2D game inspired by Minecraft using JavaScript and pictograms. Please note that this is a basic example and not a complete game with advanced features.

Please note that you need to replace the `emozi_all/block.png` and `emozi_all/player.png` URLs with the actual URLs of the pictograms you want to use for the blocks and player character respectively. Also, make sure to have those images accessible in your project. This is a basic implementation that allows the player to move on a grid, where "1" represents a block and "0" represents an empty space. Feel free to extend and enhance the game as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple implementation of a 2D game inspired by Minecraft using JavaScript and pictograms. Please note that this is a basic example and not a complete game with advanced features.

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Minecraft Game</title>
    <style>
        body {
            background-color: #a5d6a7;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

canvas {
            border: 2px solid #555;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="640" height="480"></canvas>

// Define the size of the game grid
        const gridWidth = 20;
        const gridHeight = 15;
        const gridSize = 32;

// Define pictogram images
        const blockImage = new Image();
        blockImage.src = "block.png"; // Replace with your pictogram URL

const playerImage = new Image();
        playerImage.src = "player.png"; // Replace with your pictogram URL

// Player object
        const player = {
            x: 0,
            y: 0
        };

// Game grid (map)
        const grid = [
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
            [1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
            [1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
            [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        ];

// Handle key press events
        document.addEventListener("keydown", handleKeyPress);

// Function to handle key press events
        function handleKeyPress(event) {
            const key = event.key;

switch (key) {
                case "ArrowUp":
                    movePlayer(0, -1);
                    break;
                case "ArrowDown":
                    movePlayer(0, 1);
                    break;
                case "ArrowLeft":
                    movePlayer(-1, 0);
                    break;
                case "ArrowRight":
                    movePlayer(1, 0);
                    break;
            }
        }

// Function to move the player
        function movePlayer(dx, dy) {
            const newX = player.x + dx;
            const newY = player.y + dy;

if (isMoveValid(newX, newY)) {
                player.x = newX;
                player.y = newY;

// Trigger game update/render
                updateGame();
                renderGame();
            }
        }

// Function to check if a move is valid
        function isMoveValid(x, y) {
            if (x < 0 || x >= gridWidth || y < 0 || y >= gridHeight) {
                return false;
            }

const block = grid[y][x];
            return block === 0;
        }

// Function to update the game logic
        function updateGame() {
            // Game logic updates can be added here
        }

// Function to render the game on canvas
        function renderGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Render the game grid
            for (let y = 0; y < gridHeight; y++) {
                for (let x = 0; x < gridWidth; x++) {
                    const block = grid[y][x];

// Render blocks
                    if (block === 1) {
                        ctx.drawImage(blockImage, x * gridSize, y * gridSize, gridSize, gridSize);
                    }
                }
            }

// Render the player
            ctx.drawImage(playerImage, player.x * gridSize, player.y * gridSize, gridSize, gridSize);
        }

// Initial game setup and start processing
        function startGame() {
            updateGame();
            renderGame();
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

Please note that you need to replace the `block.png` and `player.png` URLs with the actual URLs of the pictograms you want to use for the blocks and player character respectively. Also, make sure to have those images accessible in your project.

This is a basic implementation that allows the player to move on a grid, where "1" represents a block and "0" represents an empty space. Feel free to extend and enhance the game as per your requirements.