American Football Video Game's game

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

No:49662

←

Prev Next

→

American Football Video Game
Developer User21117｜Date and time 24/3/6 1:17:05
Build time 7.847 sec｜Game capacity 1.534KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>American Football Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerSpeedX = 5;
        let playerSpeedY = 0;
        
        function drawPlayer() {
            ctx.fillStyle = "#FF0000";
            ctx.fillRect(playerX, playerY, 50, 50);
        }

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

if (playerX < 0) {
                playerX = 0;
            }
            if (playerX + 50 > canvas.width) {
                playerX = canvas.width - 50;
            }

playerX += playerSpeedX;
            playerY += playerSpeedY;
        }

function keyDownHandler(e) {
            if (e.key === "ArrowLeft") {
                playerSpeedX = -5;
            } else if (e.key === "ArrowRight") {
                playerSpeedX = 5;
            }
        }

function keyUpHandler(e) {
            if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                playerSpeedX = 0;
            }
        }

document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

setInterval(updateGameArea, 20);
    </script>
</body>
</html>