AI game creator

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

No:46126

←

Prev Next

→

Fighting game
Developer User19938｜Date and time 24/2/23 16:20:05
Build time 8.225 sec｜Game capacity 1.954KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Fighting Game</title>
</head>
<body>

// Player and Opponent
        const player = { x: 50, y: 200, width: 50, height: 50 };
        const opponent = { x: 300, y: 200, width: 50, height: 50 };

// Draw characters
        function drawCharacters() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
            ctx.fillStyle = "red";
            ctx.fillRect(opponent.x, opponent.y, opponent.width, opponent.height);
        }

// Move characters
        function moveCharacter(character, dx, dy) {
            if (character.x + dx > 0 && character.x + dx < canvas.width - character.width) {
                character.x += dx;
            }
            if (character.y + dy > 0 && character.y + dy < canvas.height - character.height) {
                character.y += dy;
            }
        }

// Handle key press
        document.addEventListener("keydown", (event) => {
            switch (event.key) {
                case "ArrowLeft":
                    moveCharacter(player, -10, 0);
                    break;
                case "ArrowRight":
                    moveCharacter(player, 10, 0);
                    break;
                case "ArrowUp":
                    moveCharacter(player, 0, -10);
                    break;
                case "ArrowDown":
                    moveCharacter(player, 0, 10);
                    break;
            }
        });

// Main game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawCharacters();

requestAnimationFrame(gameLoop);
        }

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