敵を攻撃して倒すことでクリアできるアクションゲーム攻撃ボタン　ジャンプボタン　移動キーを使用すること's game

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

No:14359

←

Prev Next

→

敵を攻撃して倒すことでクリアできるアクションゲーム攻撃ボタン　ジャンプボタン　移動キーを使用するこ..ALL
Developer User5934｜Date and time 23/9/1 9:47:19
Build time 23.281 sec｜Game capacity 3.054KB｜

Script

以下は、要件に基づいて作成されたアクションゲームのサンプルコードです。

😀

👹

このゲームでは、攻撃ボタンとジャンプボタンを使用して敵を倒すことができます。プレイヤーは移動キー（左右キー）を使用して左右に移動することができます。プレイヤーの攻撃力は10で、敵の体力は初期値である100です。敵の体力が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 {
      position: absolute;
      top: 100px;
      left: 100px;
      font-size: 30px;
    }

#enemy {
      position: absolute;
      top: 100px;
      left: 800px;
      font-size: 30px;
    }

#attack-btn,
    #jump-btn {
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="player">😀</div>
  <div id="enemy">👹</div>
  <button id="attack-btn">攻撃</button>
  <button id="jump-btn">ジャンプ</button>

// プレイヤーの初期位置
    let playerPosition = 100;

// 敵の初期位置
    let enemyPosition = 800;

// プレイヤーの攻撃力
    const playerAttackPower = 10;

// 敵の体力
    let enemyHealth = 100;

// 攻撃ボタンのクリックイベント
    attackBtn.addEventListener('click', () => {
      enemyHealth -= playerAttackPower;
      if (enemyHealth <= 0) {
        alert('敵を倒しました。');
        resetGame();
      } else {
        alert(`敵に${playerAttackPower}のダメージを与えました。 残り体力: ${enemyHealth}`);
      }
    });

// ジャンプボタンのクリックイベント
    jumpBtn.addEventListener('click', () => {
      // プレイヤーをジャンプさせる処理を記述
      player.style.top = '50px';
      setTimeout(() => {
        player.style.top = '100px';
      }, 500);
    });

// キーボードのイベントリスナーを設定
    document.addEventListener('keydown', (event) => {
      if (event.keyCode === 37) {
        // 左キーが押された場合の処理
        playerPosition -= 10;
        player.style.left = `${playerPosition}px`;
      } else if (event.keyCode === 39) {
        // 右キーが押された場合の処理
        playerPosition += 10;
        player.style.left = `${playerPosition}px`;
      }
    });

// ゲームリセットの処理
    function resetGame() {
      playerPosition = 100;
      player.style.left = '100px';
      enemyHealth = 100;
      enemy.style.left = '800px';
    }
  </script>
</body>
</html>
```

このゲームでは、攻撃ボタンとジャンプボタンを使用して敵を倒すことができます。プレイヤーは移動キー（左右キー）を使用して左右に移動することができます。プレイヤーの攻撃力は10で、敵の体力は初期値である100です。敵の体力が0以下になると、攻撃に成功し敵を倒すことができます。

また、ボタンとキーボードの操作に応じて、プレイヤーと敵の位置が変化するアニメーションも含まれています。