문서 — 작업 기록 형식 규칙(작업분·누적 토큰 병기) + 이력 37건

- CLAUDE.md: Context 사용량을 '작업분 + 누적' 병기로 확정(영구 규칙)
- docs/history: 7/15 작업 이력 37건 (포터블·검색 재설계·선형 입체형·
  시점/종점 표기·설정 산출/복원·각종 진단)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-15 16:28:49 +09:00
co-authored by Claude Fable 5
parent 67cf646d70
commit fcf686f203
39 changed files with 970 additions and 3 deletions
@@ -0,0 +1,31 @@
# 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 → 대시가 진행방향으로 흐르는지, 튜브가 가까울수록 굵어지는지