シューティングゲーム's game

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

No:26051

←

Prev Next

→

シューティングゲーム
Developer User12818｜Date and time 23/11/26 11:25:28
Build time 34.436 sec｜Game capacity 3.097KB｜

Script

了解です。以下にシューティングゲームの実装例を示します。

このプログラムでは、ブラウザ上で実行可能なシューティングゲームを実装しています。プレイヤーの操作で上下左右に移動し、スペースキーで弾を撃つことができます。弾は画面外に出ると消えます。なお、絵文字を使用した具体的なアセットやゲームルールの詳細は示されていませんので、必要に応じて追加実装してください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。以下にシューティングゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>シューティングゲーム</title>
  </head>
  <body>
    <canvas id="game" width="400" height="400"></canvas>

let player = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        size: 20,
        speed: 5,
        color: "#0000FF",
      };

let bullets = [];

function drawPlayer() {
        context.fillStyle = player.color;
        context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
      }

function movePlayer(direction) {
        switch (direction) {
          case "up":
            player.y -= player.speed;
            break;

case "down":
            player.y += player.speed;
            break;

case "left":
            player.x -= player.speed;
            break;

case "right":
            player.x += player.speed;
            break;

default:
            break;
        }
      }

function drawBullets() {
        bullets.forEach((bullet) => {
          context.fillStyle = "#FF0000";
          context.fillRect(bullet.x, bullet.y, bullet.size, bullet.size);
        });
      }

function moveBullets() {
        bullets.forEach((bullet) => {
          bullet.x += bullet.speed;

if (bullet.x > canvas.width) {
            bullet.isVisible = false;
          }
        });

bullets = bullets.filter((bullet) => bullet.isVisible);
      }

function shoot() {
        const bullet = {
          x: player.x,
          y: player.y,
          size: 5,
          speed: 10,
          isVisible: true,
        };

bullets.push(bullet);
      }

function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
        drawBullets();
        moveBullets();
      }

document.addEventListener("keydown", (event) => {
        switch (event.key) {
          case "ArrowUp":
            movePlayer("up");
            break;

case "ArrowDown":
            movePlayer("down");
            break;

case "ArrowLeft":
            movePlayer("left");
            break;

case "ArrowRight":
            movePlayer("right");
            break;

case " ":
            shoot();
            break;

default:
            break;
        }
      });

setInterval(update, 1000 / 60);
    </script>
  </body>
</html>
```

このプログラムでは、ブラウザ上で実行可能なシューティングゲームを実装しています。プレイヤーの操作で上下左右に移動し、スペースキーで弾を撃つことができます。弾は画面外に出ると消えます。

なお、絵文字を使用した具体的なアセットやゲームルールの詳細は示されていませんので、必要に応じて追加実装してください。