AI game creator

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

No:6470

235

←

Prev Next

→

Best Kelp Dashi
Developer sayaensm｜Date and time 23/7/2 14:21:17
Build time 39.864 sec｜Game capacity 3.91KB｜

Script

了解しました。以下に、スマホで遊べるシンプルなゲームの実装例を示します。このゲームは、「絵文字マッチングゲーム」と呼ばれるもので、プレイヤーは制限時間内に同じ絵文字を揃えることを目指します。

このコードでは、4x4のボード上にランダムな絵文字が表示されます。プレイヤーは同じ絵文字をクリックすることで、その絵文字と隣接する絵文字の位置を入れ替えます。同じ絵文字が縦または横に3つ以上揃った場合、その絵文字がランダムに変更されます。また、制限時間も設定されており、30秒でカウントダウンされます。時間切れになるとアラートが表示され、ゲーム終了となります。以上が、スマホで遊べるシンプルな絵文字マッチングゲームの実装例です。

←

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>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 4em;
    }
  </style>
</head>
<body>
  <div id="board"></div>
  <div id="timer">30</div>

// ボードのサイズ
    const boardSize = 4;

// 制限時間（秒）
    const timeLimit = 30;

// ゲーム変数の初期化
    let board = [];
    let timer;

// ボードを初期化する関数
    function initBoard() {
      board = [];
      for (let i = 0; i < boardSize; i++) {
        board[i] = [];
        for (let j = 0; j < boardSize; j++) {
          board[i][j] = getRandomEmoji();
        }
      }
    }

// ボードの内容を表示する関数
    function displayBoard() {
      const boardElement = document.getElementById("board");
      boardElement.innerHTML = "";
      for (let i = 0; i < boardSize; i++) {
        for (let j = 0; j < boardSize; j++) {
          const cell = document.createElement("div");
          cell.textContent = board[i][j];
          cell.addEventListener("click", () => {
            swapEmojis(i, j);
          });
          boardElement.appendChild(cell);
        }
      }
    }

// ボード上の絵文字をランダムに取得する関数
    function getRandomEmoji() {
      const randomIndex = Math.floor(Math.random() * emojis.length);
      return emojis[randomIndex];
    }

// 絵文字の位置を入れ替える関数
    function swapEmojis(row, col) {
      if (row > 0 && board[row][col] === board[row - 1][col]) {
        board[row][col] = getRandomEmoji();
        board[row - 1][col] = getRandomEmoji();
      }

if (row < (boardSize - 1) && board[row][col] === board[row + 1][col]) {
        board[row][col] = getRandomEmoji();
        board[row + 1][col] = getRandomEmoji();
      }

if (col > 0 && board[row][col] === board[row][col - 1]) {
        board[row][col] = getRandomEmoji();
        board[row][col - 1] = getRandomEmoji();
      }

if (col < (boardSize - 1) && board[row][col] === board[row][col + 1]) {
        board[row][col] = getRandomEmoji();
        board[row][col + 1] = getRandomEmoji();
      }

displayBoard();
    }

// 制限時間のカウントダウンを行う関数
    function countdown() {
      let remainingTime = timeLimit;
      timer = setInterval(() => {
        remainingTime--;
        document.getElementById("timer").textContent = remainingTime;
        if (remainingTime === 0) {
          clearInterval(timer);
          alert("ゲーム終了！");
        }
      }, 1000);
    }

// 初期化処理を実行
    initBoard();
    displayBoard();
    countdown();
  </script>
</body>
</html>
```

このコードでは、4x4のボード上にランダムな絵文字が表示されます。プレイヤーは同じ絵文字をクリックすることで、その絵文字と隣接する絵文字の位置を入れ替えます。同じ絵文字が縦または横に3つ以上揃った場合、その絵文字がランダムに変更されます。

また、制限時間も設定されており、30秒でカウントダウンされます。時間切れになるとアラートが表示され、ゲーム終了となります。

以上が、スマホで遊べるシンプルな絵文字マッチングゲームの実装例です。