AI game creator

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

No:20755

←

Prev Next

→

🐀取りゲーム
Developer User3589｜Date and time 23/10/10 22:37:45
Build time 21.006 sec｜Game capacity 2.19KB｜

Script

了解です！🐀取りゲームのプログラムを作成します。以下が完成したプログラムです。

🐱 0

このプログラムは、ランダムな位置に🐀が表示され、クリックするとカウントが増えるシンプルなゲームです。🐀は表示されてから1秒後に消えて、次の位置に表示されます。ゲームが開始されると自動的に🐀が表示され、カウントが増えるたびに表示位置が変わります。スマートフォンでこのHTMLファイルを開いて遊ぶことができます。また、プログラム中に絵文字を使用しているため、絵文字をサポートしているブラウザであれば、絵文字が表示されるはずです。以上でプログラムの説明を終わります。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解です！🐀取りゲームのプログラムを作成します。以下が完成したプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>🐀取りゲーム</title>
  <style>
    #container {
      width: 100vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="container">
    🐱 <span id="count">0</span>
  </div>

// ランダムな位置に🐀を表示する
    function showRat() {
      var container = document.getElementById('container');
      container.innerHTML = '🐱 <span id="count">' + count + '</span>';

var rat = document.createElement('div');
      rat.innerHTML = '🐀';
      rat.style.position = 'absolute';
      rat.style.left = Math.random() * (window.innerWidth - 100) + 'px';
      rat.style.top = Math.random() * (window.innerHeight - 100) + 'px';
      rat.style.fontSize = '48px';
      container.appendChild(rat);

// タップされたらカウントを増やす
      rat.addEventListener('click', function() {
        count++;
        document.getElementById('count').textContent = count;
        showRat();
      });

// 一定時間後に🐀を消す
      setTimeout(function() {
        container.removeChild(rat);
        showRat();
      }, 1000);
    }

// ゲーム開始
    showRat();
  </script>

</body>
</html>
```

このプログラムは、ランダムな位置に🐀が表示され、クリックするとカウントが増えるシンプルなゲームです。🐀は表示されてから1秒後に消えて、次の位置に表示されます。ゲームが開始されると自動的に🐀が表示され、カウントが増えるたびに表示位置が変わります。

スマートフォンでこのHTMLファイルを開いて遊ぶことができます。また、プログラム中に絵文字を使用しているため、絵文字をサポートしているブラウザであれば、絵文字が表示されるはずです。

以上でプログラムの説明を終わります。