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

No:7065

2239

←

Prev Next

→

That game whose name I cant remember
Developer User3964｜Date and time 23/7/5 2:15:24
Build time 15.285 sec｜Game capacity 2.145KB｜

Script

了解しました。では、名前が思い出せないあのゲームを部分的にゲーム化してみましょう。今回はスマホ操作を前提とし、絵文字は使用できる範囲で利用します。以下が実装例です。

思い出せないあのゲーム

レベル1: キャラクターをタップしてください

この実装例では、ゲームが3つのレベルから成り立っています。各レベルで指示されたタップやシェイクを行うことで、次のレベルに進むことができます。最終的にゲームクリアとなり、スコアが表示されます。注意事項として、シェイクイベントの検出にはスマートフォンで動作するJavaScriptライブラリを使用する必要があります。また、シェイクイベントは一部のブラウザでしかサポートされていないため、全ての環境で正しく動作するとは限りません。

←

Prev　Next

→ 　

Back　

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

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

了解しました。では、名前が思い出せないあのゲームを部分的にゲーム化してみましょう。今回はスマホ操作を前提とし、絵文字は使用できる範囲で利用します。

以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>思い出せないあのゲーム</title>
</head>
<body>
  <h1>思い出せないあのゲーム</h1>
  <p id="message">レベル1: キャラクターをタップしてください</p>
  <button id="character" style="font-size: 100px;">😺</button>
  <script>
    var level = 1;
    var score = 0;
    
    function startGame() {
      document.getElementById("character").addEventListener("click", handleClick);
    }
    
    function handleClick() {
      score++;
      
      if (level === 1) {
        level++;
        document.getElementById("message").textContent = "レベル2: タイミングよくタップしてください";
        document.getElementById("character").textContent = "🐶";
      } else if (level === 2) {
        level++;
        document.getElementById("message").textContent = "レベル3: シェイクしてください";
        document.getElementById("character").textContent = "🐰";
      } else if (level === 3) {
        level++;
        document.getElementById("message").textContent = "ゲームクリア！スコア: " + score;
        document.getElementById("character").removeEventListener("click", handleClick);
      }
    }
    
    startGame();
  </script>
</body>
</html>
```

この実装例では、ゲームが3つのレベルから成り立っています。各レベルで指示されたタップやシェイクを行うことで、次のレベルに進むことができます。最終的にゲームクリアとなり、スコアが表示されます。

注意事項として、シェイクイベントの検出にはスマートフォンで動作するJavaScriptライブラリを使用する必要があります。また、シェイクイベントは一部のブラウザでしかサポートされていないため、全ての環境で正しく動作するとは限りません。