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

No:6025

1076

Climbing Mt. Sometimes altitude sickness
Developer User3848｜Date and time 23/7/1 14:24:49
Build time 26.909 sec｜Game capacity 2.594KB｜

を起こしてしまう、シンプルなクリックゲームを作りましょう。以下が実装例です。

富士山登山ゲーム

富士山

🧗

このゲームでは、「登る」ボタンをクリックすると、富士山が高さ100px分だけ伸びます。富士山の高さは画面上に富士山の絵文字を並べることで表現されます。登るごとに、高さが増えるだけでなく、高度が一定の値に達すると高山病が発生する可能性があります。高山病が発症すると、登山者の絵文字の横にも病気を表す絵文字が表示されます。なお、このゲームでは富士山の高さが100ピクセル単位で増えるため、1枚の絵文字が富士山の高さ100ピクセルに対応しています。富士山の高さを細かく表現するためには、絵文字の大きさやスクロール機能の実装などが必要となります。また、スマートフォンの操作を前提として作成しています。なお、本回答はあくまで一例であり、他にも様々な方法で富士山登山ゲームを作成することができます。

→ 　

2　

1　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

を起こしてしまう、シンプルなクリックゲームを作りましょう。以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>富士山登山ゲーム</title>
  <style>
    body {
      background-color: lightblue;
      text-align: center;
    }
    #mountain {
      font-size: 100px;
    }
    #climber {
      font-size: 50px;
    }
    #status {
      font-size: 20px;
      color: red;
    }
  </style>
</head>
<body>
  <h1>富士山登山ゲーム</h1>
  <h2 id="mountain">富士山</h2>
  <h2 id="climber">🧗</h2>
  <button onclick="climbMountain()">登る</button>
  <p id="status"></p>
  <script>
    let height = 0;
    let highAltitudeSickness = false;

function climbMountain() {
      height += 100;
      updateMountain();
      checkHighAltitudeSickness();
    }

function updateMountain() {
      const mountain = document.getElementById("mountain");
      mountain.innerText = "富士山".repeat(height / 100);
    }

function checkHighAltitudeSickness() {
      const climber = document.getElementById("climber");
      const status = document.getElementById("status");
      
      if (height % 500 === 0) {
        highAltitudeSickness = !highAltitudeSickness;
      }

if (highAltitudeSickness) {
        climber.innerHTML = "🤒🧗";
        status.innerText = "高山病が発症してしまいました！気をつけて登ってください。";
      } else {
        climber.innerText = "🧗";
        status.innerText = "";
      }
    }
  </script>
</body>
</html>
```

このゲームでは、「登る」ボタンをクリックすると、富士山が高さ100px分だけ伸びます。富士山の高さは画面上に富士山の絵文字を並べることで表現されます。登るごとに、高さが増えるだけでなく、高度が一定の値に達すると高山病が発生する可能性があります。高山病が発症すると、登山者の絵文字の横にも病気を表す絵文字が表示されます。

なお、このゲームでは富士山の高さが100ピクセル単位で増えるため、1枚の絵文字が富士山の高さ100ピクセルに対応しています。富士山の高さを細かく表現するためには、絵文字の大きさやスクロール機能の実装などが必要となります。また、スマートフォンの操作を前提として作成しています。

なお、本回答はあくまで一例であり、他にも様々な方法で富士山登山ゲームを作成することができます。