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

No:21653

←

Prev Next

→

Match 3 pacman
Developer User9965｜Date and time 23/10/17 5:35:55
Build time 174.087 sec｜Game capacity 5.77KB｜

Script

Sure! Here's an example of a simple Match 3 game with Pacman-themed pictograms implemented as a single HTML file:

Match 3 Pacman Game

To play the game, simply open the HTML file in a web browser, and it will generate a game board with Pacman-themed pictograms. Clicking on a pictogram will check if a match of 3 or more is possible, and if so, it will remove the matched pictograms and make the remaining pictograms fall down. The game will continue until there are no more matches available. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's an example of a simple Match 3 game with Pacman-themed pictograms implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Match 3 Pacman Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        h1 {
            margin-top: 30px;
        }
        #game-board {
            display: inline-block;
            margin-top: 20px;
        }
        .cell {
            width: 50px;
            height: 50px;
            display: inline-block;
            border: 1px solid black;
            margin: -1px;
            text-align: center;
            vertical-align: middle;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Match 3 Pacman Game</h1>
    <div id="game-board"></div>
    <script>
        // Game constants
        const ROWS = 6;
        const COLS = 6;
        const PACMAN_PICTOGRAMS = ["🙂", "😃", "😄", "😊", "😉"];
        
        // Game state
        let board = [];

// Function to initialize the game board
        function initializeBoard() {
            for (let i = 0; i < ROWS; i++) {
                board[i] = [];
                for (let j = 0; j < COLS; j++) {
                    board[i][j] = PACMAN_PICTOGRAMS[Math.floor(Math.random() * PACMAN_PICTOGRAMS.length)];
                }
            }
        }

// Function to render the game board
        function renderBoard() {
            const gameBoard = document.getElementById('game-board');
            gameBoard.innerHTML = '';
            
            for (let i = 0; i < ROWS; i++) {
                for (let j = 0; j < COLS; j++) {
                    const cell = document.createElement('div');
                    cell.classList.add('cell');
                    cell.innerHTML = board[i][j];
                    cell.setAttribute('data-row', i);
                    cell.setAttribute('data-col', j);
                    cell.addEventListener('click', handleCellClick);
                    gameBoard.appendChild(cell);
                }
                gameBoard.appendChild(document.createElement('br'));
            }
        }

// Function to handle cell click events
        function handleCellClick(event) {
            const clickedCell = event.target;
            const row = parseInt(clickedCell.getAttribute('data-row'));
            const col = parseInt(clickedCell.getAttribute('data-col'));
            
            // Perform the match 3 logic
            if (isMatchPossible(row, col)) {
                board[row][col] = '';
                fallDownBoard();
                renderBoard();
            }
        }

// Function to check if a match of 3 or more is possible at given position
        function isMatchPossible(row, col) {
            let currentPictogram = board[row][col];
            let matchCount = 1;
            
            // Check horizontally
            for (let i = col - 1; i >= 0; i--) {
                if (board[row][i] === currentPictogram) {
                    matchCount++;
                } else {
                    break;
                }
            }
            
            for (let i = col + 1; i < COLS; i++) {
                if (board[row][i] === currentPictogram) {
                    matchCount++;
                } else {
                    break;
                }
            }

if (matchCount >= 3) {
                return true;
            }
            
            // Check vertically
            matchCount = 1;
            
            for (let i = row - 1; i >= 0; i--) {
                if (board[i][col] === currentPictogram) {
                    matchCount++;
                } else {
                    break;
                }
            }
            
            for (let i = row + 1; i < ROWS; i++) {
                if (board[i][col] === currentPictogram) {
                    matchCount++;
                } else {
                    break;
                }
            }

return matchCount >= 3;
        }

// Function to make pictograms fall down after a match
        function fallDownBoard() {
            for (let j = 0; j < COLS; j++) {
                let emptyCellsCount = 0;
                
                for (let i = ROWS - 1; i >= 0; i--) {
                    if (board[i][j] === '') {
                        emptyCellsCount++;
                    } else if (emptyCellsCount > 0) {
                        board[i + emptyCellsCount][j] = board[i][j];
                        board[i][j] = '';
                    }
                }
            }
            
            refillEmptyCells();
        }

// Function to refill empty cells after a match
        function refillEmptyCells() {
            for (let j = 0; j < COLS; j++) {
                for (let i = 0; i < ROWS; i++) {
                    if (board[i][j] === '') {
                        board[i][j] = PACMAN_PICTOGRAMS[Math.floor(Math.random() * PACMAN_PICTOGRAMS.length)];
                    }
                }
            }
        }

// Function to start the game
        function startGame() {
            initializeBoard();
            renderBoard();
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```