Jogo de pacman fácil para fugir do 🦠's game

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

No:34899

132

←

Prev Next

→

Jogo de pacman fácil para fugir do 🦠
Developer User16370｜Date and time 24/1/12 8:17:22
Build time 12.24 sec｜Game capacity 3.406KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>

<head>
    <style>
        #board {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            width: 400px;
            height: 400px;
            border: solid 2px black;
            background-color: #000;
        }

.cell {
            width: 40px;
            height: 40px;
            background-size: cover;
            background-position: center;
        }

#pacman {
            background-image: url('pacman.png');
        }

#virus {
            background-image: url('virus.png');
        }

#message {
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>

const boardSize = 10;
        const pacman = '\uD83C\uDF7B'; // 🍔
        const virus = '\uD83D\uDCA3'; // 💣
        const empty = '';
        const pacmanCell = 3;
        const virusCell = 66;

let board = [];
        let pacmanPos = pacmanCell;
        let virusPos = virusCell;

function createBoard() {
            const boardElement = document.getElementById('board');

for (let i = 0; i < boardSize * boardSize; i++) {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                boardElement.appendChild(cell);
                board.push(empty);
            }

board[pacmanPos] = pacman;
            board[virusPos] = virus;
        }

function renderBoard() {
            const boardElement = document.getElementById('board');

board.forEach((cellContent, index) => {
                const cell = boardElement.children[index];
                cell.textContent = cellContent;
            });
        }

function handleKeyPress(event) {
            const key = event.key;

// Move pacman based on the arrow keys
            if (key === 'ArrowUp' && pacmanPos >= boardSize) {
                board[pacmanPos] = empty;
                pacmanPos -= boardSize;
                board[pacmanPos] = pacman;
            } else if (key === 'ArrowDown' && pacmanPos < boardSize * (boardSize - 1)) {
                board[pacmanPos] = empty;
                pacmanPos += boardSize;
                board[pacmanPos] = pacman;
            } else if (key === 'ArrowLeft' && pacmanPos % boardSize !== 0) {
                board[pacmanPos] = empty;
                pacmanPos -= 1;
                board[pacmanPos] = pacman;
            } else if (key === 'ArrowRight' && (pacmanPos + 1) % boardSize !== 0) {
                board[pacmanPos] = empty;
                pacmanPos += 1;
                board[pacmanPos] = pacman;
            }

// Check if pacman collided with the virus
            if (pacmanPos === virusPos) {
                document.getElementById('message').textContent = 'Você perdeu! 🦠';
                document.removeEventListener('keydown', handleKeyPress);
            }

renderBoard();
        }

function startGame() {
            createBoard();
            renderBoard();
            document.addEventListener('keydown', handleKeyPress);
        }

startGame();
    </script>
</body>

</html>