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

No:6341

2983

←

Prev Next

→

A game that Nintendos boss, Mr. Yamauchi, would ag..ALL
Developer anonymous｜Date and time 70/1/1 9:39:54
Build time unknown sec｜Game capacity 2.394KB｜

Script

了解です。以下に、簡単なゲーム「Emojiマッチング」を実装したHTMLファイルを示します。このゲームは、スマホで操作することを前提としており、JavaScriptを用いて動作しています。

Emojiマッチング

このゲームは、6種類の絵文字を使ったマッチングゲームです。絵文字が2枚ずつ表示され、クリックすると絵文字がめくれます。同じ絵文字のペアを探して揃えることが目標です。ゲームは画面をリロードすると再度スタートします。

←

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>Emojiマッチング</title>
  <style>
    body {
      text-align: center;
    }
    #gameContainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .emojiCard {
      padding: 20px;
      font-size: 40px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Emojiマッチング</h1>
  <div id="gameContainer"></div>

// 絵文字をシャッフルする関数
    function shuffleArray(array) {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    }

// ゲーム画面を初期化する関数
    function initGame() {
      const gameContainer = document.getElementById('gameContainer');
      gameContainer.innerHTML = '';

// 絵文字をシャッフルする
      const shuffledEmojis = shuffleArray(emojis.concat(emojis));

// ゲーム画面にカードを表示する
      for (let i = 0; i < shuffledEmojis.length; i++) {
        const card = document.createElement('div');
        card.className = 'emojiCard';
        card.textContent = shuffledEmojis[i];
        // クリックした時にカードをめくる処理を追加
        card.addEventListener('click', function() {
          flipCard(card);
        });
        gameContainer.appendChild(card);
      }
    }

// カードをめくる処理
    function flipCard(card) {
      card.textContent = card.textContent === '🙂' ? card.dataset.emoji : '🙂';
    }

// ゲームを開始する
    initGame();
  </script>
</body>
</html>
```