planet/frontend/public/earth/js/constants.js

// constants.js - Global constants and configuration

// Scene configuration
export const CONFIG = {
  defaultCameraZ: 300,
  minZoom: 0.5,
  maxZoom: 5.0,
  earthRadius: 100,
  rotationSpeed: 0.0005,
  dragRotationFactorBase: 0.005,
  dragRotationScaleMin: 0.28,
  dragRotationScaleMax: 2.0,
};

export const HUD_CONFIG = {
  scaleReferenceWidth: 1920,
  scaleReferenceHeight: 1080,
  minScale: 0.7,
  maxScale: 1,
};

// Earth coordinate constants
export const EARTH_CONFIG = {
  tilt: 23.5,  // earth tilt angle (degrees)
  tiltRad: 23.5 * Math.PI / 180,  // earth tilt angle (radians)
  
  // hangzhou coordinates
  chinaLat: 30.2741,
  chinaLon: 120.1552,
  chinaRotLon: 120.1552 - 270,  // for rotation calculation (chinaLon - 270)
  
  // view reset coefficient
  latCoefficient: 0.5
};

export const PATHS = {
  cablesApi: '/api/v1/visualization/geo/cables',
  landingPointsApi: '/api/v1/visualization/geo/landing-points',
  bgpApi: '/api/v1/visualization/geo/bgp-anomalies',
  bgpIncidentsApi: '/api/v1/visualization/geo/bgp-incidents',
  bgpCollectorsApi: '/api/v1/visualization/geo/bgp-collectors',
};

// Cable colors mapping
export const CABLE_COLORS = {
  'Americas II': 0xff4444,
  'AU Aleutian A': 0x44ff44,
  'AU Aleutian B': 0x4444ff,
  'default': 0xffff44
};

export const CABLE_CONFIG = {
  lockedOpacityMin: 0.2,
  lockedOpacityMax: 1.0,
  otherOpacity: 0.5,
  otherBrightness: 0.6,
  pulseSpeed: 0.008,
  pulseCoefficient: 0.4,
  line: {
    altitudeOffset: 0.2,
    greatCircleSegments: 50,
    nearPointThreshold: 0.01,
    lineWidth: 1,
    opacity: 1.0,
    renderOrder: 1,
  },
  landingPoint: {
    altitudeOffset: 0.1,
    radius: 0.4,
    widthSegments: 16,
    heightSegments: 16,
    baseScale: 2.5,
    color: 0xffaa00,
    emissive: 0x442200,
    emissiveIntensity: 0.5,
    opacity: 1.0,
  },
  landingPointSizeStabilization: {
    enabled: true,
    referenceFov: 75,
    min: 0.12,
    max: 3.0,
  },
  landingPointVisual: {
    pulseSpeed: 0.003,
    dimBrightness: 0.3,
    related: {
      emissiveIntensityBase: 0.5,
      emissiveIntensityPulse: 0.5,
      opacityBase: 0.8,
      opacityPulse: 0.2,
      scaleBase: 1.2,
      scalePulse: 0.3,
    },
    dimmed: {
      colorRGB: { r: 255, g: 170, b: 0 },
      emissive: 0x000000,
      emissiveIntensity: 0,
      opacity: 0.3,
    },
  },
};

export const CABLE_STATE = {
  NORMAL: 'normal',
  HOVERED: 'hovered',
  LOCKED: 'locked'
};

export const SATELLITE_CONFIG = {
  maxCount: -1,
  trailLength: 10,
  dotSize: 4,
  ringSize: 0.07,
  apiPath: '/api/v1/visualization/geo/satellites',
  breathingSpeed: 0.08,
  breathingScaleAmplitude: 0.15,
  breathingOpacityMin: 0.5,
  breathingOpacityMax: 0.8,
  dotBreathingSpeed: 0.12,
  dotBreathingScaleAmplitude: 0.2,
  dotOpacityMin: 0.7,
  dotOpacityMax: 1.0
};

export const BGP_CONFIG = {
  defaultFetchLimit: 200,
  maxRenderedMarkers: 200,
  altitudeOffset: 2.1,
  collectorAltitudeOffset: 1.6,
  marker: {
    eventBaseScale: 6.2,
    collectorBaseScale: 7.4,
    hoverScale: 1.16,
    dimmedScale: 0.92,
    collectorStatusCoreBaseScale: 0.12,
    collectorStatusCoreMinScale: 1.2,
  },
  pulse: {
    eventSpeed: 0.0045,
    collectorSpeed: 0.0024,
    normalAmplitude: 0.03,
    lockedAmplitude: 0.16,
  },
  regionScale: 11.5,
  opacity: {
    normal: 0.78,
    hover: 1.0,
    dimmed: 0.24,
    collector: 0.62,
    collectorHover: 0.9,
    lockedMin: 0.65,
    lockedMax: 1.0
  },
  severityColors: {
    critical: 0xff4d4f,
    high: 0xff9f43,
    medium: 0xffd166,
    low: 0x4dabf7
  },
  severityScales: {
    critical: 1.18,
    high: 1.08,
    medium: 1.0,
    low: 0.94
  },
  collectorColor: 0x6db7ff,
  collectorHeatColors: {
    idle: 0x6db7ff,
    low: 0x60a5fa,
    medium: 0xfbbf24,
    high: 0xfb923c,
    hot: 0xff5f57
  },
  collectorIcon: {
    ringStroke: "rgba(111, 160, 197, 0.34)",
    ringLineWidth: 1.2,
    ringRadius: 22,
    pathStroke: "rgba(64, 106, 136, 0.74)",
    pathLineWidth: 0.9,
    pathFill: "rgba(214,224,233,0.88)",
    centerFill: "rgba(222,231,239,0.72)",
    centerRadius: 0.85,
    idleBaseColor: 0xb7c4cf,
    idleBlend: 0.56,
    idleOpacity: 0.74,
    hoverBlend: 0.42,
    hoverNeutralColor: 0xc8d5e0,
    lockedBlend: 0.48,
    lockedNeutralColor: 0xd8e4ed,
    dimmedColor: 0x7d8ca3,
  },
  regionColor: 0x2dd4bf,
  ring: {
    scaleA: 2.5,
    scaleB: 3.4,
    opacity: 0.5,
    speed: 0.001,
  },
  halo: {
    collectorScale: 11.5,
    collectorPulseScale: 16.5,
    collectorCoverageScale: 22.5,
  },
  sizeStabilization: {
    enabled: true,
    collectorMin: 0.12,
    collectorMax: 3.0,
    eventMin: 0.12,
    eventMax: 3.0,
  },
};

export const PREDICTED_ORBIT_CONFIG = {
  sampleInterval: 10,
  opacity: 0.8
};

export const GRID_CONFIG = {
  latitudeStep: 10,
  longitudeStep: 30,
  gridStep: 5
};