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

No:30992

←

Prev Next

→

スイカゲーム
Developer User14903｜Date and time 23/12/24 19:55:49
Build time 12.624 sec｜Game capacity 1.718KB｜

Script

了解しました。以下にスイカゲームのプログラムを示します。

スイカをタップしてください！

このプログラムでは、スイカが表示され、それをタップするとスイカが割れるというシンプルなゲームです。スマートフォンで実行することを前提にしており、タップイベントを処理しています。このプログラムを実行すると、スイカが表示され、メッセージが表示されます。「スイカをタップしてください！」と表示されている状態で、スイカをタップするとメッセージが変わり、「おめでとう！スイカを割りました！」と表示され、スイカの画像も割れた状態に変更されます。実際にファイルとして保存し、スマートフォン上で開いてプレイすることで、完成したゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下にスイカゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>スイカゲーム</title>
    <style>
      body {
        text-align: center;
        font-size: 30px;
        margin-top: 200px;
      }
    </style>
  </head>
  <body>
    <h1 id="message">スイカをタップしてください！</h1>
    <img id="watermelon" src="watermelon.png" width="200" height="200">
    
    <script>
      // スイカをタップした時の処理
      document.getElementById("watermelon").addEventListener("click", function() {
        document.getElementById("message").textContent = "おめでとう！スイカを割りました！";
        // スイカの画像を変更
        document.getElementById("watermelon").src = "watermelon_splitted.png";
      });
    </script>
  </body>
</html>
```

このプログラムでは、スイカが表示され、それをタップするとスイカが割れるというシンプルなゲームです。スマートフォンで実行することを前提にしており、タップイベントを処理しています。

このプログラムを実行すると、スイカが表示され、メッセージが表示されます。「スイカをタップしてください！」と表示されている状態で、スイカをタップするとメッセージが変わり、「おめでとう！スイカを割りました！」と表示され、スイカの画像も割れた状態に変更されます。

実際にファイルとして保存し、スマートフォン上で開いてプレイすることで、完成したゲームとして遊ぶことができます。