AI game creator

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

No:24559

←

Prev Next

→

Pac-Man
Developer User11683｜Date and time 23/11/10 3:26:50
Build time 56.725 sec｜Game capacity 2.428KB｜

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="300" height="300"></canvas>
    
    <script>
        // Game variables
        var canvas = document.getElementById("pacManCanvas");
        var ctx = canvas.getContext("2d");
        var pacManRadius = 15;
        var pacManX = canvas.width / 2;
        var pacManY = canvas.height / 2;
        var pacManSpeedX = 2;
        var pacManSpeedY = 2;
        var direction = 0; // 0: right, 1: down, 2: left, 3: up

// Functions to draw Pac-Man and update position
        function drawPacMan() {
            ctx.beginPath();
            ctx.arc(pacManX, pacManY, pacManRadius, Math.PI * 0.25 * direction, Math.PI * 1.75 * direction);
            ctx.lineTo(pacManX, pacManY);
            ctx.fillStyle = "yellow";
            ctx.fill();
            ctx.closePath();
        }

if (pacManX + pacManRadius > canvas.width || pacManX - pacManRadius < 0) {
                pacManSpeedX = -pacManSpeedX;
            }
            if (pacManY + pacManRadius > canvas.height || pacManY - pacManRadius < 0) {
                pacManSpeedY = -pacManSpeedY;
            }
        }

// Function to handle keyboard input
        function handleKeyDown(event) {
            if (event.keyCode === 37) {
                direction = 2; // left
            } else if (event.keyCode === 38) {
                direction = 3; // up
            } else if (event.keyCode === 39) {
                direction = 0; // right
            } else if (event.keyCode === 40) {
                direction = 1; // down
            }
        }

// Function to start the game
        function startGame() {
            document.addEventListener("keydown", handleKeyDown);
            setInterval(function () {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawPacMan();
                updatePosition();
            }, 10);
        }

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