Update index.html

index.html

@@ -318,6 +318,12 @@
     </div>
   </div>
 
+  <!-- 加载陨石贴图（请替换src为你自己喜欢的图片地址） -->
+  <script>
+    const meteorImage = new Image();
+    meteorImage.src = "https://via.placeholder.com/80x80.png?text=Meteor";
+  </script>
+
   <audio id="shootSound" src="https://assets.mixkit.co/sfx/preview/mixkit-laser-weapon-shot-1680.mp3" preload="auto"></audio>
   <audio id="explosionSound" src="https://assets.mixkit.co/sfx/preview/mixkit-explosion-impact-1684.mp3" preload="auto"></audio>
   <audio id="powerupSound" src="https://assets.mixkit.co/sfx/preview/mixkit-achievement-bell-600.mp3" preload="auto"></audio>
@@ -344,17 +350,17 @@
         y: 0,
         width: 60,
         height: 60,
-        velocity: 0,  // 左右方向速度
-        verticalVelocity: 0,  // 上下方向速度
+        velocity: 0,
+        verticalVelocity: 0,
         rotation: 0,
         lastFireTime: 0,
-        fireRate: 200,  // 射击间隔(ms)
-        bulletDamage: 1,  // 子弹伤害
+        fireRate: 200,
+        bulletDamage: 1,
         hasShield: false,
         shieldDuration: 0,
         powerups: {
-          rapidFire: 0,  // 火力增强
-          homingMissiles: 0,  // 跟踪导弹
+          rapidFire: 0,
+          homingMissiles: 0,
         }
       },
       stars: [],
@@ -364,16 +370,16 @@
       bullets: [],
       enemyBullets: [], // 敌人子弹
       debris: [],
-      powerups: [],  // 道具
-      homingMissiles: [],  // 跟踪导弹
-      effects: [],  // 特效
-      particles: [], // 粒子效果
+      powerups: [],
+      homingMissiles: [],
+      effects: [],
+      particles: [],
       lastStarTime: 0,
       lastObstacleTime: 0,
       lastCloudTime: 0,
       lastPowerupTime: 0,
-      lastBossSpawnTime: 0, // 上次生成Boss时间
-      lastEnemyShootTime: 0, // 敌人上次射击时间
+      lastBossSpawnTime: 0,
+      lastEnemyShootTime: 0,
       keys: {
         ArrowUp: false,
         ArrowDown: false,
@@ -386,10 +392,10 @@
       joystickAngle: 0,
       joystickDistance: 0,
       achievements: {
-        firstBlood: false, // 第一次击杀
-        combo5: false, // 连续5次击杀
-        noDamage: false, // 无伤通关
-        bossSlayer: false // 击败Boss
+        firstBlood: false,
+        combo5: false,
+        noDamage: false,
+        bossSlayer: false
       },
       highScore: localStorage.getItem('highScore') || 0
     };
@@ -400,9 +406,9 @@
         id: 'rapidFire',
         icon: 'fas fa-bolt',
         color: 'red',
-        duration: 10000,  // 10秒
+        duration: 10000,
         effect: (game) => {
-          game.plane.fireRate = 100;  // 更快射击
+          game.plane.fireRate = 100;
           game.plane.powerups.rapidFire = Date.now() + POWERUP_TYPES.RAPID_FIRE.duration;
           createEffect('火力增强!', 'red', 1500);
           playSound('powerupSound');
@@ -412,7 +418,7 @@
         id: 'homingMissiles',
         icon: 'fas fa-rocket',
         color: 'purple',
-        duration: 10000,  // 10秒
+        duration: 10000,
         effect: (game) => {
           game.plane.powerups.homingMissiles = Date.now() + POWERUP_TYPES.HOMING_MISSILE.duration;
           createEffect('跟踪导弹已激活!', 'purple', 1500);
@@ -423,7 +429,7 @@
         id: 'shield',
         icon: 'fas fa-shield-alt',
         color: 'blue',
-        duration: 8000,  // 8秒
+        duration: 8000,
         effect: (game) => {
           game.plane.hasShield = true;
           game.plane.shieldDuration = Date.now() + POWERUP_TYPES.SHIELD.duration;
@@ -436,7 +442,7 @@
         icon: 'fas fa-heart',
         color: 'green',
         effect: (game) => {
-          game.lives = Math.min(game.lives + 1, 5);  // 最多5条命
+          game.lives = Math.min(game.lives + 1, 5);
           updateUI();
           createEffect('生命值恢复!', 'green', 1500);
           playSound('powerupSound');
@@ -446,7 +452,7 @@
         id: 'timeSlow',
         icon: 'fas fa-clock',
         color: 'cyan',
-        duration: 8000,  // 8秒
+        duration: 8000,
         effect: (game) => {
           game.timeSlow = Date.now() + POWERUP_TYPES.TIME_SLOW.duration;
           createEffect('时间减速!', 'cyan', 1500);
@@ -458,7 +464,6 @@
         icon: 'fas fa-bomb',
         color: 'orange',
         effect: (game) => {
-          // 清除所有障碍物
           game.obstacles.forEach(obstacle => {
             createExplosion(obstacle.x, obstacle.y);
             createDebris(obstacle, 8);
@@ -472,7 +477,7 @@
         id: 'doubleScore',
         icon: 'fas fa-star',
         color: 'pink',
-        duration: 10000,  // 10秒
+        duration: 10000,
         effect: (game) => {
           game.doubleScore = Date.now() + POWERUP_TYPES.DOUBLE_SCORE.duration;
           createEffect('双倍分数!', 'pink', 1500);
@@ -756,7 +761,7 @@
       });
     }
 
-    // 创建敌人子弹
+    // 创建敌人子弹（增强伤害，将 damage 调整为2）
     function createEnemyBullet(x, y) {
       const size = 8;
       const speed = 5 + gameState.speed / 50;
@@ -771,7 +776,7 @@
         size,
         speed,
         angle,
-        damage: 1
+        damage: 2
       });
       
       playSound('enemyShootSound');
@@ -786,9 +791,8 @@
       const speed = Math.random() * 2 + 2 + gameState.speed / 50;
       const type = Math.random() > 0.5 ? 'rectangle' : 'circle';
       const health = type === 'rectangle' ? (width > 80 ? 3 : 2) : 1;
-      const canShoot = Math.random() > 0.7; // 30%的敌人会射击
+      const canShoot = Math.random() > 0.7;
       
-      // 碰撞体积比实际显示大20%
       const collisionWidth = width * 1.2;
       const collisionHeight = height * 1.2;
       
@@ -806,7 +810,7 @@
         isLarge: width > 80,
         canShoot,
         lastShootTime: 0,
-        shootCooldown: Math.random() * 2000 + 1000 // 射击冷却时间1-3秒
+        shootCooldown: Math.random() * 2000 + 1000
       });
     }
 
@@ -839,7 +843,7 @@
         isBoss: true,
         canShoot: true,
         lastShootTime: 0,
-        shootCooldown: 500 // Boss射击冷却时间0.5秒
+        shootCooldown: 500
       });
       
       createEffect('BOSS出现!', 'red', 2000);
@@ -852,7 +856,6 @@
       const y = Math.random() * (canvas.height - size * 2) + size;
       const speed = Math.random() * 2 + 1;
       
-      // 随机选择一种道具类型
       const powerupKeys = Object.keys(POWERUP_TYPES);
       const randomPowerup = POWERUP_TYPES[powerupKeys[Math.floor(Math.random() * powerupKeys.length)]];
       
@@ -867,9 +870,8 @@
 
     // 创建跟踪导弹
     function createHomingMissile() {
-      if (gameState.obstacles.length === 0) return;  // 没有目标时不开火
+      if (gameState.obstacles.length === 0) return;
       
-      // 找到最近的障碍物作为目标
       let closestObstacle = null;
       let minDistance = Infinity;
       
@@ -919,12 +921,12 @@
 
     // 创建子弹
     function createBullet() {
-      if (gameState.ammo <= 0) return false;  // 没有弹药了
+      if (gameState.ammo <= 0) return false;
       
-      const size = gameState.plane.powerups.rapidFire > Date.now() ? 10 : 8;  // 火力增强时子弹更大
-      const damage = gameState.plane.powerups.rapidFire > Date.now() ? 2 : 1;  // 火力增强时伤害更高
-      const speed = gameState.plane.powerups.rapidFire > Date.now() ? 18 : 15;  // 火力增强时速度更快
-      const x = gameState.plane.x + 30;  // 从飞机前端发射
+      const size = gameState.plane.powerups.rapidFire > Date.now() ? 10 : 8;
+      const damage = gameState.plane.powerups.rapidFire > Date.now() ? 2 : 1;
+      const speed = gameState.plane.powerups.rapidFire > Date.now() ? 18 : 15;
+      const x = gameState.plane.x + 30;
       const y = gameState.plane.y;
       
       gameState.bullets.push({
@@ -935,13 +937,11 @@
         damage
       });
       
-      // 如果有跟踪导弹能力且冷却结束
       if (gameState.plane.powerups.homingMissiles > Date.now() && 
-          Math.random() > 0.7) {  // 70%概率发射跟踪导弹
+          Math.random() > 0.7) {
         requestAnimationFrame(createHomingMissile);
       }
       
-      // 如果弹药不是无限的，减少弹药
       if (gameState.ammo !== Infinity) {
         gameState.ammo--;
       }
@@ -982,14 +982,12 @@
       gameOverScreen.classList.remove('hidden');
       finalScore.textContent = gameState.score;
       
-      // 更新最高分
       if (gameState.score > gameState.highScore) {
         gameState.highScore = gameState.score;
         localStorage.setItem('highScore', gameState.highScore);
         achievementsDisplay.innerHTML += `<div class="text-yellow-400 mb-2">🎉 新纪录!</div>`;
       }
       
-      // 显示成就
       if (!gameState.achievements.firstBlood) {
         achievementsDisplay.innerHTML += `<div class="text-green-400 mb-2">🏆 首次击杀!</div>`;
       }
@@ -1003,7 +1001,6 @@
         achievementsDisplay.innerHTML += `<div class="text-red-400 mb-2">👹 Boss杀手!</div>`;
       }
       
-      // 隐藏触摸控制按钮
       leftBtn.classList.add('hidden');
       rightBtn.classList.add('hidden');
       upBtn.classList.add('hidden');
@@ -1018,43 +1015,34 @@
     function gameLoop(timestamp) {
       if (!gameState.started || gameState.gameOver) return;
       
-      // 清除画布
       ctx.clearRect(0, 0, canvas.width, canvas.height);
       
-      // 更新游戏状态
       updateGame(timestamp);
       
-      // 绘制游戏元素
       drawGame();
       
-      // 继续循环
       requestAnimationFrame(gameLoop);
     }
 
     // 更新游戏状态
     function updateGame(timestamp) {
-      // 随着分数增加难度
       gameState.difficulty = 1 + Math.min(gameState.score / 1000, 3);
       
-      // 检查Boss生成条件
       if (!gameState.bossActive && 
           gameState.score > 0 && 
           gameState.score % 5000 === 0 && 
-          timestamp - gameState.lastBossSpawnTime > 30000) { // 每5000分且30秒内未生成Boss
+          timestamp - gameState.lastBossSpawnTime > 30000) {
         createBoss();
       }
       
-      // 时间减速因子
       const timeSlowFactor = gameState.timeSlow > Date.now() ? 0.5 : 1;
       
-      // 处理开火
       if ((gameState.keys.Space || gameState.isFiring) && 
-          timestamp - gameState.plane.lastFireTime > gameState.plane.fireRate) {  // 射击冷却
+          timestamp - gameState.plane.lastFireTime > gameState.plane.fireRate) {
         createBullet();
         gameState.plane.lastFireTime = timestamp;
       }
       
-      // 敌人射击
       if (timestamp - gameState.lastEnemyShootTime > 1000 / gameState.difficulty) {
         gameState.obstacles.forEach(obstacle => {
           if (obstacle.canShoot && timestamp - obstacle.lastShootTime > obstacle.shootCooldown) {
@@ -1065,7 +1053,6 @@
         gameState.lastEnemyShootTime = timestamp;
       }
       
-      // 更新敌人子弹
       gameState.enemyBullets.forEach(bullet => {
         bullet.x += Math.cos(bullet.angle) * bullet.speed * timeSlowFactor;
         bullet.y += Math.sin(bullet.angle) * bullet.speed * timeSlowFactor;
@@ -1075,10 +1062,9 @@
         bullet.y > 0 && bullet.y < canvas.height
       );
       
-      // 检查道具是否过期
       if (gameState.plane.powerups.rapidFire > 0 && gameState.plane.powerups.rapidFire < Date.now()) {
         gameState.plane.powerups.rapidFire = 0;
-        gameState.plane.fireRate = 200;  // 恢复默认射击速度
+        gameState.plane.fireRate = 200;
         createEffect('火力增强结束', 'red', 1500);
       }
       
@@ -1102,7 +1088,6 @@
         createEffect('双倍分数结束', 'pink', 1500);
       }
       
-      // 更新飞机速度
       if (gameState.keys.ArrowUp || gameState.keys.ArrowDown) {
         gameState.speed = Math.max(50, 
           Math.min(200, 
@@ -1111,7 +1096,6 @@
         );
       }
       
-      // 更新水平方向移动
       if (gameState.keys.ArrowLeft || gameState.joystickAngle < -Math.PI/4) {
         gameState.plane.rotation = Math.max(gameState.plane.rotation - 2, -20);
         gameState.plane.velocity = Math.max(gameState.plane.velocity - 0.5, -5);
@@ -1119,57 +1103,47 @@
         gameState.plane.rotation = Math.min(gameState.plane.rotation + 2, 20);
         gameState.plane.velocity = Math.min(gameState.plane.velocity + 0.5, 5);
       } else {
-        // 如果没有按左右键，飞机逐渐回正
         gameState.plane.rotation *= 0.95;
         gameState.plane.velocity *= 0.95;
         if (Math.abs(gameState.plane.rotation) < 0.5) gameState.plane.rotation = 0;
         if (Math.abs(gameState.plane.velocity) < 0.5) gameState.plane.velocity = 0;
       }
       
-      // 更新垂直方向移动
       if (gameState.keys.ArrowUp || (gameState.joystickActive && gameState.joystickAngle < -Math.PI/4 && gameState.joystickAngle > -3*Math.PI/4)) {
         gameState.plane.verticalVelocity = Math.max(gameState.plane.verticalVelocity - 0.5, -5);
       } else if (gameState.keys.ArrowDown || (gameState.joystickActive && gameState.joystickAngle > Math.PI/4 && gameState.joystickAngle < 3*Math.PI/4)) {
         gameState.plane.verticalVelocity = Math.min(gameState.plane.verticalVelocity + 0.5, 5);
       } else {
-        // 如果没有按上下键，垂直速度逐渐归零
         gameState.plane.verticalVelocity *= 0.95;
         if (Math.abs(gameState.plane.verticalVelocity) < 0.5) gameState.plane.verticalVelocity = 0;
       }
       
-      // 更新飞机位置
       gameState.plane.x += gameState.plane.velocity;
       gameState.plane.y += gameState.plane.verticalVelocity;
       
-      // 限制飞机在屏幕内
       gameState.plane.x = Math.max(gameState.plane.width / 2, Math.min(gameState.plane.x, canvas.width - gameState.plane.width / 2));
       gameState.plane.y = Math.max(gameState.plane.height / 2, Math.min(gameState.plane.y, canvas.height - gameState.plane.height / 2));
       
-      // 生成新星星
       if (timestamp - gameState.lastStarTime > 2000 / gameState.difficulty) {
         createStar();
         gameState.lastStarTime = timestamp;
       }
       
-      // 生成新障碍物
       if (timestamp - gameState.lastObstacleTime > 1500 / gameState.difficulty * timeSlowFactor) {
         createObstacle();
         gameState.lastObstacleTime = timestamp;
       }
       
-      // 生成新云朵
       if (timestamp - gameState.lastCloudTime > 1000 * timeSlowFactor) {
         createCloud();
         gameState.lastCloudTime = timestamp;
       }
       
-      // 生成新道具 (每5-8秒)
       if (timestamp - gameState.lastPowerupTime > (Math.random() * 3000 + 5000) / gameState.difficulty * timeSlowFactor) {
         createPowerup();
         gameState.lastPowerupTime = timestamp;
       }
       
-      // 更新粒子
       gameState.particles.forEach(particle => {
         particle.x += particle.speedX;
         particle.y += particle.speedY;
@@ -1177,12 +1151,10 @@
       });
       gameState.particles = gameState.particles.filter(p => p.life > 0);
       
-      // 更新特效
       gameState.effects = gameState.effects.filter(effect => 
         Date.now() - effect.startTime < effect.duration
       );
       
-      // 更新碎片
       gameState.debris.forEach(debris => {
         debris.x += debris.speedX;
         debris.y += debris.speedY;
@@ -1191,19 +1163,15 @@
       });
       gameState.debris = gameState.debris.filter(debris => debris.opacity > 0);
       
-      // 更新跟踪导弹
       gameState.homingMissiles.forEach(missile => {
         if (!missile.target || missile.target.hit) {
-          // 如果没有目标或目标已被击中，则直线飞行
           missile.x += Math.cos(missile.angle) * missile.speed;
           missile.y += Math.sin(missile.angle) * missile.speed;
         } else {
-          // 计算新的角度以跟踪目标
           const dx = missile.target.x - missile.x;
           const dy = missile.target.y - missile.y;
           const targetAngle = Math.atan2(dy, dx);
           
-          // 平滑转向
           let angleDiff = targetAngle - missile.angle;
           if (angleDiff > Math.PI) angleDiff -= Math.PI * 2;
           if (angleDiff < -Math.PI) angleDiff += Math.PI * 2;
@@ -1212,7 +1180,6 @@
           missile.x += Math.cos(missile.angle) * missile.speed;
           missile.y += Math.sin(missile.angle) * missile.speed;
           
-          // 检测碰撞
           const missileRect = {
             x: missile.x - missile.size / 2,
             y: missile.y - missile.size / 2,
@@ -1229,7 +1196,7 @@
           
           if (checkCollision(missileRect, targetRect)) {
             missile.hit = true;
-            missile.target.health -= 3;  // 导弹伤害更高
+            missile.target.health -= 3;
             
             if (missile.target.health <= 0) {
               missile.target.hit = true;
@@ -1237,7 +1204,6 @@
               gameState.score += gameState.doubleScore > Date.now() ? scoreBonus * 2 : scoreBonus;
               updateUI();
               
-              // 如果是大型障碍物但不是Boss，分裂成小型障碍物
               if (missile.target.isLarge && !missile.target.isBoss) {
                 for (let i = 0; i < 3; i++) {
                   gameState.obstacles.push({
@@ -1256,17 +1222,14 @@
                 }
               }
               
-              // 如果是Boss，标记Boss已击败
               if (missile.target.isBoss) {
                 gameState.bossActive = false;
                 gameState.achievements.bossSlayer = true;
               }
               
-              // 创建碎片效果
               createDebris(missile.target, missile.target.isBoss ? 30 : 12);
             }
             
-            // 创建爆炸效果
             createExplosion(missile.x, missile.y);
           }
         }
@@ -1277,17 +1240,14 @@
         !missile.hit
       );
       
-      // 更新云朵
       gameState.clouds.forEach(cloud => {
         cloud.x -= cloud.speed * timeSlowFactor;
       });
       gameState.clouds = gameState.clouds.filter(cloud => cloud.x + cloud.size > 0);
       
-      // 更新道具
       gameState.powerups.forEach(powerup => {
         powerup.x -= powerup.speed * timeSlowFactor;
         
-        // 检测与飞机的碰撞
         const planeRect = {
           x: gameState.plane.x - gameState.plane.width / 2,
           y: gameState.plane.y - gameState.plane.height / 2,
@@ -1313,13 +1273,11 @@
         powerup.x + powerup.size > 0 && !powerup.collected
       );
       
-      // 更新子弹
       gameState.bullets.forEach(bullet => {
         bullet.x += bullet.speed * timeSlowFactor;
       });
       gameState.bullets = gameState.bullets.filter(bullet => bullet.x < canvas.width);
       
-      // 检查敌人子弹与飞机的碰撞
       gameState.enemyBullets.forEach(bullet => {
         const bulletRect = {
           x: bullet.x - bullet.size / 2,
@@ -1346,19 +1304,16 @@
               endGame();
             }
           } else {
-            // 保护罩被击中
             createExplosion(bullet.x, bullet.y);
           }
         }
       });
       gameState.enemyBullets = gameState.enemyBullets.filter(bullet => !bullet.hit);
       
-      // 更新星星
       gameState.stars.forEach(star => {
         star.x -= star.speed * timeSlowFactor;
         star.rotation += star.rotationSpeed;
         
-        // 检测碰撞
         const planeRect = {
           x: gameState.plane.x - gameState.plane.width / 2,
           y: gameState.plane.y - gameState.plane.height / 2,
@@ -1383,12 +1338,10 @@
       });
       gameState.stars = gameState.stars.filter(star => star.x + star.size > 0 && !star.collected);
       
-      // 更新障碍物
-      let comboCount = 0; // 连续击杀计数器
+      let comboCount = 0;
       gameState.obstacles.forEach(obstacle => {
         obstacle.x -= obstacle.speed * timeSlowFactor;
         
-        // 检测与飞机的碰撞
         const planeRect = {
           x: gameState.plane.x - gameState.plane.width / 2,
           y: gameState.plane.y - gameState.plane.height / 2,
@@ -1404,7 +1357,6 @@
         };
         
         if (checkCollision(planeRect, obstacleRect) && !gameState.gameOver) {
-          // 如果有保护罩则不会受伤
           if (!gameState.plane.hasShield || gameState.plane.shieldDuration < Date.now()) {
             obstacle.hit = true;
             gameState.lives--;
@@ -1415,14 +1367,12 @@
               endGame();
             }
           } else {
-            // 保护罩被击中
             obstacle.hit = true;
             createExplosion(obstacle.x, obstacle.y);
             createDebris(obstacle, 4);
           }
         }
         
-        // 检测与子弹的碰撞
         if (!obstacle.hit) {
           const bulletHits = [];
           
@@ -1453,7 +1403,6 @@
                 updateUI();
                 comboCount++;
                 
-                // 如果是大型障碍物但不是Boss，分裂成小型障碍物
                 if (obstacle.isLarge && !obstacle.isBoss) {
                   for (let i = 0; i < 3; i++) {
                     gameState.obstacles.push({
@@ -1472,16 +1421,13 @@
                   }
                 }
                 
-                // 如果是Boss，标记Boss已击败
                 if (obstacle.isBoss) {
                   gameState.bossActive = false;
                   gameState.achievements.bossSlayer = true;
                 }
                 
-                // 创建碎片效果
                 createDebris(obstacle, obstacle.isBoss ? 30 : 8);
                 
-                // 首次击杀成就
                 if (!gameState.achievements.firstBlood) {
                   gameState.achievements.firstBlood = true;
                   createEffect('首次击杀!', 'green', 2000);
@@ -1490,13 +1436,11 @@
             }
           });
           
-          // 连续击杀成就
           if (comboCount >= 5 && !gameState.achievements.combo5) {
             gameState.achievements.combo5 = true;
             createEffect('连续5次击杀!', 'blue', 2000);
           }
           
-          // 移除已经击中的子弹
           for (let i = bulletHits.length - 1; i >= 0; i--) {
             gameState.bullets.splice(bulletHits[i], 1);
           }
@@ -1504,7 +1448,6 @@
       });
       gameState.obstacles = gameState.obstacles.filter(obstacle => obstacle.x + obstacle.width > 0 && !obstacle.hit);
       
-      // 更新爆炸效果
       gameState.explosions.forEach(explosion => {
         explosion.size += 2;
         explosion.alpha -= 0.02;
@@ -1514,14 +1457,12 @@
 
     // 绘制游戏元素
     function drawGame() {
-      // 绘制背景渐变
       const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
       gradient.addColorStop(0, '#1e3c72');
       gradient.addColorStop(1, '#2a5298');
       ctx.fillStyle = gradient;
       ctx.fillRect(0, 0, canvas.width, canvas.height);
       
-      // 绘制云朵
       gameState.clouds.forEach(cloud => {
         cloud.parts.forEach(part => {
           ctx.beginPath();
@@ -1537,7 +1478,6 @@
         });
       });
       
-      // 绘制粒子
       gameState.particles.forEach(particle => {
         ctx.beginPath();
         ctx.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2);
@@ -1547,7 +1487,6 @@
         ctx.globalAlpha = 1;
       });
       
-      // 绘制碎片
       gameState.debris.forEach(debris => {
         ctx.save();
         ctx.translate(debris.x, debris.y);
@@ -1564,7 +1503,6 @@
         ctx.restore();
       });
       
-      // 绘制敌人子弹
       gameState.enemyBullets.forEach(bullet => {
         const gradient = ctx.createRadialGradient(
           bullet.x, bullet.y, 0,
@@ -1578,7 +1516,6 @@
         ctx.fillStyle = gradient;
         ctx.fill();
         
-        // 子弹尾迹
         ctx.beginPath();
         ctx.moveTo(bullet.x - Math.cos(bullet.angle) * 10, bullet.y - Math.sin(bullet.angle) * 10);
         ctx.lineTo(bullet.x, bullet.y);
@@ -1587,12 +1524,10 @@
         ctx.stroke();
       });
       
-      // 绘制道具
       gameState.powerups.forEach(powerup => {
         ctx.save();
         ctx.translate(powerup.x, powerup.y);
         
-        // 绘制闪光效果
         ctx.beginPath();
         ctx.arc(0, 0, powerup.size / 2, 0, Math.PI * 2);
         const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, powerup.size / 2);
@@ -1603,18 +1538,15 @@
         ctx.fill();
         ctx.globalAlpha = 1;
         
-        // 绘制道具图标背景
         ctx.fillStyle = powerup.type.color;
         ctx.beginPath();
         ctx.arc(0, 0, powerup.size / 2 - 3, 0, Math.PI * 2);
         ctx.fill();
         
-        // 绘制边框
         ctx.strokeStyle = 'white';
         ctx.lineWidth = 2;
         ctx.stroke();
         
-        // 绘制道具图标（使用FontAwesome图标Unicode）
         ctx.fillStyle = 'white';
         ctx.font = '20px FontAwesome';
         ctx.textAlign = 'center';
@@ -1624,13 +1556,11 @@
         ctx.restore();
       });
       
-      // 绘制跟踪导弹
       gameState.homingMissiles.forEach(missile => {
         ctx.save();
         ctx.translate(missile.x, missile.y);
         ctx.rotate(missile.angle);
         
-        // 导弹主体
         ctx.fillStyle = 'red';
         ctx.beginPath();
         ctx.moveTo(missile.size / 2, 0);
@@ -1639,7 +1569,6 @@
         ctx.closePath();
         ctx.fill();
         
-        // 火焰效果
         ctx.fillStyle = 'orange';
         ctx.beginPath();
         ctx.moveTo(-missile.size / 2, -missile.size / 4);
@@ -1651,7 +1580,6 @@
         ctx.restore();
       });
       
-      // 绘制子弹
       gameState.bullets.forEach(bullet => {
         const gradient = ctx.createRadialGradient(
           bullet.x, bullet.y, 0,
@@ -1665,7 +1593,6 @@
         ctx.fillStyle = gradient;
         ctx.fill();
         
-        // 子弹尾迹
         ctx.beginPath();
         ctx.moveTo(bullet.x - bullet.speed, bullet.y);
         ctx.lineTo(bullet.x, bullet.y);
@@ -1674,7 +1601,6 @@
         ctx.stroke();
       });
       
-      // 绘制星星
       gameState.stars.forEach(star => {
         ctx.save();
         ctx.translate(star.x, star.y);
@@ -1723,7 +1649,6 @@
         ctx.translate(obstacle.x, obstacle.y);
         
         if (obstacle.type === 'rectangle') {
-          // 绘制健康条 (如果是矩形障碍物)
           if (obstacle.health < obstacle.maxHealth) {
             const healthBarWidth = obstacle.isBoss ? 100 : 20;
             ctx.fillStyle = 'red';
@@ -1742,9 +1667,7 @@
             );
           }
           
-          // 判断是否为敌人飞机（带有射击能力的障碍物）
           if (obstacle.canShoot) {
-            // 使用渐变和阴影美化敌机主体
             let bodyGradient = ctx.createLinearGradient(-obstacle.width/2, 0, obstacle.width/2, 0);
             if (obstacle.isBoss) {
               bodyGradient.addColorStop(0, '#ff4d4d');
@@ -1764,7 +1687,6 @@
             ctx.fill();
             ctx.shadowBlur = 0;
             
-            // 绘制机翼
             let wingGradient = ctx.createLinearGradient(-obstacle.width/4, 0, obstacle.width/4, 0);
             wingGradient.addColorStop(0, obstacle.isBoss ? '#a83232' : '#444');
             wingGradient.addColorStop(1, obstacle.isBoss ? '#600000' : '#222');
@@ -1785,16 +1707,6 @@
             ctx.closePath();
             ctx.fill();
             
-            // 绘制驾驶舱（使用径向渐变）
-            let cockpitGradient = ctx.createRadialGradient(obstacle.width/4, 0, 0, obstacle.width/4, 0, obstacle.width/8);
-            cockpitGradient.addColorStop(0, '#80dfff');
-            cockpitGradient.addColorStop(1, '#3498db');
-            ctx.fillStyle = cockpitGradient;
-            ctx.beginPath();
-            ctx.arc(obstacle.width/4, 0, obstacle.width/8, 0, Math.PI * 2);
-            ctx.fill();
-            
-            // 绘制尾翼
             ctx.beginPath();
             ctx.moveTo(-obstacle.width/2, 0);
             ctx.lineTo(-obstacle.width/3, -obstacle.height/4);
@@ -1812,7 +1724,14 @@
             ctx.closePath();
             ctx.fill();
             
-            // 如果是Boss，添加特殊标记
+            let cockpitGradient = ctx.createRadialGradient(obstacle.width/4, 0, 0, obstacle.width/4, 0, obstacle.width/8);
+            cockpitGradient.addColorStop(0, '#80dfff');
+            cockpitGradient.addColorStop(1, '#3498db');
+            ctx.fillStyle = cockpitGradient;
+            ctx.beginPath();
+            ctx.arc(obstacle.width/4, 0, obstacle.width/8, 0, Math.PI * 2);
+            ctx.fill();
+            
             if (obstacle.isBoss) {
               ctx.fillStyle = 'gold';
               ctx.font = 'bold 16px Arial';
@@ -1820,7 +1739,6 @@
               ctx.fillText('BOSS', 0, 0);
             }
           } else {
-            // 绘制普通矩形障碍物
             ctx.fillStyle = obstacle.isBoss ? '#8B0000' : (obstacle.isLarge ? '#333' : '#555');
             ctx.fillRect(
               -obstacle.width / 2,
@@ -1828,7 +1746,6 @@
               obstacle.width,
               obstacle.height
             );
-            // 添加一些细节
             ctx.fillStyle = obstacle.isBoss ? '#600000' : (obstacle.isLarge ? '#222' : '#444');
             ctx.fillRect(
               -obstacle.width / 2 + 5,
@@ -1837,7 +1754,6 @@
               obstacle.height - 10
             );
             
-            // 添加裂缝效果 (对于受损的大型障碍物)
             if ((obstacle.isLarge || obstacle.isBoss) && obstacle.health < obstacle.maxHealth) {
               ctx.strokeStyle = 'rgba(0, 0, 0, 0.5)';
               ctx.lineWidth = 2;
@@ -1855,7 +1771,6 @@
               }
             }
             
-            // 如果是Boss，添加特殊标记
             if (obstacle.isBoss) {
               ctx.fillStyle = 'gold';
               ctx.font = 'bold 20px Arial';
@@ -1865,46 +1780,25 @@
             }
           }
         } else {
-          // 圆形障碍物
-          ctx.beginPath();
-          ctx.arc(0, 0, obstacle.width / 2, 0, Math.PI * 2);
-          ctx.fillStyle = '#555';
-          ctx.fill();
-          
-          // 添加一些细节
-          ctx.beginPath();
-          ctx.arc(0, 0, obstacle.width / 2 - 5, 0, Math.PI * 2);
-          ctx.fillStyle = '#444';
-          ctx.fill();
-          
-          // 添加裂缝效果 (对于受损的大型障碍物)
-          if (obstacle.isLarge && obstacle.health < obstacle.maxHealth) {
-            ctx.strokeStyle = 'rgba(0, 0, 0, 0.5)';
-            ctx.lineWidth = 2;
-            for (let i = 0; i < 3; i++) {
-              ctx.beginPath();
-              ctx.moveTo(
-                Math.cos(i * 2) * obstacle.width / 4,
-                Math.sin(i * 2) * obstacle.width / 4
-              );
-              ctx.lineTo(
-                Math.cos(i * 2 + 1) * obstacle.width / 3,
-                Math.sin(i * 2 + 1) * obstacle.width / 3
-              );
-              ctx.stroke();
-            }
+          // 如果障碍物类型为"circle"，我们将其视为陨石并绘制贴图
+          if (meteorImage.complete) {
+            ctx.drawImage(meteorImage, -obstacle.width / 2, -obstacle.height / 2, obstacle.width, obstacle.height);
+          } else {
+            // 贴图未加载完成时绘制占位圆
+            ctx.beginPath();
+            ctx.arc(0, 0, obstacle.width / 2, 0, Math.PI * 2);
+            ctx.fillStyle = '#555';
+            ctx.fill();
           }
         }
         
         ctx.restore();
       });
       
-      // 绘制飞机
       ctx.save();
       ctx.translate(gameState.plane.x, gameState.plane.y);
       ctx.rotate(gameState.plane.rotation * Math.PI / 180);
       
-      // 绘制保护罩
       if (gameState.plane.hasShield && gameState.plane.shieldDuration > Date.now()) {
         ctx.beginPath();
         ctx.arc(0, 0, 45, 0, Math.PI * 2);
@@ -1912,7 +1806,6 @@
         ctx.lineWidth = 3;
         ctx.stroke();
         
-        // 保护罩光晕
         const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, 45);
         gradient.addColorStop(0, 'rgba(0, 204, 255, 0.2)');
         gradient.addColorStop(1, 'rgba(0, 204, 255, 0)');
@@ -1920,7 +1813,6 @@
         ctx.fill();
       }
       
-      // 飞机主体
       ctx.beginPath();
       ctx.moveTo(30, 0);
       ctx.lineTo(-20, -15);
@@ -1930,13 +1822,11 @@
       ctx.fillStyle = '#e74c3c';
       ctx.fill();
       
-      // 飞机窗户
       ctx.beginPath();
       ctx.arc(10, 0, 5, 0, Math.PI * 2);
       ctx.fillStyle = '#3498db';
       ctx.fill();
       
-      // 飞机机翼
       ctx.beginPath();
       ctx.moveTo(5, 0);
       ctx.lineTo(-5, -20);
@@ -1955,7 +1845,6 @@
       ctx.fillStyle = '#c0392b';
       ctx.fill();
       
-      // 飞机尾翼
       ctx.beginPath();
       ctx.moveTo(-20, 0);
       ctx.lineTo(-25, -10);
@@ -1976,7 +1865,6 @@
       
       ctx.restore();
       
-      // 绘制爆炸效果
       gameState.explosions.forEach(explosion => {
         ctx.save();
         ctx.translate(explosion.x, explosion.y);
@@ -1997,13 +1885,12 @@
         ctx.restore();
       });
       
-      // 绘制特效文字
       gameState.effects.forEach(effect => {
         const timePassed = Date.now() - effect.startTime;
         const progress = timePassed / effect.duration;
         
         ctx.save();
-        ctx.translate(effect.x, effect.y - progress * 50); // 文字向上移动
+        ctx.translate(effect.x, effect.y - progress * 50);
         ctx.globalAlpha = 1 - progress * 0.8;
 
         ctx.font = 'bold 20px Arial';
@@ -2015,7 +1902,6 @@
         ctx.restore();
       });
       
-      // 绘制速度线
       if (gameState.speed > 120) {
         for (let i = 0; i < 10; i++) {
           const x = Math.random() * canvas.width;
@@ -2053,7 +1939,7 @@
         'fas fa-bomb': 'f1e2',
         'fas fa-star': 'f005'
       };
-      return icons[iconClass] || 'f128';  // 默认返回问号图标
+      return icons[iconClass] || 'f128';
     }
 
     // 虚拟摇杆控制
@@ -2076,7 +1962,6 @@
         handleX = touch.clientX - startX;
         handleY = touch.clientY - startY;
         
-        // 限制摇杆移动范围
         const distance = Math.sqrt(handleX * handleX + handleY * handleY);
         if (distance > maxDistance) {
           handleX = (handleX / distance) * maxDistance;
@@ -2085,7 +1970,6 @@
         
         handle.style.transform = `translate(${handleX}px, ${handleY}px)`;
         
-        // 计算角度和距离
         gameState.joystickAngle = Math.atan2(handleY, handleX);
         gameState.joystickDistance = distance / maxDistance;
         gameState.joystickActive = true;
@@ -2099,7 +1983,6 @@
         handleX = touch.clientX - startX;
         handleY = touch.clientY - startY;
         
-        // 限制摇杆移动范围
         const distance = Math.sqrt(handleX * handleX + handleY * handleY);
         if (distance > maxDistance) {
           handleX = (handleX / distance) * maxDistance;
@@ -2108,7 +1991,6 @@
         
         handle.style.transform = `translate(${handleX}px, ${handleY}px)`;
         
-        // 计算角度和距离
         gameState.joystickAngle = Math.atan2(handleY, handleX);
         gameState.joystickDistance = distance / maxDistance;
       });
@@ -2121,17 +2003,15 @@
       });
     }
 
-    // 事件监听
     window.addEventListener('resize', resizeCanvas);
 
-    // 键盘控制
     document.addEventListener('keydown', (e) => {
       if (gameState.keys.hasOwnProperty(e.key)) {
         gameState.keys[e.key] = true;
         e.preventDefault();
       }
       
-      if (e.key === ' ' || e.key === 'Spacebar') {  // 空格键射击
+      if (e.key === ' ' || e.key === 'Spacebar') {
         gameState.keys.Space = true;
         e.preventDefault();
       }
@@ -2149,7 +2029,6 @@
       }
     });
 
-    // 触摸控制按钮事件
     leftBtn.addEventListener('touchstart', (e) => {
       e.preventDefault();
       gameState.keys.ArrowLeft = true;
@@ -2195,7 +2074,6 @@
       gameState.isFiring = false;
     });
 
-    // 鼠标控制按钮事件（用于桌面浏览器测试）
     leftBtn.addEventListener('mousedown', (e) => {
       e.preventDefault();
       gameState.keys.ArrowLeft = true;
@@ -2261,15 +2139,12 @@
       gameState.isFiring = false;
     });
 
-    // 按钮事件
     startButton.addEventListener('click', initGame);
     restartButton.addEventListener('click', initGame);
 
-    // 初始调整画布大小
     resizeCanvas();
     setupJoystick();
 
-    // 显示最高分
     highScoreDisplay.textContent = gameState.highScore;
   </script>
   <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">