Invaders Nagoya Shooting's game

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

No:5947

121

←

Prev Next

→

Invaders Nagoya Shooting
Developer User1006｜Date and time 23/7/1 3:17:53
Build time 32.919 sec｜Game capacity 3.608KB｜

Script

了解しました。以下に名古屋撃ちという簡単なゲームを作成します。

🚀

Score: 0

このゲームでは、プレイヤーを左右に動かして敵を避け、敵に当たらないようにするというシンプルなゲームです。プレイヤーは「🚀」で表示され、敵は「👾」で表示されます。プレイヤーが敵に当たるとゲームオーバーになり、スコアが表示されます。ゲームオーバー後にはページがリロードされます。なお、このゲームはスマートフォンでもプレイ可能ですが、キーボードの代わりにタッチイベントを使用してプレイヤーを操作します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下に名古屋撃ちという簡単なゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>インベーダーの名古屋撃ち</title>
  <style>
    body {
      background-color: #000;
      overflow: hidden;
    }
    
    #player {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
    }
    
    .invader {
      position: absolute;
      color: #fff;
    }
    
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #fff;
    }
  </style>
</head>
<body>

<div id="player">🚀</div>
  <div id="score">Score: 0</div>

// プレイヤーの初期位置（画面サイズに応じて調整してください）
    var playerX = window.innerWidth / 2;

// スコア
    var score = 0;

// プレイヤーオブジェクト
    var player = document.getElementById("player");
    player.style.left = playerX + "px";

// キーボードの入力を受け付ける設定（スマートフォンではタッチイベントを使います）
    document.addEventListener("keydown", function(event) {
      if (event.code === "ArrowLeft") {
        playerX -= 10;
      } else if (event.code === "ArrowRight") {
        playerX += 10;
      }
    });

// 敵のオブジェクトを生成する関数
    function createInvader() {
      var invader = document.createElement("div");
      invader.classList.add("invader");
      invader.innerText = "👾";
      invader.style.left = Math.floor(Math.random() * (window.innerWidth - 40)) + "px";
      document.body.appendChild(invader);

// 敵の動きを設定する
      var interval = setInterval(function() {
        var currentTop = parseInt(getComputedStyle(invader).top);
        if (currentTop >= window.innerHeight - 60) {
          clearInterval(interval);
          gameOver();
        } else {
          invader.style.top = (currentTop + 5) + "px";
        }

// 当たり判定
        var invaderRect = invader.getBoundingClientRect();
        var playerRect = player.getBoundingClientRect();
        if (invaderRect.left + invaderRect.width >= playerRect.left && 
            invaderRect.left <= playerRect.left + playerRect.width &&
            invaderRect.top + invaderRect.height >= playerRect.top &&
            invaderRect.top <= playerRect.top + playerRect.height) {
          clearInterval(interval);
          invader.parentNode.removeChild(invader);
          score++;
          document.getElementById("score").innerText = "Score: " + score;
        }
      }, speed);
    }

// ゲームオーバー時の処理
    function gameOver() {
      alert("Game Over\nScore: " + score);
      location.reload();
    }

// 敵を定期的に生成する
    setInterval(createInvader, 2000);

</script>
</body>
</html>
```

このゲームでは、プレイヤーを左右に動かして敵を避け、敵に当たらないようにするというシンプルなゲームです。プレイヤーは「🚀」で表示され、敵は「👾」で表示されます。プレイヤーが敵に当たるとゲームオーバーになり、スコアが表示されます。ゲームオーバー後にはページがリロードされます。

なお、このゲームはスマートフォンでもプレイ可能ですが、キーボードの代わりにタッチイベントを使用してプレイヤーを操作します。