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

No:5294

1603

←

Prev Next

→

Mark Zuckerberg and Elon Musk fight in a fighting ..ALL
Developer User3819｜Date and time 23/6/29 22:25:51
Build time 25.965 sec｜Game capacity 2.013KB｜

Script

以下は、マーク・ザッカーバーグとイーロン・マスクが戦うスマホで遊べる簡単な格闘ゲームの例です。HTMLファイル内でJavaScriptを使用して実装されています。

マーク vs イーロン

スマホを傾けて操作してください。

マーク・ザッカーバーグ

HP: 100

攻撃力: 10

イーロン・マスク

HP: 100

攻撃力: 15

このゲームでは、スマホの傾きを使って攻撃を発生させます。マーク・ザッカーバーグはスマホを左に傾けることで、イーロン・マスクはスマホを右に傾けることで相手にダメージを与えることができます。プレイヤーのHPが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>マーク vs イーロン</title>
</head>
<body>
  <h1>マーク vs イーロン</h1>
  <p>スマホを傾けて操作してください。</p>
  <hr>
  <div id="player1">
    <h2>マーク・ザッカーバーグ</h2>
    <p>HP: <span id="player1_hp">100</span></p>
    <p>攻撃力: 10</p>
  </div>
  <hr>
  <div id="player2">
    <h2>イーロン・マスク</h2>
    <p>HP: <span id="player2_hp">100</span></p>
    <p>攻撃力: 15</p>
  </div>

// スマホの傾きに応じて攻撃を発生させる
    window.addEventListener("deviceorientation", function(event) {
      // マーク・ザッカーバーグの攻撃
      if (event.gamma < -20) {
        player2_hp -= 10;
        document.getElementById("player2_hp").textContent = player2_hp;
        if (player2_hp <= 0) {
          alert("マークが勝ちました！");
          location.reload();
        }
      }
      // イーロン・マスクの攻撃
      if (event.gamma > 20) {
        player1_hp -= 15;
        document.getElementById("player1_hp").textContent = player1_hp;
        if (player1_hp <= 0) {
          alert("イーロンが勝ちました！");
          location.reload();
        }
      }
    });
  </script>
</body>
</html>
```