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

No:50923

323

Minecraft
Developer User21425｜Date and time 24/3/10 9:08:36
Build time 3.944 sec｜Game capacity 1.403KB｜

Jogo Minecraft

→ 　

0　

0　

　
　
　
　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Jogo Minecraft</title>
</head>
<body>
<h1>Jogo Minecraft</h1>

<canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let playerX = 200;
    let playerY = 200;

function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, 50, 50);
    }

function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function updateGame() {
        clearCanvas();
        drawPlayer();
    }

function movePlayer(event) {
        switch (event.key) {
            case 'ArrowLeft':
                if (playerX > 0) {
                    playerX -= 10;
                }
                break;
            case 'ArrowRight':
                if (playerX < canvas.width - 50) {
                    playerX += 10;
                }
                break;
            case 'ArrowUp':
                if (playerY > 0) {
                    playerY -= 10;
                }
                break;
            case 'ArrowDown':
                if (playerY < canvas.height - 50) {
                    playerY += 10;
                }
                break;
        }
        updateGame();
    }

window.addEventListener('keydown', movePlayer);

updateGame();
</script>

</body>
</html>