AI game creator

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

No:31553

←

Prev Next

→

Pac-Man
Developer User15173｜Date and time 23/12/27 12:19:57
Build time 19.265 sec｜Game capacity 2.418KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pac-Man Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #000;
        }
        
        canvas {
            display: block;
            border: 1px solid #fff;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pac-Man position and direction
            let pacManX = canvas.width / 2;
            let pacManY = canvas.height / 2;
            let pacManAngle = 0;

// Game loop
            function gameLoop() {
                // Clear canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
                context.beginPath();
                context.arc(pacManX, pacManY, 20, pacManAngle + 0.2 * Math.PI, pacManAngle + 1.8 * Math.PI);
                context.lineTo(pacManX, pacManY);
                context.fillStyle = "yellow";
                context.fill();
                context.closePath();

// Update Pac-Man position and direction
                pacManX += 2 * Math.cos(pacManAngle);
                pacManY += 2 * Math.sin(pacManAngle);

// Keep Pac-Man within bounds of the canvas
                if (pacManX < 0) pacManX = canvas.width;
                if (pacManX > canvas.width) pacManX = 0;
                if (pacManY < 0) pacManY = canvas.height;
                if (pacManY > canvas.height) pacManY = 0;

// Repeat the game loop
                requestAnimationFrame(gameLoop);
            }

// Keyboard input handling
            document.addEventListener("keydown", (event) => {
                // Left arrow key
                if (event.keyCode === 37) {
                    pacManAngle -= 0.1 * Math.PI;
                }
                // Right arrow key
                else if (event.keyCode === 39) {
                    pacManAngle += 0.1 * Math.PI;
                }
            });

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