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

No:8940

79

Pet the monster and make it your friend.
Developer User4271｜Date and time 23/7/19 20:45:24
Build time 20.237 sec｜Game capacity 1.76KB｜

以下は、HTMLファイル内に実装されたJavaScriptを使用して、モンスターを撫でて仲間にするゲームの例です。この例では、モンスターの画像を表示し、画面をタップすることで撫でることができます。

モンスターを撫でて仲間にしよう！

モンスター

このコードでは、HTMLファイル内で`emozi_all/monster.png`という画像ファイルを読み込んでいます。モンスターの画像をタップすると、`mousedown`イベントが発生し、`touches`変数がカウントアップされます。`touches`の値が10以上になると、モンスターの画像が`emozi_all/monster.png`に変わり、アラートが表示されます。このゲームでは、ユーザーがモンスターを10回以上撫でることで、モンスターが仲間になるという目標があります。絵文字を使用する場合や、さらなる機能追加などのカスタマイズは、自由に行ってください。

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

以下は、HTMLファイル内に実装されたJavaScriptを使用して、モンスターを撫でて仲間にするゲームの例です。この例では、モンスターの画像を表示し、画面をタップすることで撫でることができます。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>モンスターを撫でて仲間にする</title>
    <style>
      #monster {
        display: block;
        margin: auto;
      }
    </style>
  </head>
  <body>
    <h1>モンスターを撫でて仲間にしよう！</h1>
    <img id="monster" src="monster.png" alt="モンスター">
    
    <script>
      var monster = document.getElementById("monster");
      var touches = 0;
      
      monster.addEventListener("touchstart", function() {
        touches++;
        if (touches >= 10) {
          monster.src = "friendly_monster.png";
          monster.alt = "仲間になったモンスター";
          alert("モンスターが仲間になりました！");
        }
      });
    </script>
  </body>
</html>
```

このコードでは、HTMLファイル内で`monster.png`という画像ファイルを読み込んでいます。モンスターの画像をタップすると、`touchstart`イベントが発生し、`touches`変数がカウントアップされます。`touches`の値が10以上になると、モンスターの画像が`friendly_monster.png`に変わり、アラートが表示されます。

このゲームでは、ユーザーがモンスターを10回以上撫でることで、モンスターが仲間になるという目標があります。絵文字を使用する場合や、さらなる機能追加などのカスタマイズは、自由に行ってください。