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

No:25162

←

Prev Next

→

かっこいい剣と銃のバトルゲーム　簡単面白い
Developer User12255｜Date and time 23/11/18 17:31:16
Build time 80.499 sec｜Game capacity 1.969KB｜

Script

了解です。以下に、かっこいい剣と銃のバトルゲームのHTMLとJavaScriptの実装例を示します。

剣と銃のバトルゲーム

タップして攻撃しよう！

このゲームでは、画面に剣と銃の画像が表示されています。画像をタップすることで攻撃を行います。剣を選んだ場合、敵が剣で攻撃してくる場合は「斬り合いで相打ち！」、銃で攻撃してくる場合は「剣で敵を倒した！」と表示されます。銃を選んだ場合も同様に結果が表示されます。なお、このコードは実際に実行するためには、`emozi_all/sword.png`と`emozi_apple.png`という名前の画像ファイルが必要です。画像を用意し、HTMLファイルと同じディレクトリに配置してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下に、かっこいい剣と銃のバトルゲームのHTMLとJavaScriptの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>剣と銃のバトルゲーム</title>
  <style>
    body {
      background-color: #000;
      color: #fff;
      font-family: 'Arial', sans-serif;
      text-align: center;
      padding-top: 100px;
    }
  </style>
</head>
<body>
  <h1>剣と銃のバトルゲーム</h1>
  <h2>タップして攻撃しよう！</h2>
  <img src="sword.png" id="sword" width="200" height="200">
  <img src="gun.png" id="gun" width="200" height="200">
  <script>
    const sword = document.getElementById('sword');
    const gun = document.getElementById('gun');

sword.addEventListener('click', function() {
      attack('sword');
    });

gun.addEventListener('click', function() {
      attack('gun');
    });

function attack(weapon) {
      const enemy = Math.random() < 0.5 ? '剣' : '銃';
      let result;

if (weapon === 'sword') {
        result = enemy === '剣' ? '斬り合いで相打ち！' : '剣で敵を倒した！';
      } else if (weapon === 'gun') {
        result = enemy === '銃' ? '相打ちになった！' : '銃で敵を撃破した！';
      }

alert(result);
    }
  </script>
</body>
</html>
```

このゲームでは、画面に剣と銃の画像が表示されています。画像をタップすることで攻撃を行います。剣を選んだ場合、敵が剣で攻撃してくる場合は「斬り合いで相打ち！」、銃で攻撃してくる場合は「剣で敵を倒した！」と表示されます。銃を選んだ場合も同様に結果が表示されます。

なお、このコードは実際に実行するためには、`sword.png`と`gun.png`という名前の画像ファイルが必要です。画像を用意し、HTMLファイルと同じディレクトリに配置してください。