Update index.html

index.html

@@ -172,6 +172,16 @@
             animation: hitMarker 1s forwards;
             z-index: 4;
         }
+
+.hit-flash {
+    animation: flash 0.3s;
+}
+
+@keyframes flash {
+    0% { opacity: 1; }
+    50% { opacity: 0.3; }
+    100% { opacity: 1; }
+}
         
         @keyframes hitMarker {
             0% { transform: scale(0.5); opacity: 0; }
@@ -750,16 +760,47 @@
                 });
             }
             
-            function handleCenterHit() {
-                if (state.health > 0) {
-                    state.health--;
-                    updateHealth();
-                    
-                    if (state.health <= 0) {
-                        gameOver();
-                    }
-                }
-            }
+// 修改handleCenterHit函数
+function handleCenterHit() {
+    if (state.health > 0) {
+        state.health--;
+        updateHealth();
+        
+        // 将所有目标弹出到画面边缘
+        state.targets.forEach(target => {
+            // 计算从中心到目标的向量
+            const centerX = window.innerWidth / 2;
+            const centerY = window.innerHeight / 2;
+            const targetCenterX = target.x + 125;
+            const targetCenterY = target.y + 125;
+            
+            let dx = targetCenterX - centerX;
+            let dy = targetCenterY - centerY;
+            
+            // 标准化向量并放大(弹出效果)
+            const distance = Math.sqrt(dx * dx + dy * dy);
+            dx /= distance;
+            dy /= distance;
+            
+            // 设置很大的速度向边缘移动
+            target.vx = dx * 20; // 20是弹出速度，可以根据需要调整
+            target.vy = dy * 20;
+            
+            // 添加闪烁效果
+            target.element.classList.add('hit-flash');
+            setTimeout(() => {
+                target.element.classList.remove('hit-flash');
+            }, 300);
+        });
+        
+        if (state.health <= 0) {
+            // 延迟游戏结束，让玩家看到所有目标被弹出的效果
+            setTimeout(() => {
+                gameOver();
+            }, 500);
+        }
+    }
+}
             
             function handleHit(target, projectile) {
                 // Play hit sound