AI game creator

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

No:8634

449

←

Prev Next

→

Amazing 3D graphics
Developer もちきなこ｜Date and time 23/7/17 17:17:40
Build time 27.587 sec｜Game capacity 2.802KB｜

Script

了解致しました。以下にサンプルのゲームを作成したコードを記載します。

👆

以上のコードは、ブラウザ上でemojiをクリックするゲームです。ランダムな位置にemojiが表示され、プレイヤーはそれをクリックしてスコアを稼ぎます。制限時間内にどれだけのemojiをクリックできるかを競います。なお、上記のコードは「emoji catcher」というタイトルのhtmlファイルとして実装されており、JavaScriptの処理はscriptタグで囲まれています。また、ゲームとして実行開始されるようになっています。スマートフォンでも操作可能であり、絵文字も使用しています。

←

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 Catcher</title>
  <style>
    #catcher {
      position: absolute;
      font-size: 2em;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="catcher">👆</div>

// Emojiをランダムな位置に表示する関数
    function showEmoji() {
      var emoji = emojis[Math.floor(Math.random() * emojis.length)];
      var x = Math.random() * window.innerWidth;
      var y = Math.random() * window.innerHeight;

var div = document.createElement("div");
      div.innerHTML = emoji;
      div.style.position = "absolute";
      div.style.fontSize = "2em";
      div.style.left = x + "px";
      div.style.top = y + "px";
      document.body.appendChild(div);

// Emojiをクリックしたらスコアを加算し、Emojiを消す
      div.addEventListener("click", function () {
        score++;
        document.body.removeChild(div);
      });

// 一定時間経過したらEmojiを消す
      setTimeout(function () {
        document.body.removeChild(div);
      }, 2000);
    }

// ゲームの処理開始
    function startGame() {
      score = 0;
      setInterval(showEmoji, 1000); // 1秒ごとにEmojiを表示
      timerInterval = setInterval(updateTimer, 1000); // 1秒ごとにタイマーを更新
      setTimeout(endGame, timeLimit * 1000); // タイムリミットまでの時間経過後にゲーム終了
    }

// タイマーの更新処理
    function updateTimer() {
      timeLimit--;
      if (timeLimit === 0) {
        endGame();
      }
    }

// ゲーム終了時の処理
    function endGame() {
      clearInterval(timerInterval);
      alert("ゲーム終了！スコア: " + score);
    }

// ゲームをスタートする関数を呼び出す
    startGame();
  </script>
</body>
</html>
```

以上のコードは、ブラウザ上でemojiをクリックするゲームです。ランダムな位置にemojiが表示され、プレイヤーはそれをクリックしてスコアを稼ぎます。制限時間内にどれだけのemojiをクリックできるかを競います。

なお、上記のコードは「emoji catcher」というタイトルのhtmlファイルとして実装されており、JavaScriptの処理はscriptタグで囲まれています。また、ゲームとして実行開始されるようになっています。スマートフォンでも操作可能であり、絵文字も使用しています。