b23042andClaude Fable 5
d38b842e8d
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제. (node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1.6 KiB
1.6 KiB
쉬운설명_프레임기반에서_측점기반_플레이어 — 3절 그림 개선
소요 시간: 약 10분 Context 사용량: input ~110k / output ~5k tokens
요청
- 「3. 핵심 비밀 — 매 장면마다 '시간'과 '측점'을 짝지어 둔다」 절의 그림을 더 명료하고 이해하기 쉽게 재작성.
문제 진단 (기존 그림)
- 마름모꼴 화살표 흐름(위 1박스 → 좌우 2박스 → 아래 1박스)이라 시선 동선이 교차함.
- 결과물인 "시간↔측점 표"가 문구로만 존재 — 표(사전)라는 핵심 개념이 시각화되지 않음.
- 표를 "왜 만드는지"(재생 중 측점 표시 / 측점 검색 점프)가 그림에 없음.
개선 내용 (docs/쉬운설명_프레임기반에서_측점기반_플레이어.md)
3단 구성으로 교체 (viewBox 720×330):
- ① 사진 1장마다 두 값 계산 — 프레임 카드(번호+GPS) → ⏱시간(파랑)·📐측점(초록) 두 칩으로 분기
- ② '시간↔측점' 표 완성 — 실제 표 모양(헤더+5행, 예시행 191초/192초/193초/⋮/348초, 현재행 하이라이트)으로 시각화. "모든 사진에 반복" 화살표로 ①→② 연결
- ③ 표 하나로 양방향 찾기 — 재생 중("지금 192초, 여긴 어디?"→측점 표시) / 검색("160k130 가줘!"→192초 점프) 두 사용례 배지
- figcaption도 ①②③ 구조에 맞춰 갱신. 색 체계는 문서 기존 규칙 유지(시간=파랑, 측점=초록, 표=앰버, 화살표=보라).
검증
- md2docs.sh 재변환 정상 (HTML 24KB, PDF 94KB 재생성).
- SVG 좌표 겹침 검토(패널 간격·표 행 경계·하단 배지) 완료.