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

No:17568

126

←

Prev Next

→

Pac-Man
Developer User7724｜Date and time 23/9/23 23:51:53
Build time 36.681 sec｜Game capacity 3.518KB｜

Script

Sure! Here's a simple implementation of the classic game Pac-Man using JavaScript within a single HTML file, designed for smartphone operation. Pictograms are not feasible in this text-based response, so I'll provide a text-based representation of the game instead.

Pac-Man Game

You can copy and paste the code into a single HTML file and open it in a web browser on your smartphone to play the Pac-Man game. The game board is displayed as a grid of 10x10 characters, represented by 'P' for Pac-Man's position. Use the arrow keys or swipe gestures on your smartphone's screen to move Pac-Man in the desired direction.

←

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 Game</title>
    <style>
        body {
            font-family: monospace;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Pac-Man Game</h1>
    <pre id="gameBoard"></pre>

// Handle arrow key inputs for mobile devices
        document.addEventListener('keydown', function (event) {
            const key = event.key;
            if (key === 'ArrowUp' || key === 'ArrowDown' ||
                key === 'ArrowLeft' || key === 'ArrowRight') {
                handleInput(key.replace('Arrow', '').toLowerCase());
            }
        });

// Handle touch inputs for mobile devices
        const touchArea = document.getElementById('gameBoard');
        let touchStartX, touchStartY;

touchArea.addEventListener('touchstart', function (event) {
            touchStartX = event.touches[0].clientX;
            touchStartY = event.touches[0].clientY;
        });

touchArea.addEventListener('touchend', function (event) {
            const touchEndX = event.changedTouches[0].clientX;
            const touchEndY = event.changedTouches[0].clientY;

const dx = touchEndX - touchStartX;
            const dy = touchEndY - touchStartY;

if (Math.abs(dx) > Math.abs(dy)) {
                if (dx > 0) handleInput('right');
                else handleInput('left');
            } else {
                if (dy > 0) handleInput('down');
                else handleInput('up');
            }
        });

// Handle game logic
        function handleInput(direction) {
            pacman.direction = direction;
            movePacman();
            updateGameBoard();
        }

function movePacman() {
            const { x, y, direction } = pacman;

switch (direction) {
                case 'up':
                    pacman.y = y > 0 ? y - 1 : size - 1;
                    break;
                case 'down':
                    pacman.y = (y + 1) % size;
                    break;
                case 'left':
                    pacman.x = x > 0 ? x - 1 : size - 1;
                    break;
                case 'right':
                    pacman.x = (x + 1) % size;
                    break;
            }
        }

function updateGameBoard() {
            const { x, y } = pacman;

board.forEach(row => row.fill(' '));
            board[y][x] = 'P';

const gameBoardElement = document.getElementById('gameBoard');
            gameBoardElement.textContent = board.map(row => row.join(' ')).join('\n');
        }

// Initial game setup
        updateGameBoard();
    </script>
</body>
</html>
```