球が打てる　敵がいる　シューティング　ホラーゲーム's game

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

No:38132

151

←

Prev Next

→

球が打てる　敵がいる　シューティング　ホラーゲーム
Developer User17238｜Date and time 24/1/22 22:57:31
Build time 27.419 sec｜Game capacity 5.166KB｜

Script

以下は、球を打つことができるシューティングホラーゲームのサンプルコードです。

このコードでは、黄色のプレイヤーがキーボードの矢印キーで移動し、スペースキーで赤い弾を発射します。また、緑色の敵が一定の間隔で登場し、プレイヤーや弾と衝突した場合にはゲームオーバーとなります。

←

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>シューティングホラーゲーム</title>
  <style>
    #game-area {
      background-color: black;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: yellow;
      border-radius: 50%;
    }
    
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: red;
      border-radius: 50%;
    }
    
    .enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: green;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
  </div>

// ゲームエリアの幅と高さ
    var gameAreaWidth = window.innerWidth;
    var gameAreaHeight = window.innerHeight;

function createBullet(x, y) {
      var bullet = document.createElement("div");
      bullet.className = "bullet";
      bullet.style.left = x + "px";
      bullet.style.top = y + "px";
      document.getElementById("game-area").appendChild(bullet);
      bullets.push(bullet);
    }

function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.left = Math.floor(Math.random() * gameAreaWidth) + "px";
      enemy.style.top = Math.floor(Math.random() * gameAreaHeight) + "px";
      document.getElementById("game-area").appendChild(enemy);
      enemies.push(enemy);
    }

if (playerX + 50 >= enemyX && playerX <= enemyX + 40 && playerY + 50 >= enemyY && playerY <= enemyY + 40) {
          alert("ゲームオーバー");
          location.reload();
        }
      }
    }

// キーイベントのリスナーを登録
    document.addEventListener("keydown", function(event) {
      // 左キー
      if (event.keyCode === 37) {
        playerX -= 10;
      }
      // 右キー
      if (event.keyCode === 39) {
        playerX += 10;
      }
      // 上キー
      if (event.keyCode === 38) {
        playerY -= 10;
      }
      // 下キー
      if (event.keyCode === 40) {
        playerY += 10;
      }
      // スペースキー
      if (event.keyCode === 32) {
        createBullet(playerX + 20, playerY);
      }
    });

setInterval(function() {
      update();
    }, 1000 / 60);

setInterval(function() {
      createEnemy();
    }, 2000);
  </script>
</body>
</html>
```