[코디엔진] 전체 창·모달·스크롤바 메이플스토리 인게임 UI(UIEquip/UIOption/Chat) 전면 개편 및 이펙트 1:1 픽셀 개선
코디엔진 내 동반자·투명도, 아카이브 검색, 코디 랭킹, 헤어·성형·피부, 포즈·표정, 이펙트, 의자·맵 선택, 히스토리, 스크린샷, 공유, 단축키 등 모든 창과 모달에 인게임 다크 슬레이트 프레임·스크롤바 디자인을 적용하고, 대머리 가발 헤어 가림 및 성형 오버레이 얼굴장식 렌더링을 개선했습니다. <h3>코디엔진 교체 모달 검색·페이지네이션 및 인게임 창 세부 UX 개선</h3> <ul> <li><strong>교체 모달 검색 페이지네이션 및 컨테이너 오버플로우 개선</strong>: 교체 모달에서 검색어 입력 시 디바운스 및 서버 필터링 캐시를 적용해 페이지 전환 지연을 해소하고, 창 크기 감지 시 페이지가 1페이지로 초기화되던 현상과 우측 미리보기·프리즘 패널이 컨테이너 밖으로 넘치던 레이아웃을 수정했습니다.</li> <li><strong>교체 모달 기본 미리보기 탭 전환</strong>: 코디 교체 모달 진입 시 <strong>전체 코디</strong> 미리보기 탭이 기본 선택되도록 변경했습니다.</li> <li><strong>데미지 스킨 탭 하단 검색창 및 툴팁 레이어 개선</strong>: 데미지 스킨 보관함 하단의 슬롯 카운터 정렬과 검색 입력창·미리보기 버튼 가독성을 높이고, 데미지 스킨 마우스오버 툴팁이 창 뒤에 가려지지 않도록 최상위 레이어로 조정했습니다.</li> <li><strong>ON/OFF 토글 버튼 및 창 닫기 버튼 일원화</strong>: 동반자 투명도 박스와 이펙트 설정 창(EFFECT SETTING)의 ON/OFF 스위치에서 불필요한 드롭다운 화살표를 제거하고 짙은 슬레이트 그레이 OFF 배지로 가독성을 높였으며, 이펙트 설정 창 및 모든 코디엔진 창의 닫기 버튼을 장비창과 동일한 인게임 픽셀 닫기 버튼으로 일원화했습니다.</li> <li><strong>펫 탭 인게임 전용 영역 안내 및 채팅 대상 고정</strong>: 펫 리스트 하단의 인게임 전용 자동 버프·물약 설정 영역에 사용 불가 안내 오버레이를 표시하고, 채팅 입력창의 발신 대상 버튼을 <strong>모두에게</strong> 고정 표시로 단순화했습니다.</li> </ul>
적용 서비스 바로가기
클릭하면 이 업데이트가 적용된 관련 페이지로 직접 이동합니다.
상태 변경 기록
변경 시점을 클릭하면 그때 게시된 내용을 볼 수 있습니다. 스냅샷 기능 도입(2026년 8월 25일) 이전 기록은 내용 복원이 불가합니다.
너공마 코디엔진에서 사용하는 모든 플로팅 창, 팝오버, 모달 다이얼로그 및 내부 스크롤바를 메이플스토리 인게임 장비창(UIEquip), 옵션창(UIOption), 채팅창 스크롤바와 동일한 메탈릭 다크 슬레이트 프레임 + 라이트 그레이 내부 패널 구조로 전면 개편했습니다.
1. 코디엔진 전체 창·모달 메이플스토리 UIEquip / UIOption 디자인 통일
- 공통 메탈릭 외곽 프레임 및 타이틀바: 다크 슬레이트 메탈릭 프레임(
#3a4752 → #2e353d), 1px 상단 베벨 하이라이트, 네이티브 라임 옐로(#d7ff00) 영문 라벨 + 화이트 한글 제목 타이틀바, 우측 상단 18×18 메탈릭 제어 버튼(최소화·초기화·닫기), 밝은 회색(#eeeeee) 내부 패널과 2px 음각 구분선(#cfcfcf / #ffffff)을 모든 창에 일괄 적용했습니다. - 플로팅 HUD 윈도우 및 모달 전면 적용: 장비/치장(
EQUIP | DECO), 외형(BEAUTY), 연출(POSE), 이펙트(EFFECT), 동반자·투명도(COMPANION), 랭킹(RANKING), 코디 전체 검색(SEARCH), 커스텀 의자(CUSTOM CHAIR), 월드맵(WORLD MAP), 코디 히스토리(OUTFIT HISTORY), 스샷 저장(SCREENSHOT), 솔 헤카테 스킨(SOL HECATE), 안드로이드 선택(ANDROID) 등 모든 창·모달을 통일했습니다.
2. 메이플스토리 채팅창 5px 슬레이트 메탈릭 스크롤바 일괄 적용
- 코디엔진 내 모든 창과 모달의 스크롤 영역에 채팅창과 동일한 5px 슬레이트 메탈릭 트랙·썸 스크롤바(
.maple-scrollbar)를 적용했으며, 마우스 호버(#8e9fb5 → #6e7b8d) 및 드래그 클릭(#49525c → #555f6d) 상태를 지원합니다. - 하단 채팅창 자체 스크롤바 역시 마우스 드래그 및 트랙 클릭 이동, 호버/클릭 스프라이트 전환을 지원하도록 개선했습니다.
3. 이펙트 버튼 및 ON/OFF 토글 1:1 픽셀 해상도 복원
- 동반자 · 투명도 창 하단의 이펙트 설정 버튼(
71×23)과 ON/OFF 콤보 버튼(54×21)을 축소 왜곡 없는 1:1 원본 픽셀 비율 스프라이트로 교체해 도트 텍스트와 톱니바퀴 아이콘이 선명하게 표시되도록 개선했습니다.
4. 대머리 가발 헤어 숨김 및 성형 오버레이 얼굴장식 렌더링 개선
- 대머리 가발 모자 헤어 가림 및 복원: 코디엔진 및 코디 아이템 선택기에서 대머리 가발 장착·미리보기 시 캐릭터의 헤어를 완전히 가려 머리통 외형만 표시하고, 다른 모자로 교체하거나 장착 해제 시 원래 헤어가 즉시 복원되도록 개선했습니다.
- 성형 오버레이·표정 고정 얼굴장식 정상 표시: 백안 얼굴장식, 스윗 메르헨, 서커스 메이크업, 기사단장 이카르트 가면 등 성형 위에 오버레이되거나 성형을 대체하는 얼굴장식과 표정 고정 얼굴장식이 눈장식·기본 성형과 겹칠 때도 누락 없이 선명하게 렌더링되도록 개선했습니다.