FIFA World Cup Football/Soccer Video Game's game

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

No:49657

←

Prev Next

→

FIFA World Cup Football/Soccer Video Game
Developer User21117｜Date and time 24/3/6 1:14:26
Build time 6.185 sec｜Game capacity 1.169KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>FIFA World Cup Soccer Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const playerImage = new Image();
        playerImage.src = "images/player.png";

let playerX = canvas.width / 2 - 25;
        let playerY = canvas.height - 50;
        let playerSpeed = 5;

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

ctx.drawImage(playerImage, playerX, playerY, 50, 50);

requestAnimationFrame(draw);
        }

function movePlayer(event) {
            if (event.key === "ArrowLeft" && playerX > 0) {
                playerX -= playerSpeed;
            } else if (event.key === "ArrowRight" && playerX < canvas.width - 50) {
                playerX += playerSpeed;
            }
        }

document.addEventListener("keydown", movePlayer);

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