Orbit

Constraint

1. 현재 위치 API에 기대지 않는다

   외부 API를 실행 중에 호출하면 CORS, 장애, 호출 제한이 곧 화면의 장애가 됩니다. 궤도 요소는 위치 그 자체가 아니라 위치를 계산하는 재료이므로, 한 번 받아 두면 임의 시각의 위치를 브라우저에서 다시 계산할 수 있습니다.

2. 많지만 읽을 수 있어야 한다

   활성 위성을 전부 그리면 점 구름이 됩니다. 우주정거장·과학·기상·GPS처럼 역할과 궤도가 다른 공개 그룹만 골라, 서로 다른 높이와 기울기는 보이되 선택 가능한 밀도를 유지했습니다.

3. 지구를 설명하되 무겁게 만들지 않는다

   사진 텍스처는 시선을 빼앗고 네트워크 비용도 큽니다. 축약한 해안선과 위경도 격자만 사용해, 위성이 어느 쪽 위를 지나가는지 읽을 수 있는 최소한의 기준만 남겼습니다.

Decision

1. TLE는 빌드 때, 전파는 실행 때

   수집 스크립트가 CelesTrak의 TLE를 정적 JSON으로 저장합니다. 페이지는 그 파일만 받아 satellite.js로 현재 시각의 ECI 좌표를 구하고 위경도·고도로 바꿉니다. 배포물은 정적이지만, 점은 열 때마다 현재 시각에 맞춰 움직입니다.

2. 선택한 한 기만 궤적을 그린다

   모든 궤적을 미리 그리면 선이 지구를 덮고 계산량도 커집니다. 점을 선택한 순간 그 위성의 평균운동으로 한 주기를 샘플링해 한 줄만 그립니다. 선택하지 않을 때는 점들의 흐름만 남습니다.

3. 회전은 자동으로, 탐색은 손으로

   처음에는 천천히 회전해 3D 물체라는 사실을 드러냅니다. 드래그 중에는 자동 회전을 멈추고 위아래 기울기를 제한해 뒤집힌 지구가 되지 않게 했습니다. 모션 감소 설정에서는 자동 회전을 처음부터 끕니다.

Interface

Engineering

Result