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

No:50726

114

←

Prev Next

→

Battle swords with controller
Developer User21392｜Date and time 24/3/9 13:02:23
Build time 6.338 sec｜Game capacity 2.097KB｜

Script

Batalha de Espadas

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Batalha de Espadas</title>
</head>
<body style="text-align: center;">
    <h1>Batalha de Espadas</h1>
    <canvas id="gameCanvas" width="400" height="400" style="border: 1px solid black;"></canvas>

const player = {
            x: 200,
            y: 200,
            size: 50,
            color: 'blue'
        };

const controller = {
            left: false,
            right: false,
            up: false,
            down: false,
            keyListener: function (event) {
                const keyState = (event.type == "keydown") ? true : false;

switch (event.keyCode) {
                    case 37: // tecla esquerda
                        controller.left = keyState;
                        break;
                    case 38: // tecla cima
                        controller.up = keyState;
                        break;
                    case 39: // tecla direita
                        controller.right = keyState;
                        break;
                    case 40: // tecla baixo
                        controller.down = keyState;
                        break;
                }
            }
        };

window.addEventListener('keydown', controller.keyListener);
        window.addEventListener('keyup', controller.keyListener);

ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.size, player.size);

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>