AI game creator

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

No:5116

1986

←

Prev Next

→

Game.png
Developer sayaensm｜Date and time 23/6/29 18:31:49
Build time 26.062 sec｜Game capacity 2.345KB｜

Script

了解です。以下にスマホで遊べる絵文字を使用したゲームの例を示します。

Score: 0

このゲームでは、スタートボタンをクリックすると画面にランダムな絵文字が表示されます。絵文字をクリックするとスコアが増え、新たな絵文字が表示されます。このようにプレイヤーは絵文字をクリックしてスコアを上げることが目標となります。スマホでプレイすることを前提として、ボタンの操作や絵文字のクリックをタッチ操作に対応させています。 ※ この例ではCOMETが動作していませんので、絵文字はリロードした時に変更されます。COMETを使うことでランダムに変更することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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>
    * {
      box-sizing: border-box;
    }
    body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
    }
    #game {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="score">Score: 0</div>
    <div>
      <button onclick="playGame()">Start Game</button>
    </div>
  </div>

function playGame() {
      // ゲーム開始時の処理
      score = 0;
      document.getElementById("score").textContent = "Score: " + score;

// ランダムな絵文字を表示する
      const emoji = ['😀', '😃', '😄', '😁', '😆', '😂', '🙃', '😉', '😊', '🤣', '😍', '😎', '🤩', '😘', '😚'];
      gameElement.innerHTML = randomEmoji(emoji);

// 絵文字をクリックした時の処理
      gameElement.firstChild.addEventListener('click', function() {
        score++;
        document.getElementById("score").textContent = "Score: " + score;
        gameElement.innerHTML = randomEmoji(emoji);
      });
    }

function randomEmoji(emojiList) {
      const randomIndex = Math.floor(Math.random() * emojiList.length);
      return emojiList[randomIndex];
    }
  </script>
</body>
</html>
```

※ この例ではCOMETが動作していませんので、絵文字はリロードした時に変更されます。COMETを使うことでランダムに変更することができます。