@zendir/ui 0.2.9 → 0.2.10

package/dist/react/charts/GroundTrackMap.js

@@ -78,47 +78,15 @@ function hexToRgb(hex) {
   }
   return [255, 238, 221];
 }
-function calculateSubSolarPoint(date) {
-  const dayOfYear = Math.floor((date.getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 864e5);
-  const declination = -23.44 * Math.cos(2 * Math.PI / 365 * (dayOfYear + 10));
-  const B = 2 * Math.PI / 365 * (dayOfYear - 81);
-  const eotMinutes = 9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);
-  const utcHours = date.getUTCHours() + date.getUTCMinutes() / 60 + date.getUTCSeconds() / 3600;
-  const solarHours = utcHours + eotMinutes / 60;
-  const lon = -(solarHours - 12) * 15;
-  return [declination, (lon + 540) % 360 - 180];
-}
-function calculateSubLunarPoint(date) {
-  const J2000 = Date.UTC(2e3, 0, 1, 12, 0, 0);
-  const d = (date.getTime() - J2000) / 864e5;
-  const DEG = Math.PI / 180;
-  const L = (218.316 + 13.176396 * d) % 360;
-  const M = (134.963 + 13.064993 * d) % 360;
-  const F = (93.272 + 13.22935 * d) % 360;
-  const lon_ecl = L + 6.289 * Math.sin(M * DEG);
-  const lat_ecl = 5.128 * Math.sin(F * DEG);
-  const obliquity = 23.439 - 36e-8 * d;
-  const sinRA = Math.sin(lon_ecl * DEG) * Math.cos(obliquity * DEG) - Math.tan(lat_ecl * DEG) * Math.sin(obliquity * DEG);
-  const cosRA = Math.cos(lon_ecl * DEG);
-  let RA = Math.atan2(sinRA, cosRA) / DEG;
-  if (RA < 0) RA += 360;
-  const dec = Math.asin(
-    Math.sin(lat_ecl * DEG) * Math.cos(obliquity * DEG) + Math.cos(lat_ecl * DEG) * Math.sin(obliquity * DEG) * Math.sin(lon_ecl * DEG)
-  ) / DEG;
-  const GMST = (280.46061837 + 360.98564736629 * d) % 360;
-  let geoLon = RA - GMST;
-  geoLon = (geoLon + 540) % 360 - 180;
-  return [dec, geoLon];
-}
 function calculateTerminatorContinuous(date, depressionDeg = 0, numPoints = 360) {
-  const dayOfYear = Math.floor((date.getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 864e5);
+  const dayOfYear = Math.floor((date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 864e5);
   const declination = -23.44 * Math.cos(2 * Math.PI / 365 * (dayOfYear + 10));
   const decRad = declination * Math.PI / 180;
   const B = 2 * Math.PI / 365 * (dayOfYear - 81);
   const eotMinutes = 9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);
   const utcHours = date.getUTCHours() + date.getUTCMinutes() / 60 + date.getUTCSeconds() / 3600;
   const solarHours = utcHours + eotMinutes / 60;
-  const hourAngle = solarHours / 24 * 360 - 180;
+  const subSolarLon = -(solarHours - 12) * 15;
   const depRad = depressionDeg * Math.PI / 180;
   const sunset = [];
   const sunrise = [];
@@ -128,12 +96,12 @@ function calculateTerminatorContinuous(date, depressionDeg = 0, numPoints = 360)
     const cosH = -(Math.sin(depRad) + Math.sin(latRad) * Math.sin(decRad)) / (Math.cos(latRad) * Math.cos(decRad));
     if (cosH < -1) ;
     else if (cosH > 1) {
-      sunset.push([lat, hourAngle]);
-      sunrise.push([lat, hourAngle + 360]);
+      sunset.push([lat, subSolarLon]);
+      sunrise.push([lat, subSolarLon + 360]);
     } else {
       const H = Math.acos(cosH) * 180 / Math.PI;
-      sunset.push([lat, hourAngle + H]);
-      sunrise.push([lat, hourAngle + 360 - H]);
+      sunset.push([lat, subSolarLon + H]);
+      sunrise.push([lat, subSolarLon + 360 - H]);
     }
   }
   return { sunset, sunrise };
@@ -266,13 +234,13 @@ function GroundTrackMap({
     ctx.fillRect(0, 0, W, H);
     if (showTerminator) {
       const now = terminatorTime ?? /* @__PURE__ */ new Date();
-      const BAND_STEP = 2;
-      const MAX_DEP = 24;
-      const NIGHT_ALPHA = 0.55;
+      const BAND_STEP = 1.5;
+      const MAX_DEP = 30;
+      const NIGHT_ALPHA = 0.38;
       const bandSteps = [];
       for (let d = 0; d <= MAX_DEP; d += BAND_STEP) {
         const t = Math.min(d / 18, 1);
-        const alpha = t * t * (NIGHT_ALPHA * 0.82) + (d > 18 ? (d - 18) / 6 * (NIGHT_ALPHA * 0.18) : 0);
+        const alpha = Math.pow(t, 1.6) * (NIGHT_ALPHA * 0.85) + (d > 18 ? (d - 18) / 12 * (NIGHT_ALPHA * 0.15) : 0);
         bandSteps.push({ depression: d, alpha: Math.min(alpha, NIGHT_ALPHA) });
       }
       bandSteps.push({ depression: 90, alpha: NIGHT_ALPHA });
@@ -294,7 +262,7 @@ function GroundTrackMap({
           prevAlpha = zone.alpha;
           continue;
         }
-        ctx.fillStyle = `rgba(0, 6, 24, ${bandAlpha.toFixed(4)})`;
+        ctx.fillStyle = `rgba(42, 58, 82, ${bandAlpha.toFixed(4)})`;
         for (const offset of [-360, 0, 360]) {
           ctx.beginPath();
           for (let i = 0; i < poly.length; i++) {
@@ -316,8 +284,8 @@ function GroundTrackMap({
       const terminatorEdge = calculateTerminatorContinuous(now, 0);
       if (terminatorEdge.sunset.length > 2) {
         ctx.save();
-        ctx.strokeStyle = "rgba(90, 142, 200, 0.12)";
-        ctx.lineWidth = 4;
+        ctx.strokeStyle = "rgba(143, 174, 200, 0.08)";
+        ctx.lineWidth = 3;
         for (const curve of [terminatorEdge.sunset, terminatorEdge.sunrise]) {
           for (const offset of [-360, 0, 360]) {
             ctx.beginPath();
@@ -330,7 +298,7 @@ function GroundTrackMap({
             ctx.stroke();
           }
         }
-        ctx.strokeStyle = "rgba(122, 164, 212, 0.5)";
+        ctx.strokeStyle = "rgba(154, 184, 216, 0.35)";
         ctx.lineWidth = 1;
         for (const curve of [terminatorEdge.sunset, terminatorEdge.sunrise]) {
           for (const offset of [-360, 0, 360]) {
@@ -346,54 +314,6 @@ function GroundTrackMap({
         }
         ctx.restore();
       }
-      const celestialEnabled = showCelestialMarkers !== void 0 ? showCelestialMarkers : true;
-      if (celestialEnabled) {
-        const [sunLat, sunLon] = calculateSubSolarPoint(now);
-        const sx = lonToX(sunLon, W), sy = latToY(sunLat, H);
-        ctx.save();
-        ctx.shadowColor = "rgba(255, 179, 0, 0.5)";
-        ctx.shadowBlur = 8;
-        ctx.fillStyle = "#FFB300";
-        ctx.strokeStyle = "#FF8F00";
-        ctx.lineWidth = 1.2;
-        ctx.beginPath();
-        ctx.arc(sx, sy, 6, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
-        ctx.shadowBlur = 0;
-        ctx.strokeStyle = "rgba(255, 179, 0, 0.85)";
-        ctx.lineWidth = 1.4;
-        for (let a = 0; a < 360; a += 45) {
-          const rad = a * Math.PI / 180;
-          ctx.beginPath();
-          ctx.moveTo(sx + 8 * Math.cos(rad), sy + 8 * Math.sin(rad));
-          ctx.lineTo(sx + 12 * Math.cos(rad), sy + 12 * Math.sin(rad));
-          ctx.stroke();
-        }
-        ctx.restore();
-        const [moonLat, moonLon] = calculateSubLunarPoint(now);
-        const mx = lonToX(moonLon, W), my = latToY(moonLat, H);
-        ctx.save();
-        ctx.shadowColor = "rgba(224, 224, 224, 0.4)";
-        ctx.shadowBlur = 6;
-        ctx.fillStyle = "#e0e0e0";
-        ctx.strokeStyle = "#9e9e9e";
-        ctx.lineWidth = 0.8;
-        ctx.beginPath();
-        ctx.arc(mx, my, 5.5, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
-        ctx.shadowBlur = 0;
-        ctx.fillStyle = "rgba(189, 189, 189, 0.5)";
-        ctx.beginPath();
-        ctx.arc(mx - 1.5, my - 1, 1.4, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.fillStyle = "rgba(189, 189, 189, 0.4)";
-        ctx.beginPath();
-        ctx.arc(mx + 2, my + 1.5, 0.9, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.restore();
-      }
     }
     ctx.fillStyle = COLORS.land;
     ctx.strokeStyle = "rgba(100, 120, 160, 0.25)";
@@ -624,12 +544,12 @@ function GroundTrackMap({
         const r = light.radius ?? 4;
         const intensity = light.intensity ?? 0.8;
         const color = light.color ?? "#ffeedd";
-        const dayOfYear = Math.floor((now.getTime() - new Date(now.getFullYear(), 0, 0).getTime()) / 864e5);
+        const dayOfYear = Math.floor((now.getTime() - Date.UTC(now.getUTCFullYear(), 0, 0)) / 864e5);
         const declination = -23.44 * Math.cos(2 * Math.PI / 365 * (dayOfYear + 10));
         const decRad = declination * Math.PI / 180;
-        const hourAngle = (now.getUTCHours() + now.getUTCMinutes() / 60) / 24 * 360 - 180;
+        const lsSubSolarLon = -(now.getUTCHours() + now.getUTCMinutes() / 60 - 12) * 15;
         const latRad = light.latitude * Math.PI / 180;
-        const sinAlt = Math.sin(latRad) * Math.sin(decRad) + Math.cos(latRad) * Math.cos(decRad) * Math.cos((light.longitude - hourAngle) * Math.PI / 180);
+        const sinAlt = Math.sin(latRad) * Math.sin(decRad) + Math.cos(latRad) * Math.cos(decRad) * Math.cos((light.longitude - lsSubSolarLon) * Math.PI / 180);
         const solarAltDeg = Math.asin(sinAlt) * 180 / Math.PI;
         let nightFactor;
         if (solarAltDeg >= 0) nightFactor = 0;