Infanat hotel use size scale's game

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

No:51876

←

Prev Next

→

Infanat hotel use size scale
Developer User18896｜Date and time 24/3/16 13:49:59
Build time 5.157 sec｜Game capacity 2.083KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Infanat Hotel Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

let playerX = 50;
        let playerY = 50;
        const playerSize = 30;

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
            ctx.strokeStyle = "black";
            ctx.strokeRect(playerX, playerY, playerSize, playerSize);
        }

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

function update() {
            clearCanvas();
            drawPlayer();
        }

function movePlayer(direction) {
            const step = 5;

switch (direction) {
                case "up":
                    playerY -= step;
                    break;
                case "down":
                    playerY += step;
                    break;
                case "left":
                    playerX -= step;
                    break;
                case "right":
                    playerX += step;
                    break;
            }
        }

document.addEventListener("keydown", function(event) {
            switch (event.key) {
                case "ArrowUp":
                    movePlayer("up");
                    break;
                case "ArrowDown":
                    movePlayer("down");
                    break;
                case "ArrowLeft":
                    movePlayer("left");
                    break;
                case "ArrowRight":
                    movePlayer("right");
                    break;
            }

update();
        });

update();

</script>
</body>
</html>
```