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

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

No:16223

132

←

Prev Next

→

シューティングゲーム
Developer おまめちゃん｜Date and time 23/9/16 20:20:28
Build time 37.656 sec｜Game capacity 4.378KB｜

Script

了解です。以下にシューティングゲームのサンプルプログラムを提供します。

このコードはHTMLの`canvas`要素を使用してシューティングゲームを実装しています。プレイヤーはキーボードの左右キーで移動し、スペースキーを押すと弾を発射します。敵キャラクターとの衝突判定があり、衝突した場合はスコアが加算されます。プレイヤーが敵キャラクターに衝突した場合はゲームオーバーとなり、スコアが表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にシューティングゲームのサンプルプログラムを提供します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>シューティングゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500" style="border:1px solid black;"></canvas>

// プレイヤーの初期位置
        let playerX = canvas.width / 2 - playerSize / 2;
        let playerY = canvas.height - playerSize;

// ゲームの開始
        function startGame() {
            // プレイヤーの移動
            document.addEventListener("keydown", function (event) {
                if (event.key === "ArrowLeft" && playerX > 0) {
                    playerX -= playerSpeed;
                } else if (event.key === "ArrowRight" && playerX < canvas.width - playerSize) {
                    playerX += playerSpeed;
                }
            });

// 弾の生成
            setInterval(function () {
                bullets.push({ x: playerX + playerSize / 2 - bulletSize / 2, y: playerY });
            }, 500);

// 敵の生成
            setInterval(function () {
                const enemyX = Math.random() * (canvas.width - enemySize);
                const enemyY = 0;
                enemies.push({ x: enemyX, y: enemyY });
            }, 1000);

// ゲームのメインループ
            setInterval(updateGame, 20);
        }

// ゲームの更新
        function updateGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// 弾の移動と描画
            bullets.forEach(function (bullet) {
                bullet.y -= bulletSpeed;
                context.fillStyle = "red";
                context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
            });

// 敵の移動と描画
            enemies.forEach(function (enemy, enemyIndex) {
                enemy.y += enemySpeed;
                context.fillStyle = "blue";
                context.fillRect(enemy.x, enemy.y, enemySize, enemySize);

// 敵と弾の衝突判定
                bullets.forEach(function (bullet, bulletIndex) {
                    if (bullet.x < enemy.x + enemySize &&
                        bullet.x + bulletSize > enemy.x &&
                        bullet.y < enemy.y + enemySize &&
                        bullet.y + bulletSize > enemy.y) {
                        bullets.splice(bulletIndex, 1);
                        enemies.splice(enemyIndex, 1);
                        score++;
                    }
                });

// 敵とプレイヤーの衝突判定
                if (playerX < enemy.x + enemySize &&
                    playerX + playerSize > enemy.x &&
                    playerY < enemy.y + enemySize &&
                    playerY + playerSize > enemy.y) {
                    gameOver();
                }
            });

// プレイヤーの描画
            context.fillStyle = "black";
            context.fillRect(playerX, playerY, playerSize, playerSize);

// スコアの表示
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 25);
        }

// ゲームオーバー
        function gameOver() {
            alert("Game over! Score: " + score);
            location.reload();
        }

startGame();
    </script>
</body>
</html>
```