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

No:48886

←

Prev Next

→

Pig player
Developer User15380｜Date and time 24/3/3 6:08:41
Build time 3.705 sec｜Game capacity 1.271KB｜

Script

Pig Player Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Pig Player Game</title>
</head>
<body>
    
    <h1>Pig Player Game</h1>
    
    <canvas id="myCanvas" width="480" height="320" style="border:1px solid black;"></canvas>

let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;
        let playerWidth = 20;
        let playerHeight = 20;
        let playerSpeed = 5;

function drawPlayer() {
            ctx.beginPath();
            ctx.rect(playerX, playerY, playerWidth, playerHeight);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

document.addEventListener("keydown", keyDownHandler);

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

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

setInterval(draw, 10);
    </script>

</body>
</html>