Un juego donde tenemos que mover cajas de un lugar a otro's game

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

No:41352

←

Prev Next

→

Un juego donde tenemos que mover cajas de un lugar..ALL
Developer User18516｜Date and time 24/2/7 2:14:44
Build time 9.791 sec｜Game capacity 1.999KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Moviendo cajas</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
    // Inicializar el canvas
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Definir las posiciones iniciales de las cajas
    var box1X = 50;
    var box1Y = 50;
    var box2X = 750;
    var box2Y = 550;

// Dibujar el juego en el canvas
    function drawGame() {
        // Limpiar el canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dibujar las cajas
        ctx.fillStyle = "blue";
        ctx.fillRect(box1X, box1Y, 50, 50);
        
        ctx.fillStyle = "red";
        ctx.fillRect(box2X, box2Y, 50, 50);
    }

// Manejar los eventos de movimiento
    function handleKeyboardEvents(event) {
        var keyCode = event.keyCode;

// Mover la caja azul
        if (keyCode === 37) { // Flecha izquierda
            box1X -= 10;
        } else if (keyCode === 38) { // Flecha arriba
            box1Y -= 10;
        } else if (keyCode === 39) { // Flecha derecha
            box1X += 10;
        } else if (keyCode === 40) { // Flecha abajo
            box1Y += 10;
        }

// Mover la caja roja
        if (keyCode === 65) { // Tecla 'a'
            box2X -= 10;
        } else if (keyCode === 87) { // Tecla 'w'
            box2Y -= 10;
        } else if (keyCode === 68) { // Tecla 'd'
            box2X += 10;
        } else if (keyCode === 83) { // Tecla 's'
            box2Y += 10;
        }
        
        // Actualizar el dibujo del juego
        drawGame();
    }

// Iniciar el juego
    function startGame() {
        // Agregar el event listener para capturar los eventos de teclado
        window.addEventListener("keydown", handleKeyboardEvents, false);
        
        // Dibujar el juego inicialmente
        drawGame();
    }
    
    // Ejecutar el juego
    startGame();
</script>
</body>
</html>