AI game creator

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

No:47485

←

Prev Next

→

Beat 'em up
Developer User20483｜Date and time 24/2/28 4:41:13
Build time 6.666 sec｜Game capacity 1.45KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Beat 'em up Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        const player = {
            x: 200,
            y: 200,
            width: 50,
            height: 50,
            color: "blue",
            speed: 5
        };
        
        function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }
        
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }
        
        function updateGameArea() {
            clearCanvas();
            drawPlayer();
        }
        
        function movePlayer(event) {
            if(event.key === "ArrowUp") {
                player.y -= player.speed;
            } else if(event.key === "ArrowDown") {
                player.y += player.speed;
            } else if(event.key === "ArrowLeft") {
                player.x -= player.speed;
            } else if(event.key === "ArrowRight") {
                player.x += player.speed;
            }
            updateGameArea();
        }
        
        window.addEventListener("keydown", movePlayer);
        
        updateGameArea(); // start the game
    </script>
</body>
</html>