今から作成するシューティングゲームは以下の条件を全て守るように作成してください条件　最初にスタートボタンを表示してください　スタートボタンを押したらゲームをスタートするようにしてください自分のキャラクターは下付近に配置してください自分のキャラクターをスムーズに左右に動かせるようにしてください　自分のキャラクターは弾を撃てるようにしてください　敵は上から降ってくるようにしてください　敵の降ってくる速度を最初は遅いですがだんだん早くなるようにしてください　自分のキャラクターが弾を撃つたびに減るようにしてください　弾数が無くなったら弾を撃てないようにしてください　弾数を最初500ぐらいに設定してください自分のキャラクターに触れたら弾数が増えるアイテムを敵を倒したら出てくるようにしてください　敵に自分のキャラクターが触れたらゲームオーバー画面を表示してください　最後にスコアを表示してください's game

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

No:31096

←

Prev Next

→

今から作成するシューティングゲームは以下の条件を全て守るように作成してください条件　最初にスター..ALL
Developer User14989｜Date and time 23/12/24 21:50:02
Build time 27.282 sec｜Game capacity 4.938KB｜

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>
    <button id="startButton">スタート</button>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Get canvas and context
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Game variables
        var player = {
            x: 180,
            y: 550,
            width: 40,
            height: 40,
            speed: 5,
            bullets: 500,
        };
        var enemies = [];
        var gameStarted = false;
        var gameOver = false;
        var score = 0;

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

// Draw player
            ctx.fillStyle = "yellow";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
            ctx.fillStyle = "blue";
            ctx.font = "20px Arial";
            ctx.fillText("Bullets: " + player.bullets, 10, 30);

// Draw score
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 60);

// Draw enemies
            for (var i = 0; i < enemies.length; i++) {
                ctx.fillStyle = "red";
                ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }

if (gameOver) {
                ctx.fillStyle = "black";
                ctx.font = "30px Arial";
                ctx.fillText("Game Over", 150, 300);
                return;
            }

// Check collision
            for (var i = 0; i < enemies.length; i++) {
                if (
                    player.x < enemies[i].x + enemies[i].width &&
                    player.x + player.width > enemies[i].x &&
                    player.y < enemies[i].y + enemies[i].height &&
                    player.y + player.height > enemies[i].y
                ) {
                    gameOver = true;
                }
            }

// Move bullets
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += 2 + score/50;
                if (enemies[i].y > canvas.height) {
                    enemies[i].x = Math.random() * (canvas.width - enemies[i].width);
                    enemies[i].y = -enemies[i].height;
                }
            }

// Remove bullet when hitting enemy
            for (var i = 0; i < player.bullets.length; i++) {
                for (var j = 0; j < enemies.length; j++) {
                    if (
                        player.bullets[i].x < enemies[j].x + enemies[j].width &&
                        player.bullets[i].x + player.bullets[i].width > enemies[j].x &&
                        player.bullets[i].y < enemies[j].y + enemies[j].height &&
                        player.bullets[i].y + player.bullets[i].height > enemies[j].y
                    ) {
                        player.bullets.splice(i, 1);
                        enemies.splice(j, 1);
                        score += 10;
                    }
                }
            }

requestAnimationFrame(draw);
        }

// Controls
        document.addEventListener("keydown", movePlayer);
        document.addEventListener("keyup", stopPlayer);
        document.addEventListener("keydown", shootBullet);

function movePlayer(e) {
            if (e.key === "ArrowLeft") {
                player.x -= player.speed;
            } else if (e.key === "ArrowRight") {
                player.x += player.speed;
            }
        }

function stopPlayer(e) {
            if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                player.x = player.x;
            }
        }

function shootBullet(e) {
            if (e.key === " ") {
                if (player.bullets > 0) {
                    player.bullets--;
                    player.bullets.push({
                        x: player.x + player.width / 2,
                        y: player.y,
                        width: 2,
                        height: 10,
                    });
                }
            }
        }

// Start game
        document.getElementById("startButton").addEventListener("click", function() {
            if (!gameStarted) {
                gameStarted = true;
                createEnemies();
                draw();
            }
        });

// Create enemies
        function createEnemies() {
            setInterval(function() {
                enemies.push({
                    x: Math.random() * (canvas.width - 30),
                    y: -30,
                    width: 30,
                    height: 30,
                });
            }, 2000);
        }
    </script>
</body>
</html>