NAVIGATING
SILVER.K
개발 과정, 기술 메모, 제작 뒷이야기를 기록합니다.
Canvas 2D만으로 SpaceX 스타쉽 발사부터 Mechazilla 포획까지 — 물리 시뮬레이션과 오디오 합성의 기록
Hipparcos 카탈로그 기반 실제 별 좌표를 구면 투영으로 2D 화면에 그리고, 88개 별자리를 탐색하는 항법 지도 제작기
나선 궤도를 따라 접근하는 적 함선을 막기 위해 5종의 방어 위성을 배치하는 궤도 타워 디펜스. 밸런스와 전략 설계 과정을 공유합니다.
엔진, 연료탱크, 페이로드를 조합해 로켓을 설계하고, 실시간 스로틀 제어로 궤도에 진입하는 1D 물리 시뮬레이터
NASA Exoplanet Archive에서 실제 외계행성 데이터를 가져와 거주 가능성으로 분류하고 Canvas로 시각화한 기록
8가지 우주 현상을 소리로 합성하고 자유롭게 믹싱하는 앰비언트 경험 — Web Audio 8채널 합성, 리액티브 Canvas 비주얼
Canvas 위에 별을 찍고 선으로 잇는 인터랙티브 드로잉 도구 — 실제 별자리 데이터 배치, 다중 배경, 이미지 공유
NASA Astronomy Picture of the Day API 연동 — 날짜 탐색, 이미지/영상 처리, 미국 동부 시간 기준 업데이트 처리까지
성운이 호흡에 맞춰 팽창·수축하는 인터랙티브 명상 — 5가지 호흡 패턴, Web Audio 동기 앰비언트, Canvas 성운 렌더링
매일 달라지는 천체 카드 — LCG 시드 기반 결정적 선택, Canvas 카드 렌더링, 방문 스트릭, 이미지 공유까지
29.53일 삭망 주기 공식으로 오늘의 달 위상을 계산하고 Canvas로 렌더링하는 과정 — 외부 API 없이 순수 수학으로
크기·색상·링·위성을 직접 조합해 행성을 만들고 저장하는 커스터마이저 — Canvas 렌더링과 localStorage 영속화
원시별에서 백색왜성까지 — 별의 일생 각 단계를 직접 전환하며 관찰하는 인터랙티브 시뮬레이션 제작기
탐사선이 행성의 중력을 이용해 속도를 얻는 중력 슬링샷 — 궤도 역학 시뮬레이션을 레벨 게임으로 만든 기록
넷플릭스 삼체 시리즈를 보고 흥미로워진 삼체 문제를 웹에서 직접 시뮬레이션해 본 이야기 — 수치 적분, 에너지 보존, 나비효과 시각화
62자릿수에 걸친 우주를 하나의 캔버스에 담는 과정 — 로그 스케일 균등 배치, 오브젝트별 커스텀 드로잉, 상대 크기 렌더링의 고민
태양계 8개 행성의 공전 주기를 음높이로 변환한 인터랙티브 오케스트라 — Web Audio 합성, 음계 퀀타이즈, 녹음/재생
각도와 파워로 쏘는 포탄의 포물선 궤적, AI가 거리와 장애물을 계산해 반격하는 2인용 포격 게임 제작기
블랙홀의 중력 렌즈 효과를 Canvas로 시각화하고, 사건의 지평선을 피해 생존하는 게임의 제작 과정
별·행성·위성을 직접 배치하고 관측하는 중력 시뮬레이션 — N체 문제와 수치 적분을 Canvas 2D로 구현한 기록
NASA 화성 로버가 실제로 촬영한 사진을 브라우저에서 탐색하는 갤러리 — RSS 피드 파싱, 세션 캐시, 카메라 필터
화면 끝에서 반대편으로 이어지는 토러스 공간, 소행성 3단계 분열 — 고전 물리 게임의 핵심 메커니즘 구현기
고전 아케이드 갤러그 — 적 편대 AI, 트랙터 빔, 스프라이트 캐싱까지 Canvas 2D로 구현한 기록
우주의 고요함을 브라우저에서 경험하게 하는 힐링 페이지 — CSS 별 필드, Canvas 성운, 그리고 Web Audio 합성 BGM
CSR 기반 정적 사이트에서 SEO가 가능한가 — 메타데이터 설계, 사이트맵 자동화, JSON-LD, OG 이미지, 서치콘솔 등록까지의 실전 기록
pnpm + Turborepo 모노레포 위에 Next.js 15 정적 사이트를 올리고, GitLab CI/CD와 AI 코드 리뷰, AWS 배포까지 — 프로젝트 스케폴딩부터 프로덕션까지의 기록