AI game creator

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

No:47719

←

Prev Next

→

Zrób jakaś grę
Developer User20368｜Date and time 24/2/29 6:04:51
Build time 9.276 sec｜Game capacity 2.433KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

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

const player = {
            x: 50,
            y: 50,
            size: 20
        };

const goal = {
            x: 300,
            y: 300,
            size: 20
        };

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

function drawGoal() {
            ctx.fillStyle = "green";
            ctx.fillRect(goal.x, goal.y, goal.size, goal.size);
        }

if (player.x === goal.x && player.y === goal.y) {
                alert("Congratulations! You reached the goal!");
            }
        }

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

drawPlayer();
            drawGoal();

requestAnimationFrame(draw);
        }

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;
            }
        });

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