AI game creator

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

No:4659

1121

←

Prev Next

→

pea (Pisum sativum)
Developer User3795｜Date and time 23/6/28 15:28:48
Build time 21.785 sec｜Game capacity 1.79KB｜

Script

了解、えんどう豆のゲームを作成します。以下に示すプログラムは、1枚のHTMLファイルとして実装し、JavaScriptを含む形になります。

🌱

このプログラムでは、えんどう豆というテキストをクリックすると、豆の成長が表現されます。クリックするたびに豆が成長し、最終的に枯れるまでの様子が表示されます。クリックのタイミングによって成長の速さが変わるので、何度もクリックして遊ぶことができます。ただし、スマートフォンの操作を前提としているため、PCでのプレイにはタップの代わりにクリックを使用してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解、えんどう豆のゲームを作成します。以下に示すプログラムは、1枚のHTMLファイルとして実装し、JavaScriptを含む形になります。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>えんどう豆のゲーム</title>
  <style>
    #game {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <div id="game">
    🌱
  </div>

gameElement.addEventListener('click', function() {
        gameElement.textContent = '🌱🌱🌱🌱';
        setTimeout(function() {
          gameElement.textContent = '🌱🌱🌱';
          setTimeout(function() {
            gameElement.textContent = '🌱🌱';
            setTimeout(function() {
              gameElement.textContent = '🌱';
              setTimeout(function() {
                gameElement.textContent = 'ゲームオーバー';
              }, 1000);
            }, 1000);
          }, 1000);
        }, 1000);
      });
    });
  </script>
</body>
</html>
```