메이플스토리 연동

[스탯 지표] 2열 플로우차트 프로세스 & 영수증 산출식 호버 연동 모달 고도화

각 스탯 지표의 계산 과정을 쉽게 이해할 수 있도록 좌측 플로우차트와 우측 영수증 2열 구조를 구축하고, 플로우차트 박스 호버 시 해당 계산식을 제외한 나머지 영역이 반투명화되어 시각적으로 집중되는 인터랙션을 구현했습니다.

게시일: 2026년 9월 9일

작업 중

적용 서비스 바로가기

클릭하면 이 업데이트가 적용된 관련 페이지로 직접 이동합니다.

상태 변경 기록

변경 시점을 클릭하면 그때 게시된 내용을 볼 수 있습니다. 스냅샷 기능 도입(2026년 8월 25일) 이전 기록은 내용 복원이 불가합니다.

총 1건

캐릭터 종합 요약 탭의 전투력 및 환산 지표 산출 과정을 사용자가 한눈에 파악할 수 있도록 2열 반응형 플로우차트 & 영수증 명세서 모달을 구축했습니다.

2열 레이아웃 (좌측 플로우차트 + 우측 영수증 명세서): 좌측에는 계산 흐름을 단계별 카드로 직관화하고, 우측에는 실제 인게임 수치 대입식과 WHERE IS 절이 포함된 영수증을 나란히 배치했습니다.
플로우차트 호버 시 인터랙티브 반투명 강조 (Spotlight Dimming): 좌측 플로우차트의 특정 단계에 마우스를 올리면, 우측 영수증에서 해당 계산 부분만 밝게 강조(Highlight Ring)되고 그 외 영역은 부드럽게 반투명화(25% Opacity Dimming)되어 연산 과정을 직관적으로 추적할 수 있습니다.
6차 헥사 환산 3단계 플로우 표준화: '환산용 임의 보스데미지 계산 > 에르미트 스플라인 이분법 역산 > 캐릭터의 주스탯으로 역산'의 3단계 흐름을 플로우차트 및 영수증 연동으로 완벽히 시각화했습니다.
전투력 전체 통 공식 및 실제 수치 대입식 공개: ((주스탯 × 4 + 부스탯) / 100) × 공격력 × (1 + (데미지% + 보공%) / 100) × (1.35 + 크뎀% / 100) × 직업/무기 보정 계수로 이어지는 전체 통 공식과 실제 수치 대입 연산, WHERE 절을 투명하게 제공합니다.
영수증 감성 UI 및 원클릭 복사: 레트로 영수증 디자인과 바코드, 클립보드 원클릭 복사 기능을 탑재하여 커뮤니티 공유 편의성을 극대화했습니다.

현재 개발 서버에서 작업 중(IN_PROGRESS)이며, 정식 배포 시 적용 완료로 전환됩니다.