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

No:7928

1083

Dark pot at its best! The player and computer take..ALL
Developer User3589｜Date and time 23/7/11 1:57:38
Build time 24.441 sec｜Game capacity 4.042KB｜

以下は、プレイヤーとコンピュータが交互に具材や非食材を鍋に投入し、闇鍋を完成させるゲームの例です。各具材や非食材には攻撃力が設定されており、プレイヤーとコンピュータは完成した闇鍋から具材を食べてダメージを与え合います。先にHPが0になった方が負けとなります。実際のプログラムでは、各具材や非食材の攻撃力やHPは任意の値で設定してください。 HTMLファイルの中身：

最高の闇鍋！

プレイヤーのターン

このプログラムでは、プレイヤーが「食材を投入する」ボタンをクリックすることで具材をランダムに選択し、コンピュータも同様に具材を選択します。具材の選択は配列 `ingredients` の中からランダムに選ばれます。具材が投入されると、相手のHPから具材の攻撃力だけ減ります。プレイヤーとコンピュータのターンは交互に行われます。 HPのバーの表示にはCSSを使用しており、`player-hp-bar` を赤色で、`computer-hp-bar` を青色で表示しています。このゲームはHTMLファイルをブラウザで開いて遊ぶことができます。スマートフォンで操作することも可能です。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下は、プレイヤーとコンピュータが交互に具材や非食材を鍋に投入し、闇鍋を完成させるゲームの例です。各具材や非食材には攻撃力が設定されており、プレイヤーとコンピュータは完成した闇鍋から具材を食べてダメージを与え合います。先にHPが0になった方が負けとなります。

実際のプログラムでは、各具材や非食材の攻撃力やHPは任意の値で設定してください。

HTMLファイルの中身：

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>最高の闇鍋！</title>
  <style>
    #player-hp-bar, #computer-hp-bar {
      width: 200px;
      height: 10px;
      background-color: green;
      margin-bottom: 10px;
    }
    #player-hp-bar span, #computer-hp-bar span {
      display: inline-block;
      height: 100%;
    }
    #player-hp-bar span {
      background-color: red;
    }
    #computer-hp-bar span {
      background-color: blue;
    }
  </style>
</head>
<body>
  <h1>最高の闇鍋！</h1>

<div id="player-hp-bar">
    <span id="player-hp"></span>
  </div>
  <div id="computer-hp-bar">
    <span id="computer-hp"></span>
  </div>

<h2>プレイヤーのターン</h2>
  <button onclick="playerTurn()">食材を投入する</button>

<script>
    // 各具材や非食材の攻撃力やHPの設定
    const ingredients = [
      { name: "食材1", attack: 5, hp: 10 },
      { name: "食材2", attack: 3, hp: 8 },
      // 他の具材や非食材の設定
    ];

// プレイヤーとコンピュータのHP初期値
    let playerHP = 100;
    let computerHP = 100;
    
    // HPバーの表示
    document.getElementById("player-hp").style.width = playerHP + "%";
    document.getElementById("computer-hp").style.width = computerHP + "%";
    
    // プレイヤーのターン時に実行される関数
    function playerTurn() {
      const randomIngredient = ingredients[Math.floor(Math.random() * ingredients.length)];

// ゲーム終了条件の判定
      if (playerHP <= 0 || computerHP <= 0) {
        return;
      }

// 結果の表示
      const result = "プレイヤーが「" + randomIngredient.name + "」を投入しました！";
      alert(result);

// ダメージの計算
      computerHP -= randomIngredient.attack;

// HPバーの更新
      document.getElementById("computer-hp").style.width = computerHP + "%";

// コンピュータのターンへ
      setTimeout(computerTurn, 1000);
    }
    
    // コンピュータのターン時に実行される関数
    function computerTurn() {
      const randomIngredient = ingredients[Math.floor(Math.random() * ingredients.length)];

// ゲーム終了条件の判定
      if (playerHP <= 0 || computerHP <= 0) {
        return;
      }

// 結果の表示
      const result = "コンピュータが「" + randomIngredient.name + "」を投入しました！";
      alert(result);

// ダメージの計算
      playerHP -= randomIngredient.attack;

// HPバーの更新
      document.getElementById("player-hp").style.width = playerHP + "%";

// プレイヤーのターンへ
      setTimeout(playerTurn, 1000);
    }
  </script>
</body>
</html>
```

このプログラムでは、プレイヤーが「食材を投入する」ボタンをクリックすることで具材をランダムに選択し、コンピュータも同様に具材を選択します。具材の選択は配列 `ingredients` の中からランダムに選ばれます。具材が投入されると、相手のHPから具材の攻撃力だけ減ります。プレイヤーとコンピュータのターンは交互に行われます。

HPのバーの表示にはCSSを使用しており、`player-hp-bar` を赤色で、`computer-hp-bar` を青色で表示しています。

このゲームはHTMLファイルをブラウザで開いて遊ぶことができます。スマートフォンで操作することも可能です。