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

No:46003

Human life •Cat •Candy •Chips •Bed
Developer User19598｜Date and time 24/2/22 18:37:11
Build time 8.476 sec｜Game capacity 2.004KB｜

Script

Life Adventure Game

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Life Adventure Game</title>
</head>
<body>
    <h1>Life Adventure Game</h1>

// Game objects
        const player = {
            x: 50,
            y: 50,
            width: 20,
            height: 20,
            color: "blue"
        };

const cat = {
            x: 200,
            y: 100,
            width: 30,
            height: 30,
            color: "orange"
        };

const candy = {
            x: 100,
            y: 300,
            width: 20,
            height: 20,
            color: "red"
        };

const chips = {
            x: 300,
            y: 200,
            width: 25,
            height: 25,
            color: "yellow"
        };

const bed = {
            x: 350,
            y: 350,
            width: 50,
            height: 50,
            color: "green"
        };

function drawObject(obj) {
            ctx.fillStyle = obj.color;
            ctx.fillRect(obj.x, obj.y, obj.width, obj.height);
        }

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

drawObject(player);
            drawObject(cat);
            drawObject(candy);
            drawObject(chips);
            drawObject(bed);
        }

function movePlayer(event) {
            const key = event.key;

if (key === "ArrowUp") {
                player.y -= 10;
            } else if (key === "ArrowDown") {
                player.y += 10;
            } else if (key === "ArrowLeft") {
                player.x -= 10;
            } else if (key === "ArrowRight") {
                player.x += 10;
            }

update();
        }

document.addEventListener("keydown", movePlayer);

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