What is this app... a new kind of stand user!'s game | AI game creator

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

No:6586

150

What is this app... a new kind of stand user!
Developer User3882｜Date and time 23/7/2 21:40:09
Build time 26.64 sec｜Game capacity 2.44KB｜

わかりました。このアプリは、新手のスタンド使いを体験するゲームです。プログラムに移る前に、ゲームの基本ルールを説明します。ゲームの目的は、相手のスタンドを倒すことです。プレイヤーは自分のスタンドを操作し、相手に攻撃を仕掛けることができます。相手のスタンドも攻撃してくるので、適切なタイミングで攻撃や回避を行いましょう。では、実際のプログラムでゲームを作ります。以下のコードを1枚のhtmlファイルに貼り付けてください。

👊

🤖

このプログラムでは、プレイヤーのスタンドを右矢印キーと左矢印キーで操作し、スペースキーで攻撃を行います。ページを開いてスマートフォンで操作してください。新手のスタンド使いとして、相手のスタンドが接近してきたら素早く攻撃しましょう。相手のスタンドを倒せるか、いかに長く生き残れるか試してみてください。以上がこのアプリの説明です。楽しんでプレイしてください！

→ 　

1　

0　

　

　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

わかりました。このアプリは、新手のスタンド使いを体験するゲームです。プログラムに移る前に、ゲームの基本ルールを説明します。

ゲームの目的は、相手のスタンドを倒すことです。プレイヤーは自分のスタンドを操作し、相手に攻撃を仕掛けることができます。相手のスタンドも攻撃してくるので、適切なタイミングで攻撃や回避を行いましょう。

では、実際のプログラムでゲームを作ります。以下のコードを1枚のhtmlファイルに貼り付けてください。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>新手のスタンド使いゲーム</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 72px;
    }
    #enemy {
      position: absolute;
      top: 50%;
      left: 10px;
      font-size: 72px;
    }
  </style>
</head>
<body>
  <div id="player">👊</div>
  <div id="enemy">🤖</div>

<script>
    document.addEventListener('keydown', function(event) {
      const player = document.getElementById('player');
      const enemy = document.getElementById('enemy');

if (event.key === 'ArrowRight') {
        player.style.left = parseInt(player.style.left) + 10 + 'px';
      }
      if (event.key === 'ArrowLeft') {
        player.style.left = parseInt(player.style.left) - 10 + 'px';
      }
      if (event.key === ' ') {
        const playerRect = player.getBoundingClientRect();
        const enemyRect = enemy.getBoundingClientRect();

if (playerRect.left <= enemyRect.right && playerRect.right >= enemyRect.left) {
          enemy.style.transform = 'rotate(90deg)';
          setTimeout(function() {
            enemy.style.transform = 'rotate(0deg)';
          }, 500);
        }
      }
    });
  </script>
</body>
</html>
```

このプログラムでは、プレイヤーのスタンドを右矢印キーと左矢印キーで操作し、スペースキーで攻撃を行います。ページを開いてスマートフォンで操作してください。

新手のスタンド使いとして、相手のスタンドが接近してきたら素早く攻撃しましょう。相手のスタンドを倒せるか、いかに長く生き残れるか試してみてください。

以上がこのアプリの説明です。楽しんでプレイしてください！