AI game creator

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

No:24891

←

Prev Next

→

育成と戦闘
Developer User11999｜Date and time 23/11/14 9:43:47
Build time 55.021 sec｜Game capacity 1.509KB｜

Script

では、以下に育成と戦闘を組み合わせたゲームの例を示します。

キャラクター:

😃

このゲームでは、育成と戦闘の2つの操作が可能です。`育成する`ボタンをクリックすると、キャラクターの表情が変わり、強さが10増加します。`戦う`ボタンをクリックすると、現在の強さに応じてキャラクターの表情が変化します。強さが60以上であれば勝利を表す絵文字が表示されます。このように実装すると、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 {
        text-align: center;
        padding-top: 100px;
      }
      #character {
        font-size: 50px;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <p>キャラクター:</p>
      <p id="character">😃</p>
      <button onclick="train()">育成する</button>
      <button onclick="fight()">戦う</button>
    </div>

function train() {
        strength += 10;
        document.getElementById("character").innerText = "💪";
      }

function fight() {
        if (strength >= 60) {
          document.getElementById("character").innerText = "🏆";
        } else {
          document.getElementById("character").innerText = "💔";
        }
      }
    </script>
  </body>
</html>
```

このゲームでは、育成と戦闘の2つの操作が可能です。`育成する`ボタンをクリックすると、キャラクターの表情が変わり、強さが10増加します。`戦う`ボタンをクリックすると、現在の強さに応じてキャラクターの表情が変化します。強さが60以上であれば勝利を表す絵文字が表示されます。

このように実装すると、1枚のHTMLファイルとして処理が実行開始され、スマホで遊ぶことができます。