にんにくガツンとマシマシ

このゲームでは、4x4のボード上に表示される絵文字をタップして、同じ絵文字をマッチさせることが目的です。同じ絵文字がマッチすると、その絵文字はボードから取り除かれます。すべての絵文字を取り除くとゲームクリアです。以上が実際にプログラムとして実装された「にんにくガツンとマシマシ」のゲームです。スマートフォン上で遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>にんにくガツンとマシマシ</title>

#board {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 10px;
            margin-top: 10px;
        }

.emoji {
            cursor: pointer;
            font-size: 1em;
        }
    </style>
</head>
<body>
    <h1>にんにくガツンとマシマシ</h1>

<button onclick="newGame()">新しいゲーム</button>

let gameBoard = [];
        let selectedItems = [];

function initializeBoard() {
            gameBoard = [];
            selectedItems = [];

for (let i = 0; i < boardSize; i++) {
                const row = [];

for (let j = 0; j < boardSize; j++) {
                    const item = emojis[Math.floor(Math.random() * emojis.length)];
                    row.push(item);
                }

gameBoard.push(row);
            }

renderBoard();
        }

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

for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const item = gameBoard[i][j];

const itemElement = document.createElement("div");
                    itemElement.innerHTML = item;
                    itemElement.classList.add("emoji");
                    itemElement.onclick = function() {
                        selectItem(i, j);
                    };

boardElement.appendChild(itemElement);
                }
            }
        }

function selectItem(row, col) {
            if (selectedItems.length === 2) {
                return;
            }

const item = gameBoard[row][col];

if (selectedItems.length === 1 &&
                (selectedItems[0].row !== row || selectedItems[0].col !== col)) {
                selectedItems.push({row, col});

if (isMatch()) {
                    removeMatchedItems();
                } else {
                    clearSelection();
                }
            } else {
                selectedItems.push({row, col});
            }
        }

function isMatch() {
            if (selectedItems.length !== 2) {
                return false;
            }

const [item1, item2] = selectedItems;

return gameBoard[item1.row][item1.col] === gameBoard[item2.row][item2.col];
        }

function removeMatchedItems() {
            const [item1, item2] = selectedItems;

gameBoard[item1.row][item1.col] = "";
            gameBoard[item2.row][item2.col] = "";

renderBoard();

setTimeout(() => {
                if (isGameOver()) {
                    alert("ゲームクリア！");
                    newGame();
                } else {
                    clearSelection();
                }
            }, 500);
        }

function clearSelection() {
            selectedItems = [];
        }

return true;
        }

function newGame() {
            initializeBoard();
        }

newGame();
    </script>
</body>
</html>
```

このゲームでは、4x4のボード上に表示される絵文字をタップして、同じ絵文字をマッチさせることが目的です。同じ絵文字がマッチすると、その絵文字はボードから取り除かれます。すべての絵文字を取り除くとゲームクリアです。

以上が実際にプログラムとして実装された「にんにくガツンとマシマシ」のゲームです。スマートフォン上で遊ぶことができます。