Function _startLinkAnimation

frontend/app.js:880–926

* 启动链路流动动画循环。 * 通过持续调用 requestRender 驱动 Cesium 在 requestRenderMode 下不断重绘， * 同时利用 PolylineGlowMaterialProperty 的自发光效果模拟数据流动感。 * 每帧递增 _linkAnimOffset 并对有速率信息的链路微调发光强度，产生脉冲效果。

()

     * 每帧递增 _linkAnimOffset 并对有速率信息的链路微调发光强度，产生脉冲效果。
     */
    _startLinkAnimation() {
      if (this._linkAnimFrame !== null) return; // 已在运行
      if (!this.viewer || !this.cesiumReady) return;

      let lastTime = performance.now();
      const tick = (now) => {
        const dt = Math.min((now - lastTime) / 1000, 0.1); // 单帧增量（秒），上限 100ms
        lastTime = now;

        // 更新全局动画偏移（0–1 循环）
        this._linkAnimOffset = (this._linkAnimOffset + dt * 0.5) % 1;

        // 对每条活跃链路：按速率调整发光强度，营造脉冲流动感
        if (window.Cesium) {
          const t = this._linkAnimOffset;
          for (const [lkey, info] of Object.entries(this._linkAnimRateMap)) {
            const entity = this._linkIndex[lkey];
            if (!entity || !entity.polyline) continue;
            // 速率越高脉冲越快；基础脉冲频率 1Hz，速率比例最高 3x
            const freq = 1 + Math.min(2, (info.rate || 0) / 200);
            const phase = (t * freq) % 1;
            // 发光强度在 0.15–0.55 间脉冲
            const glow = 0.15 + 0.40 * Math.abs(Math.sin(phase * Math.PI));
            const baseColor = this._methodToLinkColor(info.method);
            entity.polyline.material = new Cesium.PolylineGlowMaterialProperty({
              glowPower: glow,
              taperPower: 0.9,
              color: baseColor.withAlpha(0.85),
            });
          }
        }

        // 在 requestRenderMode 下触发重绘
        if (this.viewer && !this.viewer.isDestroyed()) {
          this.viewer.scene.requestRender();
        }

        // 若仍有活跃链路则继续循环
        if (Object.keys(this._linkAnimRateMap).length > 0) {
          this._linkAnimFrame = requestAnimationFrame(tick);
        } else {
          this._linkAnimFrame = null;
        }
      };

      this._linkAnimFrame = requestAnimationFrame(tick);
    },

    /**
     * 停止链路流动动画循环（当无活跃传输链路时调用）。