AI game creator

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

No:42174

←

Prev Next

→

Pac-Man
Developer User18820｜Date and time 24/2/10 22:43:03
Build time 6.04 sec｜Game capacity 1.729KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man</title>
    <style>
        #gameCanvas {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            background-color: black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Pac-Man properties
        let pacX = 200;
        let pacY = 200;
        let pacRadius = 20;
        let pacMouthOpenAngle = 0;
        let pacMouthDirection = 1;  // 1 for opening, -1 for closing

// Function to draw Pac-Man
        function drawPacMan() {
            ctx.beginPath();
            ctx.fillStyle = 'yellow';
            ctx.moveTo(pacX, pacY);
            ctx.arc(pacX, pacY, pacRadius, (Math.PI / 180) * (45 - pacMouthOpenAngle), (Math.PI / 180) * (315 + pacMouthOpenAngle));
            ctx.lineTo(pacX, pacY);
            ctx.closePath();
            ctx.fill();

// Update pacMouthOpenAngle for next frame
            pacMouthOpenAngle += pacMouthDirection * 5;
            if (pacMouthOpenAngle === 45 || pacMouthOpenAngle === 0) {
                pacMouthDirection *= -1;
            }
        }

// Function to clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Function to redraw the game
        function updateGame() {
            clearCanvas();
            drawPacMan();
            requestAnimationFrame(updateGame);
        }

// Start the game loop
        updateGame();
    </script>
</body>
</html>