AI game creator

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

No:30525

←

Prev Next

→

Batalha de espada
Developer User14821｜Date and time 23/12/22 12:22:41
Build time 19.312 sec｜Game capacity 3.202KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Batalha de Espada</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    
    <script>
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 30,
            height: 30,
            speed: 5
        };
        
        var sword = {
            x: canvas.width / 2,
            y: 0,
            width: 10,
            height: 30,
            speed: 5
        };
        
        var leftKeyPressed = false;
        var rightKeyPressed = false;
        
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);
        
        function keyDownHandler(event) {
            if (event.key == "Left" || event.key == "ArrowLeft") {
                leftKeyPressed = true;
            }
            else if (event.key == "Right" || event.key == "ArrowRight") {
                rightKeyPressed = true;
            }
        }
        
        function keyUpHandler(event) {
            if (event.key == "Left" || event.key == "ArrowLeft") {
                leftKeyPressed = false;
            }
            else if (event.key == "Right" || event.key == "ArrowRight") {
                rightKeyPressed = false;
            }
        }
        
        function drawPlayer() {
            ctx.beginPath();
            ctx.rect(player.x, player.y, player.width, player.height);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }
        
        function drawSword() {
            ctx.beginPath();
            ctx.rect(sword.x, sword.y, sword.width, sword.height);
            ctx.fillStyle = "#FF0000";
            ctx.fill();
            ctx.closePath();
        }
        
        function movePlayer() {
            if (leftKeyPressed && player.x > 0) {
                player.x -= player.speed;
            }
            else if (rightKeyPressed && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
        }
        
        function moveSword() {
            if (sword.y < canvas.height) {
                sword.y += sword.speed;
            }
            else {
                sword.y = 0;
                sword.x = Math.random() * (canvas.width - sword.width);
            }
        }
        
        function collisionDetection() {
            if (player.x < sword.x + sword.width &&
                player.x + player.width > sword.x &&
                player.y < sword.y + sword.height &&
                player.y + player.height > sword.y) {
                alert("Você foi atingido pela espada! Fim de jogo!");
                document.location.reload();
            }
        }
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawSword();
            movePlayer();
            moveSword();
            collisionDetection();
        }
        
        setInterval(draw, 10);
    </script>
</body>
</html>