AI game creator

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

No:31552

←

Prev Next

→

Pac-Man
Developer User15173｜Date and time 23/12/27 12:19:42
Build time 23.444 sec｜Game capacity 3.109KB｜

Script

Sure! Here's a simple implementation of Pac-Man as a single HTML file, using JavaScript and enclosed in script tags. The game can be played on a smartphone, and pictograms are used for the characters.

You can save the above code as a .html file (e.g., `pacman.html`) and open it in a web browser on your smartphone to play the game. Simply touch the left side of the screen to move Pac-Man left or right, and touch the top side of the screen to move Pac-Man up or down. Enjoy your Pac-Man game!

←

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 {
            display: block;
            margin: 0 auto;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game loop
        function gameLoop() {
            update();
            draw();
        }

// Update game logic
        function update() {
            // Move Pac-Man
            if (pacMan.direction === "right") {
                pacMan.x += 2;
            } else if (pacMan.direction === "left") {
                pacMan.x -= 2;
            } else if (pacMan.direction === "up") {
                pacMan.y -= 2;
            } else if (pacMan.direction === "down") {
                pacMan.y += 2;
            }

// Wrap Pac-Man on screen edges
            if (pacMan.x > canvas.width) {
                pacMan.x = 0;
            } else if (pacMan.x < 0) {
                pacMan.x = canvas.width;
            } else if (pacMan.y > canvas.height) {
                pacMan.y = 0;
            } else if (pacMan.y < 0) {
                pacMan.y = canvas.height;
            }
        }

// Draw game objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
            ctx.beginPath();
            ctx.arc(pacMan.x, pacMan.y, pacMan.radius, 0, Math.PI * 2);
            ctx.fillStyle = "yellow";
            ctx.fill();
            ctx.closePath();
        }

// Handle touch events
        function handleTouch(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

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

if (touchY < canvas.height / 2) {
                pacMan.direction = "up";
            } else {
                pacMan.direction = "down";
            }
        }

// Start game
        document.addEventListener("DOMContentLoaded", function () {
            setInterval(gameLoop, 10);
            canvas.addEventListener("touchstart", handleTouch);
        });
    </script>
</body>
</html>
```