AI game creator

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

No:44433

←

Prev Next

→

Pac-Man
Developer User19302｜Date and time 24/2/18 2:22:47
Build time 12.216 sec｜Game capacity 3.909KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt">

<head>
    <title>Pac-Man</title>
    <style>
        body {
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

#game-board {
            display: grid;
            grid-template-columns: repeat(25, 20px);
        }

.pac-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: white;
        }

.pacman {
            width: 20px;
            height: 20px;
            background-color: yellow;
            border-radius: 50%;
        }

.ghost {
            width: 20px;
            height: 20px;
            background-color: red;
            border-radius: 50%;
        }
    </style>
</head>

function clearBoard() {
            board.innerHTML = '';
        }

function movePacman(direction) {
            switch (direction) {
                case 'ArrowUp':
                    if (pacman.y > 0) pacman.y--;
                    break;
                case 'ArrowDown':
                    if (pacman.y < height - 1) pacman.y++;
                    break;
                case 'ArrowLeft':
                    if (pacman.x > 0) pacman.x--;
                    break;
                case 'ArrowRight':
                    if (pacman.x < width - 1) pacman.x++;
                    break;
            }
        }

function checkCollision() {
            if (ghosts.some(g => g.x === pacman.x && g.y === pacman.y)) {
                alert('Game Over!');
                clearInterval(gameLoop);
            }
        }

function gameLoop() {
            clearBoard();
            movePacman(lastDirection);
            moveGhosts();
            createBoard();
            checkCollision();
        }

let lastDirection = '';
        document.addEventListener('keydown', event => {
            if (event.key.includes('Arrow')) {
                lastDirection = event.key;
            }
        });

createBoard();
        const gameLoop = setInterval(gameLoop, 2000);
    </script>
</body>

</html>