Skip to content

feat(gui): 전략 맵 모션 — 바뀐 것만 움직인다 - #115

Merged
fwkyle merged 2 commits into
mainfrom
kyle/feat/map-motion
Oct 7, 2026
Merged

fwkyle merged 2 commits into
mainfrom
kyle/feat/map-motion

Conversation

@fwkyle

@fwkyle fwkyle commented Oct 7, 2026

Copy link
Copy Markdown
Owner

Why

예뻐야 더 많이 쓴다(2026-10-07 [kyle]). 항상 띄워 두는 관제 화면이라 장식이 아니라 "무언가 바뀌었다"를 알리는 모션만 넣는다.

변경

  • diffMap() (gui/src/strategy-map.ts): 직전 지도와 새 지도를 비교해 fly(창고·유닛 → 유닛), leave(빠진 카드), state(유닛 상태 변화)만 뽑는다. 처음 열 때 없음, 한 번에 8개까지.
  • 2D 전략 맵: 상자 포물선 이동, 빠진 카드 ✓ 떠오름, 새 상태 색 고리 한 번, 2초 뒤 사라짐. 요약 숫자 0.6초 굴림.
  • 새 라이브러리 없음(CSS 애니메이션), prefers-reduced-motion이면 끔, 상시 움직임 없음. 3D는 이번 범위 밖.
  • 화면 지도 갱신.

검증

  • npm test 1230/1230, test:gui 37/37(diffMap 시험 추가), check:public 0건.
  • 헤드리스 실측: 자료 A → B(창고→작업자2 발령, 작업자3→검수자 이동, 작업자1 카드 끝남, kadan-검수자 막힘)로 바꾸고 새로 읽기 → 상자 이동 2·✓ 1·고리 2가 뜨고 2.2초 뒤 모두 사라짐, 콘솔 오류 0. 영상 녹화.

🤖 Generated with Claude Code

https://claude.ai/code/session_019U46uuZ8VwYDQvHE7mxQoy

fwkyle and others added 2 commits October 7, 2026 15:12
카단을 더 즐겁게 쓰도록 전략 맵에 움직임을 넣었다(2026-10-07 [kyle]). 장식이 아니라 변화를 알리는 모션이다.

- diffMap(): 직전 지도와 새 지도(15초마다)를 비교해 상자 이동(창고·유닛 → 유닛), 빠진 카드,
  유닛 상태 변화만 뽑는다. 처음 열 때는 움직이지 않고, 한 번에 8개까지. 순수 함수 + 시험.
- 2D: 상자가 포물선으로 날아가고, 빠진 카드는 ✓와 함께 떠오르고, 상태가 바뀐 유닛엔 새 상태 색 고리가
  한 번 퍼진다. 2초 뒤 사라진다. 요약 숫자는 0.6초 굴러가듯 바뀐다.
- 새 라이브러리 없음(CSS 애니메이션). 움직임 줄이기 설정이면 모두 끈다. 계속 그리는 움직임은 없다.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019U46uuZ8VwYDQvHE7mxQoy
화면 왼쪽 위 로고(새 화면·옛 화면)와 감시 안내 페이지 제목. 문서의 제품 이름 표기는 그대로 둔다.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019U46uuZ8VwYDQvHE7mxQoy
@fwkyle
fwkyle merged commit 8dd6f46 into main Oct 7, 2026
4 checks passed
@fwkyle
fwkyle deleted the kyle/feat/map-motion branch October 7, 2026 06:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant