b23042andClaude Opus 4.8
78fc090360
- 클라이언트(React/Vite): Video.js 플레이어, 하단 스테이션바, POI/구조물 영상 오버레이, 카메라 파라미터 보정, 미니맵/RoutePanel - 서버(Express): Range 스트리밍, HLS 변환, 프레임 추출, tus 업로드, 주석 API - 최근 작업: 스테이션바 종점역 표출/양끝 정렬/미도착(재생불가) 표시, POI 라벨 '구분' 우선·컴팩트 팝업·겹침제외 토글·동일좌표 다중행, 진행방향(상/하) 우선 표출, 커서 배지 크기·픽셀 떨림 개선 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
61 lines
2.2 KiB
Markdown
61 lines
2.2 KiB
Markdown
# 2026-06-23 — 드론 경로 맨앞(지평선) 오차 컷 + 경로표고 슬라이더 동적 상한
|
|
|
|
**소요 시간**: 약 15분
|
|
**Context 사용량**: input ~155k / output ~17k tokens (추정)
|
|
|
|
---
|
|
|
|
## 요청
|
|
1. 드론 궤적이 **맨 앞(진행방향 먼 쪽)** 에서 휘어/튀는 오차. 해결?
|
|
2. 경로 표고 슬라이더 상한 120의 근거 없음 → **데이터 기반 동적 상한(옵션 1)** 적용.
|
|
|
|
---
|
|
|
|
## 1. 맨 앞(지평선) 오차 — 전방 거리 컷
|
|
|
|
### 원인
|
|
z=42(지면)면 드론은 지면 위 ~20m뿐. 먼 앞쪽 점일수록 내려보는 각이 얕아져(지평선 근접) GPS·표고 오차가 화면에서 크게 증폭 → 끝이 휘어/튐. 기하적으로 신뢰 불가 구간.
|
|
|
|
### 해결 — `StationOverlay.tsx` 드론 경로 빌드 루프
|
|
진행방향 전방거리(`cc.fwd`)가 `MAX_FWD=200m`를 넘으면 그리기 중단. (i 증가=시간 진행=전방으로 이동, fwd 단조증가 → `break`로 조기 종료, 연산도 절약.)
|
|
|
|
```ts
|
|
const MAX_FWD = 200; // 전방 거리 컷(m)
|
|
for (let i = lo; i <= hi; i += STEP) {
|
|
const [la, lo2] = sm(i);
|
|
const cc = toCameraCoords(drone, la, lo2, Z, params, worldOrigin);
|
|
if ((cc.fwd ?? 0) > MAX_FWD) break; // 지평선쪽 중단
|
|
...
|
|
}
|
|
```
|
|
|
|
> 더 멀리 보고 싶으면 MAX_FWD↑, 더 깔끔히 자르려면 ↓. (드론 고도가 낮을수록 작게.)
|
|
|
|
---
|
|
|
|
## 2. 경로 표고 슬라이더 동적 상한 (옵션 1)
|
|
|
|
기존 `max={120}`은 근거 없는 라운드 값. → **중심선(centerline) 데이터의 최대 지면표고 + 10m** 로 자동 설정. 데이터 없으면 60 폴백.
|
|
|
|
```ts
|
|
import { ..., useMemo } from 'react';
|
|
const pathZMax = useMemo(() => {
|
|
let m = 0;
|
|
for (const c of storeCenterline) if (typeof c.z === 'number' && c.z > m) m = c.z;
|
|
return m > 0 ? Math.ceil(m + 10) : 60;
|
|
}, [storeCenterline]);
|
|
// 슬라이더:
|
|
<ParamRow label="경로 표고" ... max={pathZMax} ... />
|
|
```
|
|
|
|
데이터셋이 바뀌어도 그 구간 지형 최고점에 맞춰 상한이 자동 조정됨.
|
|
|
|
---
|
|
|
|
## 변경 파일
|
|
- `client/src/components/overlay/StationOverlay.tsx`
|
|
- 드론 경로 루프: `MAX_FWD=200` 전방 컷(`cc.fwd` 기준 break)
|
|
- `useMemo` import + `pathZMax`(중심선 max z +10) + 경로표고 슬라이더 `max={pathZMax}`
|
|
|
|
빌드: `index-BzoF-8z_.js` ✓
|