Juego 2d de ritmo rápido de combate's game

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

No:39565

←

Prev Next

→

Juego 2d de ritmo rápido de combate
Developer User17699｜Date and time 24/1/29 4:25:49
Build time 13.651 sec｜Game capacity 3.451KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Combate 2D de Ritmo Rápido</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: #eeeeee;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// Definir la posición inicial del jugador
        var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;

// Definir la velocidad de movimiento del jugador
        var playerSpeed = 5;

// Definir la función para dibujar el jugador en el lienzo
        function drawPlayer() {
            ctx.fillStyle = "#000000";
            ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
        }

// Definir la función para actualizar la posición del jugador basado en las entradas de usuario
        function updatePlayer() {
            if (upPressed && playerY > 0) {
                playerY -= playerSpeed;
            }
            if (downPressed && playerY < canvas.height - 20) {
                playerY += playerSpeed;
            }
            if (leftPressed && playerX > 0) {
                playerX -= playerSpeed;
            }
            if (rightPressed && playerX < canvas.width - 20) {
                playerX += playerSpeed;
            }
        }

// Definir las variables para capturar las entradas de usuario
        var upPressed = false;
        var downPressed = false;
        var leftPressed = false;
        var rightPressed = false;

// Definir las funciones para manejar los eventos de teclado
        function keyDownHandler(event) {
            if (event.key === "ArrowUp" || event.key === "w") {
                upPressed = true;
            }
            if (event.key === "ArrowDown" || event.key === "s") {
                downPressed = true;
            }
            if (event.key === "ArrowLeft" || event.key === "a") {
                leftPressed = true;
            }
            if (event.key === "ArrowRight" || event.key === "d") {
                rightPressed = true;
            }
        }

// Registrar los eventos de teclado
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Definir la función principal del juego
        function gameLoop() {
            // Limpiar el lienzo
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Actualizar la posición del jugador
            updatePlayer();

// Dibujar el jugador
            drawPlayer();

// Ejecutar el bucle del juego
            requestAnimationFrame(gameLoop);
        }

// Iniciar el bucle del juego
        gameLoop();
    </script>
</body>
</html>