뱃지 회의록

요약

• 퀴즈 등 다른 부분 변경 없이, 유저 관련 API의 totalPoints + post 불러오기로만 해결한다.

• 뉴비(뱃지 없는 경우) / 특정 레벨 달성 뱃지 / 출제한 문제 카테고리 뱃지로 나뉜다.

점수 획득 방식

한 문제 당 난이도 & 중요도에 따라 10포인트~50포인트까지 부여한다. ( 문제를 맞출 시 )

• 100포인트를 얻으면 레벨이 하나 오른다.

• [제안] 가능하다면, 메인페이지의 세트를 고를 수 있는 화면에 난이도/중요도를 표시해주면 좋을 것 같다.
• 레벨 높은 몬스터를 잡을 수 있는 느낌!

• [제안] 가능하다면, 문제 푸는 화면에서 난이도와 중요도를 표시해주면 좋을 것 같다.
• 이 문제를 맞출 경우 포인트를 획득량에 따른 동기 부여

뱃지 구분

• 굵은 테두리 + 메이플 칭호,업적 같은 이름 스타일로 구현한다.

• 태그의 종류에 따라 내용과 배경색이 바뀐다.

• 글씨색은 검정으로 통일한다.

뉴비

색상 : #977C37

• 다른 뱃지를 얻고 싶어지도록 구린(?) 색을 선정하였다.

레벨별

총 레벨이 n이면 해당 뱃지를 획득한다. 멘트는 [ 내가 레벨 n이라니! ]

• 포인트 100당 1 레벨로 환산된다.

레벨 별 색상 표

10 #5F7161

50 #6D8B74

100 #00FFAB

500 #0D99FF

1000 #FFBEB8

5000 #FAFF00

10000 #F30E5C

50000 #FF1809

 

문제유형별

카테고리 별로 출제한 문제가 10개/50개 일때, 카테고리 별로 획득한다.

좋아요 갯수별 (adv)

작성자 퀴즈 중 하나라도 좋아요가 n개 이상이면 뱃지 부여

• API 구조 한계 상으로 너무 많은 api 요청이 필요해서 일단 보류한다.
• 구현할 경우
• 사용자 수 * 퀴즈 수 만큼의 api 요청이 필요하다..!

10개 #FF8D29

50개 #FF00E4

 

 

유저 좋아요누른수, 댓글수별

작성자의 좋아요 및 댓글 n개 이상이면 뱃지 부여

유저 레벨별 이미지

maplestory.io 리소스 이용

• 캐릭터 id만 넣어서 바로 사진 불러오기 가능

• 포인트로 레벨을 계산한 후, 미리 지정해둔 레벨 breakpoint당 이미지 id랑 매핑시켜서 해결한다.

레벨

0

 

10

 

50

 

100

 

500

 

1000

 

5000

 

10000

 

50000

몬스터 id

100200

 

100120

 

100121

 

100122

 

100123

 

100124

 

2510000

 

8600006

 

6400007

로직 관련

• 사용자 상세 조회

• 사용자가 작성한 포스트 조회

관련 링크