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

No:2420

1411

←

Prev Next

→

Make a Super Mario Bros but with the characters fr..ALL
Developer User3560｜Date and time 23/6/21 10:59:26
Build time 2.432 sec｜Game capacity 0.129KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

了解しました。以下にアクティブ・タイム・バトルゲームの例を示します。

アクティブ・タイム・バトル

🧍

👾

このゲームでは、プレイヤーと敵が攻撃を行い、攻撃力や防御力に基づいてダメージ計算が行われます。プレイヤーが攻撃または防御ボタンをクリックすると、敵も一定間隔で攻撃を行います。結果はメッセージとして表示され、アクションの結果によって絵文字が追加されたり削除されたりします。このように、HTMLファイル内にJavaScriptを含めることで、アクティブ・タイム・バトルゲームを実装することができます。

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>了解しました。以下にアクティブ・タイム・バトルゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>アクティブ・タイム・バトル</title>
    <style>
      body {
        text-align: center;
      }
      #player, #enemy {
        font-size: 3rem;
      }
      button {
        font-size: 2rem;
        padding: 0.5rem 2rem;
        margin-top: 1rem;
      }
      #message {
        margin-top: 2rem;
        font-size: 1.5rem;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <h1>アクティブ・タイム・バトル</h1>
    <div id="player">🧍</div>
    <div id="enemy">👾</div>
    <button id="attackBtn">攻撃</button>
    <button id="defendBtn">防御</button>
    <div id="message"></div>

function attack() {
        const player = document.getElementById("player");
        const enemy = document.getElementById("enemy");
        const message = document.getElementById("message");

const playerAttackPower = getRandomNumber(10, 20);
        const enemyAttackPower = getRandomNumber(5, 15);
        const enemyAttackSpeed = getRandomNumber(500, 3000);

player.innerHTML += "⚔";
        message.innerHTML = "";

setTimeout(function() {
          enemy.innerHTML += "💥";
          player.innerHTML = player.innerHTML.slice(0, -1);

if (playerAttackPower > enemyAttackPower) {
            message.innerHTML = "プレイヤーの攻撃！敵にダメージを与えた！";
          } else if (playerAttackPower < enemyAttackPower) {
            message.innerHTML = "プレイヤーの攻撃！敵にダメージを与えられなかった…";
          } else {
            message.innerHTML = "プレイヤーの攻撃！互いにダメージを与えた！";
          }

setTimeout(function() {
            enemy.innerHTML = enemy.innerHTML.slice(0, -1);
          }, 1000);

}, enemyAttackSpeed);
      }

function defend() {
        const player = document.getElementById("player");
        const enemy = document.getElementById("enemy");
        const message = document.getElementById("message");

const enemyAttackSpeed = getRandomNumber(500, 3000);

player.innerHTML += "🛡";
        message.innerHTML = "";

setTimeout(function() {
          if (getRandomNumber(0, 1) === 0) {
            enemy.innerHTML += "👾";
            player.innerHTML = player.innerHTML.slice(0, -1);
            message.innerHTML = "プレイヤーが防御！敵の攻撃を防いだ！";
          } else {
            enemy.innerHTML += "⚔";
            player.innerHTML += "💥";
            message.innerHTML = "プレイヤーが防御！敵は攻撃を防いだ！";
            setTimeout(function() {
              player.innerHTML = player.innerHTML.slice(0, -1);
              enemy.innerHTML = enemy.innerHTML.slice(0, -1);
              message.innerHTML = "";
            }, 1000);
          }

setTimeout(function() {
            enemy.innerHTML = enemy.innerHTML.slice(0, -1);
          }, 1000);

}, enemyAttackSpeed);
      }

document.getElementById("attackBtn").addEventListener("click", attack);
      document.getElementById("defendBtn").addEventListener("click", defend);
    </script>
  </body>
</html>
```

このゲームでは、プレイヤーと敵が攻撃を行い、攻撃力や防御力に基づいてダメージ計算が行われます。プレイヤーが攻撃または防御ボタンをクリックすると、敵も一定間隔で攻撃を行います。結果はメッセージとして表示され、アクションの結果によって絵文字が追加されたり削除されたりします。

このように、HTMLファイル内にJavaScriptを含めることで、アクティブ・タイム・バトルゲームを実装することができます。