AI game creator

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

No:10392

←

Prev Next

→

barrage shooter
Developer User4553｜Date and time 23/7/31 3:07:09
Build time 34.686 sec｜Game capacity 4.968KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>弾幕シューティング</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

let playerX = canvas.width / 2;
            let playerY = canvas.height - playerSize;
            let bullets = [];
            let enemies = [];
            let score = 0;

// プレイヤーの操作
            function movePlayer(event) {
                if (event.key === "ArrowLeft") {
                    playerX -= playerSpeed;
                } else if (event.key === "ArrowRight") {
                    playerX += playerSpeed;
                }
            }

// 弾の発射
            function shoot() {
                const bulletX = playerX + playerSize / 2 - bulletSize / 2;
                const bulletY = playerY - bulletSize;
                bullets.push({ x: bulletX, y: bulletY });
            }

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

// 当たり判定
            function checkCollision() {
                for (let i = 0; i < bullets.length; i++) {
                    for (let j = 0; j < enemies.length; j++) {
                        const bullet = bullets[i];
                        const enemy = enemies[j];
                        if (bullet.x < enemy.x + enemySize &&
                            bullet.x + bulletSize > enemy.x &&
                            bullet.y < enemy.y + enemySize &&
                            bullet.y + bulletSize > enemy.y) {
                            bullets.splice(i, 1);
                            enemies.splice(j, 1);
                            score++;
                        }
                    }
                }
                for (let i = 0; i < enemies.length; i++) {
                    const enemy = enemies[i];
                    if (enemy.y + enemySize >= playerY &&
                        enemy.x < playerX + playerSize &&
                        enemy.x + enemySize > playerX) {
                        gameover();
                    }
                }
            }

// ゲームオーバー処理
            function gameover() {
                alert("Game Over!");
                clearInterval(gameLoop);
            }

// ゲームのメインループ
            function updateGame() {
                context.clearRect(0, 0, canvas.width, canvas.height);

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

// 敵の描画
                context.fillStyle = "red";
                for (let i = 0; i < enemies.length; i++) {
                    const enemy = enemies[i];
                    context.fillRect(enemy.x, enemy.y, enemySize, enemySize);
                    enemy.y += enemySpeed;
                    if (enemy.y > canvas.height) {
                        enemies.splice(i, 1);
                    }
                }

// 弾の描画
                context.fillStyle = "blue";
                for (let i = 0; i < bullets.length; i++) {
                    const bullet = bullets[i];
                    context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
                    bullet.y -= bulletSpeed;
                    if (bullet.y < 0) {
                        bullets.splice(i, 1);
                    }
                }

// 当たり判定のチェック
                checkCollision();

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

// イベントリスナーの設定
            document.addEventListener("keydown", movePlayer);
            document.addEventListener("keydown", function (event) {
                if (event.key === " ") {
                    shoot();
                }
            });

// ゲームループの開始
            const gameLoop = setInterval(updateGame, 10);

// 敵の生成ループの開始
            setInterval(spawnEnemy, enemySpawnInterval);
        }

// ゲームの初期化
        initializeGame();
    </script>
</body>
</html>