AI game creator

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

No:9734

108

←

Prev Next

→

animal tiddlywinks
Developer User4410｜Date and time 23/7/27 0:00:32
Build time 24.86 sec｜Game capacity 2.517KB｜

Script

了解です。以下に、スマホで遊べる簡単な「どうぶつおはじき」ゲームのプログラムを示します。このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは必ずscriptタグで囲まれています。

上記のプログラムは、スマホで遊ぶことができる「どうぶつおはじき」ゲームです。ゲームが開始されると、画面にランダムな動物が表示されます。正しい動物をクリックするとスコアが増え、間違った動物をクリックするとスコアが減ります。制限時間内にできるだけ高いスコアを目指して遊んでください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。

以下に、スマホで遊べる簡単な「どうぶつおはじき」ゲームのプログラムを示します。このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは必ずscriptタグで囲まれています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <div id="game"></div>
  
  <script>
    // ゲームの状態を表す変数
    var gameState = {
      score: 0,
      time: 10
    };
    
    // どうぶつのリスト
    var animals = ["🐶", "🐱", "🐭", "🐹", "🐰", "🐻", "🐼", "🐨"];
    
    // プレイヤーの操作に対応する関数
    function dropAnimal(index) {
      // 正しい動物を選んだ場合の処理
      if (animals[index] === "🐶") {
        gameState.score += 10;
      } else {
        // 間違った動物を選んだ場合の処理
        gameState.score -= 5;
      }
      
      // スコアと残り時間を表示
      updateDisplay();
      
      // 新しい問題を出題
      nextQuestion();
    }
    
    // 問題を出題する関数
    function nextQuestion() {
      // 残り時間を減らす
      gameState.time -= 1;
      
      // ゲームが終了した場合の処理
      if (gameState.time === 0) {
        alert("ゲーム終了！\nあなたのスコアは " + gameState.score + " 点です！");
        return;
      }
      
      // 問題を表示
      var questionIndex = Math.floor(Math.random() * animals.length);
      var question = animals[questionIndex];
      
      var gameElement = document.getElementById("game");
      gameElement.innerHTML = "<div onclick=\"dropAnimal(" + questionIndex + ")\">" + question + "</div>";
    }
    
    // スコアと残り時間を表示する関数
    function updateDisplay() {
      var gameElement = document.getElementById("game");
      gameElement.innerHTML = "スコア: " + gameState.score + "<br>残り時間: " + gameState.time + " 秒";
    }
    
    // ゲームを開始する
    nextQuestion();
  </script>
</body>
</html>
```