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

No:3344

3395

←

Prev Next

→

RPG2Cool
Developer もちきなこ｜Date and time 23/6/24 15:14:51
Build time 26.102 sec｜Game capacity 2.525KB｜

Script

ではなく、JavaScriptを駆使して、新しいゲームを作り上げましょう！以下が、1枚のHTMLファイルに実装された、スマホで遊べるゲームのプログラムです。

宝探し

宝を探す冒険を始めよう！

このゲームは、画面上に宝をランダムな位置に配置し、プレイヤーがその位置を探し当てるまで探索を繰り返すというものです。プレイヤーがマウスをクリックするたびに、その位置と宝の位置との距離を計算し、距離に応じたメッセージを表示します。宝を探し当てると、おめでとう！というメッセージとともに、宝箱の絵文字が表示されます。このゲームはシンプルでありながら、探すたびにランダムな位置に宝が配置されるため、何度でも楽しめます。ぜひお試しください！

←

Prev　Next

→ 　

Back　

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

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

ではなく、JavaScriptを駆使して、新しいゲームを作り上げましょう！

以下が、1枚のHTMLファイルに実装された、スマホで遊べるゲームのプログラムです。

<!DOCTYPE html>
<html>
<head>
<title>宝探し</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<p id="message">宝を探す冒険を始めよう！</p>

</div>

// 探索回数
var attempts = 0;

// 探すボタンがクリックされた時の処理
function search() {
  // 現在位置を取得
  var posX = Math.round(event.clientX);
  var posY = Math.round(event.clientY);
  
  // 探索回数を1増やす
  attempts++;
  
  // 宝がある場所との距離を計算
  var distance = Math.round(Math.sqrt(Math.pow(posX - treasureX, 2) + Math.pow(posY - treasureY, 2)));
  
  // 距離に応じたメッセージを表示
  if (distance < 20) {
    document.getElementById("message").innerHTML = "宝を発見！" + String.fromCodePoint(0x1F4B0);
  } else if (distance < 50) {
    document.getElementById("message").innerHTML = "近い！" + String.fromCodePoint(0x1F50D);
  } else if (distance < 100) {
    document.getElementById("message").innerHTML = "まだまだ！" + String.fromCodePoint(0x1F50E);
  } else if (distance < 200) {
    document.getElementById("message").innerHTML = "遠いな…" + String.fromCodePoint(0x1F612);
  } else {
    document.getElementById("message").innerHTML = "全然だめ！" + String.fromCodePoint(0x1F635);
  }
  
  // 探索回数を表示
  document.getElementById("game").innerHTML += "<p>探索回数：" + attempts + "</p>";
}

</script>

</body>
</html>

このゲームはシンプルでありながら、探すたびにランダムな位置に宝が配置されるため、何度でも楽しめます。ぜひお試しください！