AI game creator

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

No:29724

101

←

Prev Next

→

Pac-Man
Developer User14568｜Date and time 23/12/18 8:06:59
Build time 21.811 sec｜Game capacity 2.848KB｜

Script

Here's an example of a basic Pac-Man game implemented as a single HTML file using JavaScript. To make it suitable for smartphone operation, I will include touch event listeners for the game controls. Please note that the game logic and graphics in this example are simplified for brevity.

To play the game, you can copy the above code into an HTML file and open it in a web browser or on a smartphone. The game canvas will display a simple Pac-Man character controlled using touch controls. Pac-Man will move across the screen, wrapping around the boundaries, and change direction when you tap on the left or right half of the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

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

// Initialize Game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            pacManX = 0;
            pacManY = 0;
            direction = "right";
            interval = setInterval(updateGame, 100);
            addEventListener('touchstart', handleControls);
        }

// Handle Touch Controls
        function handleControls(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

if (touchX < canvas.width / 2) {
                direction = "left";
            } else {
                direction = "right";
            }
        }

// Main Game Loop
        function updateGame() {
            clearCanvas();
            movePacMan();
            drawPacMan();
        }

// Clear the Canvas
        function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

// Move Pac-Man
        function movePacMan() {
            if (direction === "left") {
                pacManX -= 10;
            } else {
                pacManX += 10;
            }

// Wrap Pac-Man to the screen boundaries
            if (pacManX > canvas.width) {
                pacManX = -30;
            } else if (pacManX < -30) {
                pacManX = canvas.width;
            }
        }

// Draw Pac-Man
        function drawPacMan() {
            context.beginPath();
            context.arc(pacManX, pacManY, 15, 0.25 * Math.PI, 1.75 * Math.PI);
            context.lineTo(pacManX, pacManY);
            context.fillStyle = "yellow";
            context.fill();
            context.closePath();
        }

// Start the Game
        initialize();
    </script>
</body>
</html>
```