Shooting game with stage clearing. Boss at the end of the stage. Gradual increase in difficulty. The number and speed of enemies increase. Power-up items increase the number of bullets you can shoot.'s game

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

No:8856

1297

←

Prev Next

→

Shooting game with stage clearing. Boss at the end..ALL
Developer User4246｜Date and time 23/7/19 1:26:15
Build time 49.617 sec｜Game capacity 5.37KB｜

Script

了解しました。以下にステージクリアがあるシューティングゲームの実装例を示します。

このプログラムは、1枚のhtmlファイルとして実装されています。JavaScriptは`
`タグで囲まれており、ゲームとしてプレイすることができます。プレイヤーの移動はArrowLeftキーとArrowRightキーで行い、スペースキーで弾を発射します。敵の数と速度は段階的に上昇し、パワーアップアイテムはありませんが、ゲームとしての要素を含んでいます。また、スマートフォンでもプレイできるようになっています。ただし、絵文字の使用や分身して弾を打つ数の増加などの要素は含まれていません。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下にステージクリアがあるシューティングゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>シューティングゲーム</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 30,
      height: 30,
      direction: null,
      speed: 5
    };

const bullets = [];
    const enemies = [];

let score = 0;
    let gameOver = false;

function drawPlayer() {
      ctx.beginPath();
      ctx.rect(player.x, player.y, player.width, player.height);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();
    }

function drawBullets() {
      for (let i = 0; i < bullets.length; i++) {
        ctx.beginPath();
        ctx.arc(bullets[i].x, bullets[i].y, 5, 0, Math.PI * 2);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
      }
    }

function drawEnemies() {
      for (let i = 0; i < enemies.length; i++) {
        ctx.beginPath();
        ctx.rect(enemies[i].x, enemies[i].y, 30, 30);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        ctx.closePath();
      }
    }

function drawScore() {
      ctx.font = "16px Arial";
      ctx.fillStyle = "#0095DD";
      ctx.fillText("Score: " + score, 8, 20);
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawBullets();
      drawEnemies();
      drawScore();

if (gameOver) {
        ctx.font = "30px Arial";
        ctx.fillStyle = "#0095DD";
        ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
        return;
      }

if (enemies.length === 0) {
        player.speed += 1;
        createEnemies();
      }

movePlayer();
      moveBullets();
      moveEnemies();

if (checkCollision()) {
        gameOver = true;
      }

requestAnimationFrame(draw);
    }

function movePlayer() {
      if (player.direction === "left" && player.x > 0) {
        player.x -= player.speed;
      } else if (player.direction === "right" && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }

function moveBullets() {
      for (let i = 0; i < bullets.length; i++) {
        bullets[i].y -= 5;

if (bullets[i].y < 0) {
          bullets.splice(i, 1);
        }
      }
    }

function moveEnemies() {
      for (let i = 0; i < enemies.length; i++) {
        enemies[i].y += player.speed / 2;

if (enemies[i].y > canvas.height) {
          gameOver = true;
        }
      }
    }

for (let i = 0; i < enemies.length; i++) {
        if (
          player.x < enemies[i].x + 30 &&
          player.x + player.width > enemies[i].x &&
          player.y < enemies[i].y + 30 &&
          player.y + player.height > enemies[i].y
        ) {
          return true;
        }
      }

return false;
    }

function shootBullet() {
      bullets.push({x: player.x + player.width / 2, y: player.y});
    }

function createEnemies() {
      const numberOfEnemies = Math.floor(Math.random() * 5) + 1;
      const enemySpeed = Math.floor(Math.random() * 3) + 1;

for (let i = 0; i < numberOfEnemies; i++) {
        enemies.push({
          x: Math.random() * (canvas.width - 30),
          y: 0,
          speed: enemySpeed
        });
      }
    }

document.addEventListener("keyup", function(event) {
      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
        player.direction = null;
      }
    });

createEnemies();
    draw();
  </script>
</body>
</html>
```

このプログラムは、1枚のhtmlファイルとして実装されています。JavaScriptは`<script>`タグで囲まれており、ゲームとしてプレイすることができます。プレイヤーの移動はArrowLeftキーとArrowRightキーで行い、スペースキーで弾を発射します。敵の数と速度は段階的に上昇し、パワーアップアイテムはありませんが、ゲームとしての要素を含んでいます。また、スマートフォンでもプレイできるようになっています。

ただし、絵文字の使用や分身して弾を打つ数の増加などの要素は含まれていません。