Throwing the Spear of Longinus at an enemy in space's game

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

No:4996

542

←

Prev Next

→

Throwing the Spear of Longinus at an enemy in spac..ALL
Developer User3806｜Date and time 23/6/29 6:23:40
Build time 31.203 sec｜Game capacity 3.359KB｜

Script

了解しました。以下は、宇宙空間で敵にロンギヌスの槍を投げるゲームの例です。

👾

🟡

👽

この例では、プレイヤーは👾の絵文字で表現され、左右の矢印キーを使用して操作します。スペースキーを押すとロンギヌスの槍（🟡）が敵（👽）に向かって投げられます。ロンギヌスの槍が敵に当たると、勝利のメッセージが表示されます。画面内には敵が1体だけ表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下は、宇宙空間で敵にロンギヌスの槍を投げるゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>宇宙ロンギヌスゲーム</title>
  <style>
    #player {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
      font-size: 40px;
    }
    #spear {
      position: absolute;
      font-size: 40px;
      transition: transform 1s linear;
    }
    #alien {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 60px;
    }
  </style>
</head>
<body>
  <div id="player">👾</div>
  <div id="spear">🟡</div>
  <div id="alien">👽</div>

let isMovingLeft = false;
    let isMovingRight = false;
    let spearThrown = false;
    let spearPosX = 50;
    let spearPosY = 80;

// プレイヤーの移動処理
    function movePlayer() {
      if (isMovingLeft && !isMovingRight) {
        player.style.left = Math.max(10, player.offsetLeft - 10) + 'px';
      }
      if (isMovingRight && !isMovingLeft) {
        player.style.left = Math.min(window.innerWidth - 70, player.offsetLeft + 10) + 'px';
      }
    }

// ロンギヌスの槍の移動処理
    function moveSpear() {
      if (spearThrown && spearPosY > -100) {
        spearPosX += 5;
        spearPosY -= 10;
        spear.style.transform = `translate(${spearPosX}%, ${spearPosY}%)`;
      } else {
        resetSpear();
      }
    }

// 敵との当たり判定処理
    function checkCollision() {
      if (spearPosX >= alien.offsetLeft && spearPosX <= alien.offsetLeft + 100 &&
          spearPosY >= alien.offsetTop && spearPosY <= alien.offsetTop + 100) {
        alert('敵を倒しました！おめでとうございます！');
        resetSpear();
      }
    }

// ロンギヌスの槍のリセット処理
    function resetSpear() {
      spearThrown = false;
      spearPosX = 50;
      spearPosY = 80;
      spear.style.transform = `translate(${spearPosX}%, ${spearPosY}%)`;
    }

// キー操作の処理
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowLeft') {
        isMovingLeft = true;
      }
      if (event.key === 'ArrowRight') {
        isMovingRight = true;
      }
      if (event.key === ' ') {
        if (!spearThrown) {
          spearThrown = true;
        }
      }
    });

// ゲームループ
    setInterval(function() {
      movePlayer();
      moveSpear();
      checkCollision();
    }, 1000 / 60);
  </script>
</body>
</html>
```