AI game creator

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

No:46919

102

←

Prev Next

→

Pac-Man
Developer User20289｜Date and time 24/2/26 13:53:40
Build time 5.201 sec｜Game capacity 1.371KB｜

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 Game</title>
</head>
<body>
    <canvas id="pacmanCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('pacmanCanvas');
        const context = canvas.getContext('2d');

let pacMan = {
            x: 200,
            y: 200,
            size: 20
        };

function drawPacMan() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.beginPath();
            context.arc(pacMan.x, pacMan.y, pacMan.size, 0.2 * Math.PI, 1.8 * Math.PI);
            context.lineTo(pacMan.x, pacMan.y);
            context.fillStyle = 'yellow';
            context.fill();
        }

function movePacMan(event) {
            const speed = 5;
            switch (event.key) {
                case 'ArrowUp':
                    pacMan.y -= speed;
                    break;
                case 'ArrowDown':
                    pacMan.y += speed;
                    break;
                case 'ArrowLeft':
                    pacMan.x -= speed;
                    break;
                case 'ArrowRight':
                    pacMan.x += speed;
                    break;
            }
            drawPacMan();
        }

document.addEventListener('keydown', movePacMan);
        drawPacMan();
    </script>
</body>
</html>