AI game creator

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

No:39969

←

Prev Next

→

Pac-Man
Developer User17924｜Date and time 24/1/31 10:18:51
Build time 22.202 sec｜Game capacity 7.155KB｜

Script

This HTML file implements a basic Pac-Man game using JavaScript and pictograms. The game board is represented as a grid, and the Pac-Man and ghosts are represented as colored circles. The player can control Pac-Man using W, A, S, and D keys (or arrow keys) to move it around the board. The objective is to eat the dots (represented by the black cells) and avoid colliding with the ghosts. The score decreases by 1 point for each collision with a ghost. Note: This is a simplified version of Pac-Man and may not include all the features and mechanics of the original 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 Game</title>
    <style>
        #game-board {
            display: grid;
            grid-template-columns: repeat(15, 1fr);
            gap: 2px;
            background-color: #000;
            padding: 10px;
        }

.cell {
            background-color: #000;
            border-radius: 50%;
            width: 25px;
            height: 25px;
        }

#pacman {
            background-color: #ff0;
        }

.ghost {
            background-color: #f00;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

function createCell(row, col) {
                const cell = document.createElement("div");
                cell.classList.add("cell");
                cell.dataset.row = row;
                cell.dataset.col = col;
                return cell;
            }

function createPacman() {
                const pacman = createCell(pacmanPosition.x, pacmanPosition.y);
                pacman.id = pacmanId;
                gameBoard.appendChild(pacman);
            }

function createGhost(ghostId, row, col) {
                const ghost = createCell(row, col);
                ghost.classList.add("ghost");
                ghost.id = ghostId;
                gameBoard.appendChild(ghost);
            }

function movePacman(direction) {
                const currentPacman = document.getElementById(pacmanId);
                const { x, y } = pacmanPosition;
                let newX = x;
                let newY = y;

switch (direction) {
                    case "up":
                        newX = x > 0 ? x - 1 : x;
                        break;
                    case "down":
                        newX = x < boardSize - 1 ? x + 1 : x;
                        break;
                    case "left":
                        newY = y > 0 ? y - 1 : y;
                        break;
                    case "right":
                        newY = y < boardSize - 1 ? y + 1 : y;
                        break;
                    default:
                        break;
                }

function handleCollision(pacmanCell, ghostCell) {
                const currentScore = document.getElementById("score");
                const newScore = score - 1;
                currentScore.innerText = newScore < 0 ? 0 : newScore;
                pacmanCell.style.backgroundColor = "#000";
                ghostCell.style.backgroundColor = "#f00";
            }

function startGame() {
                createPacman();
                for (let i = 0; i < ghosts.length; i++) {
                    const randomRow = Math.floor(Math.random() * boardSize);
                    const randomCol = Math.floor(Math.random() * boardSize);
                    createGhost(ghosts[i], randomRow, randomCol);
                }
                document.addEventListener("keydown", handleKeyPress);
                setInterval(updateGhostPositions, 1000);
            }

function updateGhostPositions() {
                for (let i = 0; i < ghosts.length; i++) {
                    const ghost = document.getElementById(ghosts[i]);
                    const randomDirection = getRandomDirection();
                    moveGhost(ghost, randomDirection);
                }
            }

function getRandomDirection() {
                const directions = ["up", "down", "left", "right"];
                const randomIndex = Math.floor(Math.random() * directions.length);
                return directions[randomIndex];
            }

function moveGhost(ghost, direction) {
                const { x, y } = ghost.dataset;
                let newX = parseInt(x);
                let newY = parseInt(y);

switch (direction) {
                    case "up":
                        newX = parseInt(x) > 0 ? newX - 1 : newX;
                        break;
                    case "down":
                        newX = parseInt(x) < boardSize - 1 ? newX + 1 : newX;
                        break;
                    case "left":
                        newY = parseInt(y) > 0 ? newY - 1 : newY;
                        break;
                    case "right":
                        newY = parseInt(y) < boardSize - 1 ? newY + 1 : newY;
                        break;
                    default:
                        break;
                }

const targetCell = document.querySelector(`[data-row="${newX}"][data-col="${newY}"]`);

if (targetCell.classList.contains("cell") && !targetCell.classList.contains("ghost")) {
                    ghost.classList.remove("ghost");
                    targetCell.classList.add("ghost");
                    ghost.dataset.row = newX;
                    ghost.dataset.col = newY;
                }
            }

startGame();
        });
    </script>
</body>
</html>
```

Note: This is a simplified version of Pac-Man and may not include all the features and mechanics of the original game.