AI game creator

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

No:12006

←

Prev Next

→

shooting game
Developer User5019｜Date and time 23/8/13 13:24:30
Build time 20.542 sec｜Game capacity 3.336KB｜

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>
    <script>
        // Canvasの要素取得
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// ゲームの状態変数
        let playerX = 225;
        let playerY = 450;
        let bullets = [];
        let enemies = [];

// プレイヤーの絵文字を描画
        function drawPlayer() {
            context.font = "40px sans-serif";
            context.fillText("🚀", playerX, playerY);
        }

// 弾の絵文字を描画
        function drawBullets() {
            bullets.forEach(function(bullet) {
                context.font = "20px sans-serif";
                context.fillText("🔵", bullet.x, bullet.y);
            });
        }

// 敵の絵文字を描画
        function drawEnemies() {
            enemies.forEach(function(enemy) {
                context.font = "40px sans-serif";
                context.fillText("👾", enemy.x, enemy.y);
            });
        }

// ゲームループ
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーの描画
            drawPlayer();

// 弾の描画
            drawBullets();

// 敵の描画
            drawEnemies();

// 弾の移動
            bullets.forEach(function(bullet, bulletIndex) {
                bullet.y -= 5; // 弾の速度調整
                if (bullet.y < 0) {
                    bullets.splice(bulletIndex, 1);
                }
            });

// 敵の移動
            enemies.forEach(function(enemy, enemyIndex) {
                enemy.y += 3; // 敵の速度調整
                if (enemy.y > canvas.height) {
                    enemies.splice(enemyIndex, 1);
                }
            });

// 衝突判定
            bullets.forEach(function(bullet, bulletIndex) {
                enemies.forEach(function(enemy, enemyIndex) {
                    if (bullet.x > enemy.x - 40 && bullet.x < enemy.x + 40 && bullet.y > enemy.y - 40 && bullet.y < enemy.y + 40) {
                        bullets.splice(bulletIndex, 1);
                        enemies.splice(enemyIndex, 1);
                    }
                });
            });

requestAnimationFrame(gameLoop);
        }

// キーボード入力処理
        window.addEventListener("keydown", function(event) {
            if (event.code === "ArrowLeft" && playerX > 0) {
                playerX -= 10; // プレイヤーの移動速度調整
            }

if (event.code === "ArrowRight" && playerX < canvas.width - 40) {
                playerX += 10; // プレイヤーの移動速度調整
            }

if (event.code === "Space") {
                bullets.push({ x: playerX + 20, y: playerY }); // 弾の生成位置調整
            }
        });

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

gameLoop();
    </script>
</body>
</html>