A first person shooter's game

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

No:49537

←

Prev Next

→

A first person shooter
Developer User21076｜Date and time 24/3/5 11:16:09
Build time 5.237 sec｜Game capacity 1.473KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>First Person Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Initialize game variables
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var playerX = 400;
        var playerY = 300;

function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillRect(playerX, playerY, 20, 20);

// Move player based on input
            window.addEventListener("keydown", function(event) {
                switch(event.keyCode) {
                    case 37: // Left arrow key
                        playerX -= 5;
                        break;
                    case 39: // Right arrow key
                        playerX += 5;
                        break;
                    case 38: // Up arrow key
                        playerY -= 5;
                        break;
                    case 40: // Down arrow key
                        playerY += 5;
                        break;
                }
            });

// Request next frame
            requestAnimationFrame(updateGameArea);
        }

// Start game loop
        requestAnimationFrame(updateGameArea);
    </script>
</body>
</html>