Files
GhiVideo_v4/docs/history/2026-07-15_1302_대시방향-튜브레일.md
T
b23042andClaude Fable 5 fcf686f203 문서 — 작업 기록 형식 규칙(작업분·누적 토큰 병기) + 이력 37건
- CLAUDE.md: Context 사용량을 '작업분 + 누적' 병기로 확정(영구 규칙)
- docs/history: 7/15 작업 이력 37건 (포터블·검색 재설계·선형 입체형·
  시점/종점 표기·설정 산출/복원·각종 진단)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-15 16:28:49 +09:00

1.5 KiB
Raw Blame History

2026-07-15 유동 대시 진행방향 정렬 + 선형 튜브(지름 있는 원형 단면) 레일

소요 시간: 13분 Context 사용량: 작업분 input 200k / output 7k tokens · 누적 input 18000k / output 255k tokens

요청

  1. 선형 애니메이션(유동 대시)이 '가는 방향'으로 흐르게
  2. 선형을 지름 있는 입체 원형(튜브)으로

구현 — StationOverlay.tsx

① 대시 진행방향 정렬

  • 선형 배열이 체이니지 감소 순(7k→0k)이라 대시가 역방향으로 흐르던 문제
  • 드론 실제 이동 벡터(±3행 GPS 변위, 호버 시 yaw 폴백)와 세그먼트 방향의 내적으로 각 세그먼트를 '뒤→앞'으로 정렬 → 역방향 비행에서도 항상 진행방향 흐름

② 튜브 레일 (원형 단면)

  • 분할점(~15m) 사이 구간마다 화면 폭 = 지름(m) ÷ 거리 × 픽셀/라디안 — 가까울수록 굵고 멀수록 가는 원근 지름 표현 (하한 1.5px, 상한 40px)
  • 3중 스트로크 원통 음영: 외곽(어두운 적, 1.0w) → 본체(적, 0.6w) → 하이라이트(밝은 살구, 0.26w) — 둥근 파이프 질감. 라운드 캡으로 이음새 없음
  • 옵션 '선형 지름'(display.json clTubeD, 기본 1.2m, 0.2~5m) — 입체 효과 켠 상태에서 커튼 높이 아래 슬라이더. 입체 효과 끄면 종전 단순 선

반영

  • 웹(index-L2DHv7Ep.js, 07.15 13:02) + 포터블(StationPlayer-Portable) 갱신
  • 확인: F5 → 대시가 진행방향으로 흐르는지, 튜브가 가까울수록 굵어지는지