Minecraft con todas las mecánicas's game

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

No:19482

←

Prev Next

→

Minecraft con todas las mecánicas
Developer User8590｜Date and time 23/10/4 7:21:57
Build time 9.224 sec｜Game capacity 2.342KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft con todas las mecánicas</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Inicializar variables para la posición del jugador
        var playerX = 180;
        var playerY = 180;
        var playerSpeed = 5;

// Inicializar variables para la posición del bloque
        var blockX = Math.floor(Math.random() * 380) + 10;
        var blockY = Math.floor(Math.random() * 380) + 10;
        var blockSize = 20;

// Dibujar el jugador y el bloque
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, 40, 40);

ctx.fillStyle = "red";
            ctx.fillRect(blockX, blockY, blockSize, blockSize);
        }

// Función para controlar los eventos de teclado
        function handleKeyPress(event) {
            if (event.keyCode === 37 && playerX > 0) { // Left arrow key
                playerX -= playerSpeed;
            } else if (event.keyCode === 38 && playerY > 0) { // Up arrow key
                playerY -= playerSpeed;
            } else if (event.keyCode === 39 && playerX + 40 < canvas.width) { // Right arrow key
                playerX += playerSpeed;
            } else if (event.keyCode === 40 && playerY + 40 < canvas.height) { // Down arrow key
                playerY += playerSpeed;
            }

// Verificar si el jugador captura el bloque
            if (playerX < blockX + blockSize &&
                playerX + 40 > blockX &&
                playerY < blockY + blockSize &&
                playerY + 40 > blockY) {
                
                // Actualizar la posición del bloque
                blockX = Math.floor(Math.random() * 380) + 10;
                blockY = Math.floor(Math.random() * 380) + 10;
            }

// Redibujar el canvas
            draw();
        }

// Escuchar los eventos de teclado
        document.addEventListener("keydown", handleKeyPress);

// Llamar a la función draw inicialmente para dibujar el canvas
        draw();
    </script>
</body>
</html>