AI game creator

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

No:45397

←

Prev Next

→

Babysitting game
Developer User19591｜Date and time 24/2/20 14:38:55
Build time 4.75 sec｜Game capacity 1.199KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

let babyX = 200;
        let babyY = 200;

function drawBaby() {
            ctx.fillStyle = "pink";
            ctx.fillRect(babyX, babyY, 50, 50);
        }

function moveBaby(event) {
            switch(event.keyCode) {
                case 37:
                    babyX -= 5; // Left arrow key
                    break;
                case 38:
                    babyY -= 5; // Up arrow key
                    break;
                case 39:
                    babyX += 5; // Right arrow key
                    break;
                case 40:
                    babyY += 5; // Down arrow key
                    break;
            }
        }

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

document.addEventListener("keydown", moveBaby);

setInterval(gameLoop, 1000 / 60);
    </script>
</body>
</html>