AI game creator

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

No:7839

1548

←

Prev Next

→

Wild Card Butler
Developer User4064｜Date and time 23/7/10 1:28:33
Build time 10.751 sec｜Game capacity 2.672KB｜

Script

了解しました。ワイルドカードバトラーというゲームを作成します。以下、実際のプログラムの例です。

このプログラムでは、プレイヤー（赤い四角）と敵（青い四角）がバトルするゲームを作成しています。プレイヤーは左右の矢印キーで移動し、スペースキーで攻撃します。攻撃はランダムなダメージを与えます。プレイヤーか敵の体力が0になるとゲーム終了となります。お手持ちの環境で実行して、遊んでみてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。ワイルドカードバトラーというゲームを作成します。

以下、実際のプログラムの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ワイルドカードバトラー</title>
  <style>
    #player {
      width: 100px;
      height: 100px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 0;
    }

#enemy {
      width: 100px;
      height: 100px;
      background-color: blue;
      position: absolute;
      top: 0;
      right: 0;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="enemy"></div>

let playerHealth = 100;
    let enemyHealth = 100;

function movePlayer(direction) {
      const currentPosition = parseInt(player.style.left) || 0;
      const newPosition = direction === 'left' ? currentPosition - 10 : currentPosition + 10;
      player.style.left = newPosition + 'px';
    }

function attack() {
      const playerAttack = Math.floor(Math.random() * 10) + 1;
      const enemyAttack = Math.floor(Math.random() * 10) + 1;

enemyHealth -= playerAttack;
      playerHealth -= enemyAttack;

if (playerHealth < 0) playerHealth = 0;
      if (enemyHealth < 0) enemyHealth = 0;

document.getElementById("playerInfo").innerHTML = `Player Health: ${playerHealth}`;
      document.getElementById("enemyInfo").innerHTML = `Enemy Health: ${enemyHealth}`;

if (playerHealth === 0) {
        alert("Player defeated! Game over.");
        resetGame();
      } else if (enemyHealth === 0) {
        alert("Enemy defeated! You win!");
        resetGame();
      }
    }

function resetGame() {
      player.style.left = 0;
      playerHealth = 100;
      enemyHealth = 100;
    }
  </script>
</body>
</html>
```

このプログラムでは、プレイヤー（赤い四角）と敵（青い四角）がバトルするゲームを作成しています。プレイヤーは左右の矢印キーで移動し、スペースキーで攻撃します。攻撃はランダムなダメージを与えます。プレイヤーか敵の体力が0になるとゲーム終了となります。

お手持ちの環境で実行して、遊んでみてください。