AI game creator

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

No:21418

←

Prev Next

→

Pac-Man
Developer User8183｜Date and time 23/10/15 10:43:27
Build time 90.715 sec｜Game capacity 3.719KB｜

Script

Sure! Here's a simplified version of Pac-Man implemented as a single HTML file:

In this implementation, the game board is a 10x10 grid represented by HTML div elements. Pac-Man is controlled using arrow keys on a smartphone, and the goal is to collect food items scattered across the board. The player's score increases whenever Pac-Man consumes a food item. Note that you would need to provide the actual image files for Pac-Man, the food, and the ghosts (as mentioned, pictograms can be used) and update the image URLs accordingly in the CSS.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simplified version of Pac-Man implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            border: 2px solid black;
            width: 200px;
            height: 200px;
            margin: 0 auto;
        }

.cell {
            width: 20px;
            height: 20px;
            background-color: white;
            border: 1px solid black;
        }

.pacman {
            background-image: url("pacman.png");
            background-size: contain;
            background-repeat: no-repeat;
        }

.food {
            background-image: url("food.png");
            background-size: contain;
            background-repeat: no-repeat;
        }

.ghost {
            background-image: url("ghost.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
<div id="game-board"></div>

// Create the game board
    for (let row = 0; row < boardSize; row++) {
        for (let col = 0; col < boardSize; col++) {
            const cell = document.createElement('div');
            cell.classList.add('cell');
            gameBoard.appendChild(cell);
        }
    }

// Set initial pacman position
    const initialCell = document.getElementsByClassName('cell')[0];
    initialCell.classList.add('pacman');
    initialCell.classList.remove('food');

// Move Pac-Man based on user input
    document.addEventListener('keydown', function(event) {
        const key = event.keyCode;
        const currentCell = document.getElementsByClassName('pacman')[0];

if (currentCell) {
            currentCell.classList.remove('pacman');

if (key === 37 && pacmanPosition[1] > 0) {
                pacmanPosition[1]--;
            } else if (key === 38 && pacmanPosition[0] > 0) {
                pacmanPosition[0]--;
            } else if (key === 39 && pacmanPosition[1] < boardSize - 1) {
                pacmanPosition[1]++;
            } else if (key === 40 && pacmanPosition[0] < boardSize - 1) {
                pacmanPosition[0]++;
            }

const newCell = gameBoard.children[pacmanPosition[1] + pacmanPosition[0] * boardSize];
            newCell.classList.add('pacman');

if (newCell.classList.contains('food')) {
                newCell.classList.remove('food');
                score++;
                console.log('Score:', score);
            }
        }
    });

// Add food randomly on the game board
    setInterval(function() {
        const emptyCells = [...document.getElementsByClassName('cell')].filter(cell => !cell.classList.contains('pacman') && !cell.classList.contains('food'));

if (emptyCells.length > 0) {
            const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
            randomCell.classList.add('food');
        }
    }, 2000);
</script>
</body>
</html>
```

Note that you would need to provide the actual image files for Pac-Man, the food, and the ghosts (as mentioned, pictograms can be used) and update the image URLs accordingly in the CSS.