B2 stealth bomber's game | AI game creator

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

No:9732

102

B2 stealth bomber
Developer User4410｜Date and time 23/7/26 23:47:15
Build time 24.464 sec｜Game capacity 2.511KB｜

了解しました。以下に、B2ステルス爆撃機というゲームのサンプルプログラムを示します。

🚀

このプログラムでは、スマホのタッチ操作によってB2ステルス爆撃機を操作することができます。スワイプの方向に応じて、B2ステルス爆撃機が移動します。B2ステルス爆撃機は絵文字で表示されており、背景色も設定されています。

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解しました。以下に、B2ステルス爆撃機というゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>B2ステルス爆撃機</title>
  <style>
    #gameArea {
      width: 100%;
      height: 100vh;
      background-color: skyblue;
      display: flex;
      justify-content: center;
      align-items: center;
    }

#b2 {
      font-size: 40px;
    }
  </style>
</head>
<body>
<div id="gameArea">
  <div id="b2">🚀</div>
</div>

<script>
  // B2ステルス爆撃機の位置
  let positionX = 0;
  let positionY = 0;
  
  // B2ステルス爆撃機の移動関数
  function moveB2(direction) {
    switch (direction) {
      case 'up':
        positionY -= 10;
        break;
      case 'down':
        positionY += 10;
        break;
      case 'left':
        positionX -= 10;
        break;
      case 'right':
        positionX += 10;
        break;
    }
    
    // 位置を反映して表示
    const b2Element = document.getElementById('b2');
    b2Element.style.top = positionY + 'px';
    b2Element.style.left = positionX + 'px';
  }
  
  // スマホのタッチ操作を取得
  document.addEventListener('touchstart', handleTouchStart, false);
  document.addEventListener('touchmove', handleTouchMove, false);
  
  let xDown = null;
  let yDown = null;
  
  function handleTouchStart(event) {
    xDown = event.touches[0].clientX;
    yDown = event.touches[0].clientY;
  }
  
  function handleTouchMove(event) {
    if (!xDown || !yDown) return;
  
    const xUp = event.touches[0].clientX;
    const yUp = event.touches[0].clientY;
  
    const xDiff = xDown - xUp;
    const yDiff = yDown - yUp;
  
    if (Math.abs(xDiff) > Math.abs(yDiff)) {
      if (xDiff > 0) {
        // 左にスワイプ
        moveB2('left');
      } else {
        // 右にスワイプ
        moveB2('right');
      }
    } else {
      if (yDiff > 0) {
        // 上にスワイプ
        moveB2('up');
      } else {
        // 下にスワイプ
        moveB2('down');
      }
    }
  
    xDown = null;
    yDown = null;
  }
  
  // 初期表示
  moveB2();
</script>
</body>
</html>
```

このプログラムでは、スマホのタッチ操作によってB2ステルス爆撃機を操作することができます。スワイプの方向に応じて、B2ステルス爆撃機が移動します。B2ステルス爆撃機は絵文字で表示されており、背景色も設定されています。