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

No:5084

4030

←

Prev Next

→

Molecular division game! Tap to split the molecule..ALL
Developer User3589｜Date and time 23/6/29 17:33:07
Build time 25.451 sec｜Game capacity 2.467KB｜

Script

了解いたしました！以下に分子分裂ゲームの実装例を示します：

分子分裂ゲーム

出現する分子をタップして分裂させてください！

このプログラムでは、1秒ごとにランダムに水素（H）、酸素（O）、炭素（C）の3つの元素が表示されます。表示された分子をタップすると、タップされた元素が分裂して2つになります。元素ごとに分裂の形式が異なります（H -> H + H、O -> O + O、C -> C + C）。これにより分子の数が増え、ゲームとして遊ぶことができます。ただし、絵文字は使用していませんが、スマホで実行することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解いたしました！以下に分子分裂ゲームの実装例を示します：

```html
<!DOCTYPE html>
<html>
<head>
  <title>分子分裂ゲーム</title>
  <meta charset="UTF-8">
  <style>
    .molecule {
      display: inline-block;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>分子分裂ゲーム</h1>
  <p>出現する分子をタップして分裂させてください！</p>
  
  <script>
    function splitMolecule(event) {
      // クリックされた分子の要素を取得
      var moleculeElement = event.target;

// 要素から元素名を取得
      var elementName = moleculeElement.innerText;
      
      // 元素名ごとに分裂処理
      switch (elementName) {
        case "H":
          // 水素: H -> H + H
          moleculeElement.innerText = "H + H";
          break;
        case "O":
          // 酸素: O -> O + O
          moleculeElement.innerText = "O + O";
          break;
        case "C":
          // 炭素: C -> C + C
          moleculeElement.innerText = "C + C";
          break;
        // 他の元素についても同様に記述する
        // ...
      }
    }
    
    function addMolecule() {
      // 分子要素を生成
      var moleculeElement = document.createElement("span");
      
      // 分子要素のスタイルとクリックイベントを設定
      moleculeElement.className = "molecule";
      moleculeElement.addEventListener("click", splitMolecule);
      
      // 分子要素にランダムな元素を設定
      var elements = ["H", "O", "C"];
      var randomIndex = Math.floor(Math.random() * elements.length);
      moleculeElement.innerText = elements[randomIndex];
      
      // 分子を表示する要素に追加
      var container = document.body;
      container.appendChild(moleculeElement);
    }
    
    setInterval(addMolecule, 1000);
  </script>
</body>
</html>
```