feat(common): 添加 logo 动画效果并更新相关页面

minorcell · minorcell · commit 7a3d8568de50 · 2025-09-17T00:46:27.000+08:00
- 新增 LogoAnimation 类，实现 logo 的各种动画效果
- 在首页和其他页面中初始化 logo 动画
- 添加 logo 到粒子效果和特殊场景动画
- 优化 logo 悬停、点击等交互动画
diff --git a/index.html b/index.html
@@ -139,12 +139,13 @@ <h2 class="subtitle">Cosmic Inquiry Lab</h2>
         </svg>
     </div>
 
-    <script src="../build/gsap.js"></script>
+    <script src="./build/gsap.js"></script>
     <script src="./build/three_r145.js"></script>
     <script src="./scripts/common/HeaderController.js"></script>
     <script src="./scripts/common/StarBackground.js"></script>
     <script src="./scripts/common/MeteorEffect.js"></script>
     <script src="./scripts/common/Mouse.js"></script>
+    <script src="./scripts/common/LogoAnimation.js"></script>
     <script src="./scripts/index/index.js"></script>
     <script>
         const curve = document.getElementById('curve');
diff --git a/pages/ChronologyOfStellarTrails.html b/pages/ChronologyOfStellarTrails.html
@@ -49,6 +49,7 @@
     <script src="../scripts/common/MeteorEffect.js"></script>
     <script src="../scripts/common/utils.js"></script>
     <script src="../scripts/common/Mouse.js"></script>
+    <script src="../scripts/common/LogoAnimation.js"></script>
     <script src="../scripts/ChronologyOfStellarTrails/index.js"></script>
 </body>
 
diff --git a/pages/ChronologyOfStellarTrailsDetails.html b/pages/ChronologyOfStellarTrailsDetails.html
@@ -100,6 +100,7 @@ <h3>降落时间：2005.10.17 16:00</h3>
   <script src="../scripts/common/StarBackground.js"></script>
   <script src="../scripts/common/MeteorEffect.js"></script>
   <script src="../scripts/common/Mouse.js"></script>
+  <script src="../scripts/common/LogoAnimation.js"></script>
   <script src="../scripts/ChronologyOfStellarTrails/detail.js"></script>
 </body>
 
diff --git a/pages/GlobalQuickReport.html b/pages/GlobalQuickReport.html
@@ -58,6 +58,7 @@
         <script src="../scripts/common/MeteorEffect.js"></script>
         <script src="../scripts/common/Mouse.js"></script>
         <script src="../scripts/common/utils.js"></script>
+        <script src="../scripts/common/LogoAnimation.js"></script>
         <script src="../scripts/GlobalQuickReport/index.js"></script>
 </body>
 
diff --git a/pages/TwelveOrderStars.html b/pages/TwelveOrderStars.html
@@ -146,6 +146,7 @@ <h4 class="detail">发射地点：酒泉卫星发射基地</h4>
     <script src="../scripts/common/StarBackground.js"></script>
     <script src="../scripts/common/MeteorEffect.js"></script>
     <script src="../scripts/common/Mouse.js"></script>
+    <script src="../scripts/common/LogoAnimation.js"></script>
     <script src="../scripts/TwelveOrderStars/index.js"></script>
 </body>
 
diff --git a/pages/WenTianPavilion.html b/pages/WenTianPavilion.html
@@ -171,6 +171,7 @@ <h2>恭喜获得一个碎片</h2>
   <script src="../scripts/common/StarBackground.js"></script>
   <script src="../scripts/common/MeteorEffect.js"></script>
   <script src="../scripts/common/Mouse.js"></script>
+  <script src="../scripts/common/LogoAnimation.js"></script>
   <script src="../scripts/WenTianPavilion/index.js"></script>
 </body>
 
diff --git a/scripts/ChronologyOfStellarTrails/detail.js b/scripts/ChronologyOfStellarTrails/detail.js
@@ -797,4 +797,7 @@ document.addEventListener("DOMContentLoaded", function () {
     defaultCursor: '../assets/images/common/MouseDefault.svg',
     clickCursor: '../assets/images/common/MouseClick.svg',
   });
+
+  // 初始化Logo动画
+  new LogoAnimation();
 });
diff --git a/scripts/ChronologyOfStellarTrails/index.js b/scripts/ChronologyOfStellarTrails/index.js
@@ -361,4 +361,7 @@ document.addEventListener("DOMContentLoaded", () => {
     defaultCursor: '../assets/images/common/MouseDefault.svg',
     clickCursor: '../assets/images/common/MouseClick.svg',
   });
+
+  // 初始化Logo动画
+  new LogoAnimation();
 });
diff --git a/scripts/GlobalQuickReport/index.js b/scripts/GlobalQuickReport/index.js
@@ -385,6 +385,9 @@ document.addEventListener("DOMContentLoaded", () => {
         clickCursor: '../assets/images/common/MouseClick.svg',
     });
 
+    // 初始化Logo动画
+    new LogoAnimation();
+
     // 初始化星空背景
     new StarBackground(starBg, {
         starCount: 200
diff --git a/scripts/TwelveOrderStars/index.js b/scripts/TwelveOrderStars/index.js
diff --git a/scripts/WenTianPavilion/index.js b/scripts/WenTianPavilion/index.js
@@ -1017,6 +1017,11 @@ class QAController {
                     puzzleContainer.style.backgroundColor = 'rgba(74, 222, 128, 0.2)';
                     puzzleContainer.style.boxShadow = '0 0 2rem rgba(74, 222, 128, 0.5)';
                 }
+
+                // 触发logo的特殊庆祝动画
+                if (window.logoAnimation) {
+                    window.logoAnimation.playSpecialAnimation('pulse');
+                }
             }, 500);
         }
     }
@@ -1349,4 +1354,11 @@ document.addEventListener("DOMContentLoaded", () => {
         elapsed: 0
     });
     new QAController(data);
+
+    // 初始化logo动画
+    const logoAnimation = new LogoAnimation();
+
+    // 可以在特定场景下触发特殊动画
+    // 例如：完成拼图时让logo发光
+    window.logoAnimation = logoAnimation;
 });
diff --git a/scripts/common/LogoAnimation.js b/scripts/common/LogoAnimation.js
diff --git a/scripts/index/index.js b/scripts/index/index.js
