지난 업데이트
2023.09.24 업데이트
- 드레스룸에 염색 시뮬레이션 기능 추가
- 어두운 배경 기능추가


2023.09.23 업데이트
- 캐릭터 분석시 염색 정보가 포함될 수 있도록 변경
- 캐릭터 상세페이지에 염색정보가 표기되도록 추가


2023.09.21 업데이트
- KMS 신규 아이템 173개 항목 추가
- 드레스 룸 아이템 목록 추가
- 캐릭터 이미지 화질 개선 (텍스처 업스케일링)
- 아이콘 스라벨/마라벨 구분 표기
- 스라벨 페이지 스라벨 125기 추가
- 캐릭터 정보 다운로드 버튼 추가
- 아이템 목록 데이터 91% 압축 적용


2023.09.16 업데이트
- 스라벨 페이지 추가
- 드레스 룸에서 무기 변경시 이미지 오류 수정
- 무기 아이콘이 일부 나타나지 않는 오류 수정


2023.09.15 업데이트
- 드레스 룸에서 헤어 변경시 이미지 오류 수정
- 드레스 룸 이미지 오류 발생시 오류 속성 자동 알림 발송 추가


2023.09.14 업데이트
- 2023.09.14 기준 최신 아이템 매핑 적용 완료 (하이틴 헤어 등)
- 드레스 룸에서 한벌옷일때 상하의 변경시 이미지 오류 수정



24.04.18 업데이트

  • 스페셜라벨 132기 추가
  • 모라스 세트 패키지 추가
  • 몬스터 피부 추가
  • 몬스터 성형 추가
  • 위 정보를 포함한 245종 아이템 추가



24.03.21 업데이트

  • 프리미엄 헤어/성형 추가


24.02.22 업데이트

  • 스라벨 130기
  • 흑발 가발
  • 백안 얼굴장식



24.01.10 업데이트




23.12.21 업데이트




23.12.04 업데이트



23.11.07 업데이트

  • 메이플스토리 공식 랭킹 페이지 주소가 변경되어서 캐릭터 등록분석이 불가능한 오류 수정



2023.11.03 업데이트

  • 염색 오류 수정



2023.10.27 업데이트

  • 염색 오류 수정
  • 스피넬 피부 추가
  • 염색 시뮬레이션 오류 수정



2023.10.26 업데이트

  • 패치노트 (https://curma.cc/156)
  • 스라벨 126기 추가
  • 마라벨 16기 데이터 추가
  • 스라벨 마라벨 포함 198건 아이템 추가


2023.10.19 업데이트

  • 누락된 아이템 282건 추가 (더벅머리 등 기본헤어, 체커 머시기 및 슬롯 값이 없는 아이템)
  • 루트 도메인에 패치노트 추가 (https://curma.cc/155)


2023.10.18 업데이트

  • 중복 아이템 값이 높은 성별의 아이템만 노출되는 경우 수정 


2023.10.15 업데이트

  • 누락된 아이템 64개 항목 추가


2023.10.14 업데이트

  • 목록을 통해 상세페이지에서 뒤로가기시 페이지네이션 / 데이터 / 필터 보존 적용


2023.10.10 업데이트

  • 화질이 비정상적인 색감과 도트가 저하되서 출력되는 문제 수정
  • 드레스룸 염색 탭 UI 개선 및 미세조정/초기화 기능 추가


2023.10.06 업데이트

  • 캐릭터 상세페이지로 접근하는 드레스 룸에서 무기 모션이 저장안되는 버그 수정
  • 드레스룸 장착아이템 탭에 '형상변이' 스킬 추가
  • 드레스룸 목록 및 목록페이지 아이템 명에 같은 아이템에 다른색상이 중복으로 노출되지 않도록 수정
  • 아이템 목록에서 중복된 이름의 다른 ID를 가진 아이템의 경우 ID가 높은값이 노출될 수 있도록 수정


2023.10.05 업데이트

  • 메이플 커마를 PWA 웹앱으로 사용할 수 있도록 앱 제공 추가


2023.10.04 업데이트

  • 상세페이지 캐릭터 이미지 복사 / 다운로드 버튼 추가
  • 드레스 룸 무기모션 및 확대, 도트/텍스쳐 모드 이미지 복사 저장 반영


2023.10.03 업데이트

  • 무기 모션 추가


2023.09.27 업데이트

  • 드레스룸 및 상세페이지 도트, 텍스쳐 업스케일링 기능 분리 및 추가







지금부터 소개할 서비스는 내가 만든건데 "메이플 커마" 라는 서비스야.

메이플 커마는 요약하면 대충 이런 기능들을 가지고 있어


  1. 내 캐릭터 또는 다른 유저의 캐릭터의 코디 정보 분석 및 확인
  2. 메이플스토리 공식 아바타 주소로 업로드된 이미지의 코디 정보 분석 및 확인
  3. 1번과 2번에서 분석된 캐릭터에게 다른 아이템을 입혀보는 '드레스 룸' 기능
  4. 1~3번 과정을 통해 저장된 데이터를 통해 코디 검색 기능 제공
  5. 같은 부위를 사용한 다른 캐릭터의 코디 
  6. 역대 출시된 역순서의 스페셜 라벨 목록



주소: https://maple.curma.cc

서브 도메인이라 주소가 조금 길긴해도 외우기는 어렵지 않을거야!




기능 설명

  • 분석
  • 목록
    • 페이지네이션
    • 검색 및 필터
    • 정렬
  • 상세페이지
    • 아이템 정보
    • 마라벨/스라벨 구분 표기
    • 염색 정보
    • 텍스쳐 업스케일링
    • 같은 부위 다른 코디
    • 성별 구분
    • 액션 버튼
    • 캐릭터 정보 다운로드
  • 드레스
    • 아이템 장착 해제
    • 아이템 검색 및 적용
    • 아이템 목록
    • 피부
    • 믹스 (믹스염색 / 믹스렌즈)
    • 액션
  • 통계
  • 스페셜 라벨
  • 기타






분석



분석은 왠만하면 페이지내에 다 작성 해둬서 따로 설명할 부분이 없어.

캐릭터 이름을 검색하거나 메이플스토리 공식 홈페이지에서 제공해주는 캐릭터 아바타 주소를 입력하면돼.


그런데 주의할 점은 공식 홈페이지가 점검중인 경우는 불가능하고, 랭킹에 반영되기 전에는 불러올 수 없어.


분석이 완료되면 자동으로 메이플 커마 DB에 저장이돼.

하지만! 저장되지 않는 경우도 있어. 예를들면 교복처럼 되어버린 이벤트로 남발해서 지급된 코디 라던가 너무 보기 흉한 정도의 코디는 제외돼

그렇다고 분석 결과를 안 보여 준다거나 드레스 룸을 이용할 수 없는건 아니야 단지 서버 DB 저장이 안될 뿐...







목록



목록 페이지는 하단에 PREV(이전) / NEXT(다음) 버튼이 고정되어 있어서 이거로 페이지 제어가 가능해

목록내에 있는 마음에드는 메애기를 클릭하면 해당 캐릭터의 코디 정보를 분석해서 보여줘

하지만 넘어가기 전에 검색(필터) 기능을 먼저 짚고 가는게 좋을 것 같아.




검색


목록 상단에는 이렇게 12개의 부위와 검색 인풋이 있어. 아이템 명 검색시에는 부위 선택을 안하고 진행해도돼 

다만 헤어는 '시원한 아침등교 헤어' 를 착용한채로 성형은 '차분한 헤헤'를 착용한 필터링이 필요한 상황이 있을까봐 만들어둔 기능이야.



이렇게 부위를 클릭하고 원하는 아이템명의 키워드를 입력하면 자동완성이 노출되는데 굳이 자동완성에 맞추려고 하지 않아도돼






그러면 이렇게 선택했던 헤어라는 부위에서 '시원한' 이라는 키워드가 포함된 item id를 자동으로 추출해서 DB 서버에서 조회후 반환하게 해두었어.






다른 부위들도 이렇게 중첩 검색이 가능한 방식이야.

다만 같은 부위 선택시에는 기존에 포함한 검색어가 제거되니 유의해!




정렬

목록 페이지에서 마지막으로 살펴볼 기능이야. 검색시 최신순이 기본이고 랜덤도 가능해!

하지만 랜덤이나 페이지네이션 동작하다가 한 10페이지 갔는데 다른 페이지 갔다오면 초기화되니 주의해!

휠 버튼이나 ctrl + 좌클릭을 하면 새탭(새창)으로 열 수 있어








캐릭터 상세 페이지



상세페이지는 캐릭터가 착용한 12부위와 피부까지 총 13가지의 정보를 알려줘.

보조무기는 대체로 투명방패 비중이 너무 높아서 의미가 없어서 제외했어.




아이템 정보



코디 정보의 경우 밑에 숫자가 있는데, 이건 메이플스토리 에서 해당 아이템의 ID 야

위x알 이나 하xx커 같은 클뜯 프로그램을 사용할 줄 아는 사람들은 해당 코드로 저 아이템을 찾아볼 수 도 있을거야.





마라벨/스라벨 구분 표기

마라벨은 'M' 아이콘 / 스라벨은 'S' 아이콘을 표기해서 라벨류 아이템을 잘 구분하지 못하는 유저들을 위해 표기했어.

사실 나도 로얄 까본적이없어서 스라벨 페이지 만들면서 라벨 종류에 대한 이해를 시작했어...




염색 정보

2023.09.23 에 추가된 기능이야.

모자와 상의를 보면 계열, 색조, 채도, 명도의 정보가 포함되도록 추가했어.






텍스쳐 업스케일링


적용 전/후 

사실 던파커마 서비스에서 사용하려고 연구하다가 발견한 알고리즘이야.

xBR 이라는 알고리즘을 통해 pixel 로 구성된 이미지를 강제로 안티앨리어싱처리가 깔쌈하게 적용돼.






같은 부위 다른 코디


페이지의 스크롤을 내려보면 상세 조회중인 캐릭터의 같은 부위 코디를 사용한 다른 코디를 보여줘

다만 투명셋 같이 보이지 않는 치장 이라던가 아니면 앞에서 말한 제외되는 코디는 보여주지 않아.


또 단순히 보여주기만 하는것은 아니고 클릭하면 해당 캐릭터의 상세페이지로 이동해




액션


상세페이지는 4개의 버튼처럼 생긴게 나열되어 있지만 3가지의 액션 기능이 존재해. 

성별은 아무 동작안해. 성별을 표기한 이유는 미하일이나 체인지로얄 등을 통해 성전환 코디를한 캐릭터를 구분하기 위해서 넣었어.


확대는 메이플 공식 홈페이지에서 처럼 망토와 무기가 약간 가려지는대신 캐릭터 이미지 크기를 키우는 방식인데

그 방식으로 불러와서 내가 강제로 가로 세로 크기만 늘려버리게 해두었어


오탐 제보는 말그대로 잘못 표기된 아이템 정보나 오류가 있는 경우 저기서 단방향 메시지를 전송할 수 있어.



나한테 ㄷㅅㅋㄷ를 통해 바로 알림이 오게 구현해두었어








캐릭터 정보 다운로드

2023.09.21 업데이트에 추가된 기능이야.

가운데 다운로드 버튼이 있는데 이걸 클릭하면 해당 캐릭터의 아이템 정보가 포함된 이미지를 생성해서 저장해




오픈소스라서 이렇게 간혹 오류가 나는데 이럴 경우 새로고침 하고 다시 다운로드 누르면 정상적으로 나와











드레스 룸


드레스 룸은 분석된 캐릭터의 코디를 변경해서 입혀보는 기능이야.

다른 코디 시뮬레이션 써드파티 서비스들과는 다르게 내 캐릭터의 가장 최근 코디를 불러와서 변경할 수 있기 때문에 굉장히 편리하다는 장점이 있어.





아이템 장착 해제



착용중인 아이콘 목록에 있는 아이콘 버튼을 클릭하면 이렇게 벗겨볼 수 있어. 다시 누르면 다시 착용해




아이템 검색 및 적용


아이템 탭은 기본값으로 노출되어 있어.

아이템명 검색은 아까 목록에서 설명한것과 동일해.




검색결과중에 원하는 것을 클릭하면 적용할 수 있어.






타 서비스랑은 다르게 모루로 적용할 경우도 대비해서 구비해두었어.






아이템 목록


아이템 명을 모르는 사용자들을 위해 아이템 목록을 각 부위별로 불러올 수 있도록 추가했어.

정렬기준은 마스터라벨 > 스페셜라벨 > 아이템 ID 역순이야.




2.58MB -> 239.32KB 

아이템 목록은 기존엔 압축이 안된 상태였지만 2023.09.21 업데이트 이후로는 브라우저가 알아서 압축 및 해제를 진행해서 데이터를 가져오기 때문에

데이터에대한 심적인 부담과 데이터 요금 폭탄을 맞을일이 감소하게 되었어.
물론 아이템이 메이플 패치때마다 점차 늘어날 수 밖에 없긴해... 그래도 아직은 0.5MB도 안되니깐 괜찮을거야







피부



피부탭은 기본적으로 해당 캐릭터의 피부가 선택되어 있어.

대부분 뽀송 홍조를 마니 사용해서 4가지를 제일 위에 두었고 그다음으로 많이 사용하는 엘프랑 노블레스같이 흰색에 가까운 피부를 위에 배치해서 편의성을 좀 생각해두었어.



 





믹스





믹스탭은 믹스 헤어와 믹스 렌즈가 있어.

여기도 마찬가지로 타 서비스들과는 다르게 이미지를 겹쳐서 보여주는 방식이 아니라서 동시에 믹염과 믹렌을 적용해볼 수 있어!


나처럼 색상 구분이 잘 안되는 색약인 유저들을 위해 색상 자체에 색상 텍스트 앞글자를 포함시켰어.

하지만 그거로도 부족한거 같아서 비율 조절하는 조절바에도 어떤색상의 비율이 더 높은지 알 수 있도록 색상을 넣어두었어.








액션


드레스 룸에도 상세페이지와 마찬가지로 5가지의 액션 기능이 존재해


 이 버튼은상세페이지의 오탐제보와 동일한 기능이야.

사실 드레스 룸 에서 코디 변경시 이미지가 안나타나는 오류가 발생했다면, 바로 나에게 해당 캐릭터의 원본과 너가 변경한 값을 ㄷㅅㅋㄷ 알림으로 쏴서 알려주게 해두었어. 그래야 디버깅이 가능해...


나한테 이런식으로 알림이오고 이러한 정보를 통해 오류를 최소화해서 더 품질 높은 코디 서비스를 제공할 수 있도록 할거야!





이 버튼은 캐릭터 이미지를 강제로 확대해

다만 메이플 아바타 서버에서 제공하는 확대 기능이 있는데 그 기능이 같이들어가. 그러다보니 무기랑 망토가 잘려 보일 수 있어.




이 버튼은 클립보드 복사 기능이야.

현재 보여지고 있는 캐릭터의 이미지를 클립보드에 복사해줘. ctrl + v 하면 이미지를 붙여넣을 수 있는곳 어디라면 복사할 수 있어.

하지만 붙여넣기 기능이 제한되는곳도 있지



이 버튼은 이미지 다운로드 기능이야.

현재 보여지고 있는 캐릭터의 이미지를 PNG 파일로 다운로드 할 수 있어



마지막으로 이 버튼은 저장 기능이야.

이 버튼을 클릭하면 현재 캐릭터의 이미지와 정보를 메이플 커마 DB서버에 저장해

그럼 바로 URL로 이동시켜줘 








통계



통계는 메이플 커마에서 제공하는 12부위에 대해 적용 횟수 및 비율 순으로 최대 100개까지 순위를 매겨서 보여줘

통계는 1시간 마다 캐싱하니깐 운나쁘면 캐싱 끝난 순간이라면 불러오는데 약간의 시간이 소요될 수 있어.

통계 캐싱 지속 시간은 늘릴 수 도 있어. 또 사람이 캐싱을 요청하지 않도록 자동화 처리를 적용 할지는 모르겠어









스페셜 라벨



스라벨 페이지는 역대 출시한 스페셜 라벨을 역순으로 보여줘

하지만 KMS (본섭) 기준이기 때문에 테스트 서버에 신규 스라벨이 나왔다고 해서 바로 노출되지는 않아.


마라벨도 해주고싶었지만 부위가 들쭉날쭉하고 성별구분도 일부가 없는 부위가 많아서 자동화가 안돼.

그래서 마라벨은 제외했어.








기타 



우측 상단에 APPS 버튼이 있는데 커마는 사실 메이플 말고도 다른 게임들도 있어. 혹시 나처럼 여러 게임을 하는사람들이 참고했으면 해!



이 버튼은 아마 신경도 안쓰겠지만 후원 버튼이야.












광고용 이미지