画面には少量の草がありそこからモンスターが出現する。モンスターをタップすると戦闘モードに移行する。戦闘モードには殴る、捕まえる、媚びる、逃げる、の選択肢がある。殴るは捕まえるを選択した時に捕まりやすくなるが、逃げやすくなる(10%捕まりやすくなり、10%逃げやすくなる)。媚びるは捕まえずらくなるが逃げづらくなる。(10%逃げやすくなり、10%捕まえすくなる)逃げるは逃げることが出来る。捕まえるは20%の確率で捕まえることが出来る。なにか選択すると、相手はに10%の確率で逃げる。逃げられずに、捕まえることが出来たら、画面に大きく「勝ち」という文字が出て、違うモンスターが出てくる。戦闘モードの時、左下に本のマークがある。本のマークをタップすると、今まで捕まえたモンスターの画像が見れる。's game

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

No:43773

109

←

Prev Next

→

画面には少量の草がありそこからモンスターが出現する。モンスターをタップすると戦闘モードに移行する。戦..ALL
Developer User19274｜Date and time 24/2/16 20:20:17
Build time 22.77 sec｜Game capacity 5.825KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>モンスタークエスト</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #grass {
      text-align: center;
      margin-top: 100px;
    }
    #monster {
      text-align: center;
      margin-top: 50px;
    }
    button {
      padding: 10px;
      margin: 10px;
    }
    #book {
      text-align: center;
      margin-top: 50px;
    }
    #monsters {
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="grass">
    <button id="startButton">草を探す</button>
  </div>
  
  <div id="monster" style="display: none;">
    <img src="monster.png" alt="モンスター" width="150" height="150">
    <h2 id="monsterName"></h2>
    <h3 id="battleResult"></h3>
    <button id="attackButton">殴る</button>
    <button id="captureButton">捕まえる</button>
    <button id="flatterButton">媚びる</button>
    <button id="runButton">逃げる</button>
  </div>
  
  <div id="book" style="display: none;">
    <h2>捕まえたモンスター</h2>
    <div id="monsters"></div>
    <button id="closeButton">閉じる</button>
  </div>
  
  <script>
    var monsters = []; // 捕まえたモンスターのリスト
    
    // ランダムなモンスターを作成する関数
    function createMonster() {
      var monsters = ['モンスターA', 'モンスターB', 'モンスターC'];
      var monsterName = monsters[Math.floor(Math.random() * monsters.length)];
      document.getElementById('monsterName').textContent = monsterName;
    }
    
    // ボタンがクリックされた時の処理
    document.getElementById('startButton').addEventListener('click', function() {
      document.getElementById('grass').style.display = 'none';
      document.getElementById('monster').style.display = 'block';
      createMonster();
    });
    
    // 殴るボタンがクリックされた時の処理
    document.getElementById('attackButton').addEventListener('click', function() {
      var result = Math.random(); // 0から1のランダムな数値を生成
      
      if (result > 0.9) {
        document.getElementById('battleResult').textContent = '相手は逃げた！';
        createMonster();
      } else {
        document.getElementById('battleResult').textContent = '勝ち！';
        document.getElementById('monster').style.display = 'none';
        document.getElementById('grass').style.display = 'block';
        document.getElementById('grass').innerHTML = '<button id="startButton">草を探す</button>';
      }
    });
    
    // 捕まえるボタンがクリックされた時の処理
    document.getElementById('captureButton').addEventListener('click', function() {
      var result = Math.random(); // 0から1のランダムな数値を生成
      
      if (result > 0.8) {
        document.getElementById('battleResult').textContent = '捕まえた！';
        monsters.push(document.getElementById('monsterName').textContent);
        
        document.getElementById('monster').style.display = 'none';
        document.getElementById('grass').style.display = 'block';
        document.getElementById('grass').innerHTML = '<button id="startButton">草を探す</button>';
        
        document.getElementById('book').style.display = 'block';
        document.getElementById('monsters').innerHTML = '';
        
        for (var i = 0; i < monsters.length; i++) {
          document.getElementById('monsters').innerHTML += '<img src="monster.png" alt="' + monsters[i] + '" width="50" height="50" style="margin: 5px;">';
        }
      } else {
        document.getElementById('battleResult').textContent = '逃げられた！';
        createMonster();
      }
    });
    
    // 媚びるボタンがクリックされた時の処理
    document.getElementById('flatterButton').addEventListener('click', function() {
      var result = Math.random(); // 0から1のランダムな数値を生成
      
      if (result > 0.9) {
        document.getElementById('battleResult').textContent = '逃げられた！';
        createMonster();
      } else {
        document.getElementById('battleResult').textContent = '捕まえられるかもしれない！';
      }
    });
    
    // 逃げるボタンがクリックされた時の処理
    document.getElementById('runButton').addEventListener('click', function() {
      var result = Math.random(); // 0から1のランダムな数値を生成
      
      if (result > 0.9) {
        document.getElementById('battleResult').textContent = '逃げられた！';
        createMonster();
      } else {
        document.getElementById('battleResult').textContent = '逃げられない！';
      }
    });
    
    // 本のマークがクリックされた時の処理
    document.getElementById('book').addEventListener('click', function() {
      document.getElementById('monster').style.display = 'none';
      document.getElementById('book').style.display = 'none';
      document.getElementById('grass').style.display = 'none';
      document.getElementById('monsters').innerHTML = '';
      
      for (var i = 0; i < monsters.length; i++) {
        document.getElementById('monsters').innerHTML += '<img src="monster.png" alt="' + monsters[i] + '" width="150" height="150" style="margin: 10px;">';
      }
      
      document.getElementById('book').style.display = 'block';
    });
    
    // 閉じるボタンがクリックされた時の処理
    document.getElementById('closeButton').addEventListener('click', function() {
      document.getElementById('book').style.display = 'none';
      document.getElementById('monster').style.display = 'block';
      document.getElementById('grass').style.display = 'block';
    });
  </script>
</body>
</html>