AI game creator

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

No:24089

←

Prev Next

→

Pac-Man
Developer User11291｜Date and time 23/11/5 20:00:58
Build time 29.246 sec｜Game capacity 1.81KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man</title>
</head>
<body>
    <canvas id="pacmanCanvas" width="400" height="400"></canvas>

const drawPacman = () => {
            ctx.beginPath();
            ctx.arc(pacmanX, pacmanY, pacmanRadius, 0, Math.PI * 2);
            ctx.fillStyle = "yellow";
            ctx.fill();
            ctx.closePath();
        };

const clearCanvas = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        };

const movePacman = (keyPressed) => {
            clearCanvas();

if (keyPressed === "ArrowUp" && pacmanY > pacmanRadius) {
                pacmanY -= pacmanSpeed * gridSizeInPixels;
            } else if (keyPressed === "ArrowDown" && pacmanY < canvas.height - pacmanRadius) {
                pacmanY += pacmanSpeed * gridSizeInPixels;
            } else if (keyPressed === "ArrowLeft" && pacmanX > pacmanRadius) {
                pacmanX -= pacmanSpeed * gridSizeInPixels;
            } else if (keyPressed === "ArrowRight" && pacmanX < canvas.width - pacmanRadius) {
                pacmanX += pacmanSpeed * gridSizeInPixels;
            }

drawPacman();
        };

const handleKeyPress = (event) => {
            const keyPressed = event.key;
            movePacman(keyPressed);
        };

document.addEventListener("keydown", handleKeyPress);

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