um Minecraft 2D bem simples e com grafico feio's game

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

No:38056

←

Prev Next

→

um Minecraft 2D bem simples e com grafico feio
Developer CoolGuyFuck｜Date and time 24/1/22 8:30:23
Build time 14.079 sec｜Game capacity 4.075KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft 2D</title>
    <style>
        body {
            background-color: #3b3b3b;
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Definição das dimensões do mapa
        var tileSize = 50;
        var mapWidth = canvas.width / tileSize;
        var mapHeight = canvas.height / tileSize;

// Definição dos recursos do jogo (graficos feios)
        var groundImg = new Image();
        groundImg.src = "https://pictogrammers.com/pictograms/v4/standard/user-plain-alt.png";
        var playerImg = new Image();
        playerImg.src = "https://pictogrammers.com/pictograms/v4/standard/person.png";
        var wallImg = new Image();
        wallImg.src = "https://pictogrammers.com/pictograms/v4/standard/home.png";
        var treeImg = new Image();
        treeImg.src = "https://pictogrammers.com/pictograms/v4/standard/plant-leaf.png";

// Estado inicial do jogador
        var player = {
            x: 2,
            y: 2,
            score: 0
        };

// Mapa do jogo
        var gameMap = [
            [0, 0, 1, 0, 0],
            [0, 1, 1, 1, 0],
            [0, 0, 1, 0, 0],
            [0, 1, 1, 1, 0],
            [0, 1, 0, 1, 0]
        ];

// Função para desenhar o mapa
        function drawMap() {
            for (var row = 0; row < mapHeight; row++) {
                for (var col = 0; col < mapWidth; col++) {
                    var tile = gameMap[row][col];

if (tile === 0) {
                        ctx.drawImage(groundImg, col * tileSize, row * tileSize, tileSize, tileSize);
                    } else if (tile === 1) {
                        ctx.drawImage(wallImg, col * tileSize, row * tileSize, tileSize, tileSize);
                    } else if (tile === 2) {
                        ctx.drawImage(treeImg, col * tileSize, row * tileSize, tileSize, tileSize);
                    }
                }
            }
        }

// Função para desenhar o jogador
        function drawPlayer() {
            ctx.drawImage(playerImg, player.x * tileSize, player.y * tileSize, tileSize, tileSize);
        }

// Função de loop principal do jogo
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawMap();
            drawPlayer();

// Processamento do jogo

requestAnimationFrame(gameLoop);
        }

// Função para interpretar os comandos de movimento do jogador
        function handleInput(event) {
            var key = event.keyCode;
            var newX = player.x;
            var newY = player.y;

if (key === 37) { // Esquerda
                newX = player.x - 1;
            } else if (key === 38) { // Cima
                newY = player.y - 1;
            } else if (key === 39) { // Direita
                newX = player.x + 1;
            } else if (key === 40) { // Baixo
                newY = player.y + 1;
            }

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

// Função para verificar se a posição do jogador é válida no mapa
        function isValidMove(x, y) {
            if (x >= 0 && x < mapWidth && y >= 0 && y < mapHeight && gameMap[y][x] !== 1) {
                return true;
            }
            return false;
        }

// Event Listener para capturar os comandos de movimento do jogador
        document.addEventListener("keydown", handleInput);

// Início do jogo
        gameLoop();
    </script>
</body>
</html>