2022 11 08

Day02

컨셉 아트

기종님의 컨셉 아트를 기반으로 하는 걸로 결정됨

비주얼 컨셉

모뉴먼트 밸리와 같은 몽환적인 컨셉+귀여운 유령이 나오는 방향으로 비주얼 컨셉을 진행 중이다.

플레이어 캐릭터

귀여운 👻유령이 나온다! 거석이라는 초창기 이미지와 어울리기도 하면서, 한정된 기간 안에 간단한 방법으로 3D 애니메이션까지 구현할 수 있는 오브젝트를 모색하다, 유령 캐릭터가 몸통만 회전시키면 애니메이션을 간단하게 구현할 수 있다는 것을 알게 되어서 선택하였다.

세부 기능 정의

메인화면

• 다른 사용자의 작품 감상 방향키(WASD or 방향키)로 이동해서 맵 상에 존재하는 다다익선에 접촉

  ⇒ 접촉된 패널에 플레이어가 위치하면 해당 사용자의 공간으로 이동 ⇒ 다른 사용자의 작품 감상하기 ( Read only, 개인 화면과 같은 공간으로 이동 )

• 개인 화면 이동하기

  • 갤러리 만들기 모달
    • 기간 (프리셋)
      • 버튼이 눌러지면 해당 버튼에 하이라이트 표시가 생긴다.(더 커짐)
    • 테마 (프리셋)
    • 노션 로그인 버튼

    1. 기간/테마를 선택했을 시

       ⇒ 무조건 새로 생성

    2. 기간/테마를 선택하지 않았을 시

       ⇒ 이전 DB에 생성 이력이 있으면 생성하지 않고 최근에 생성된 값을 불러옴 ⇒ 이전 DB에 생성 이력이 없으면 디폴트 값으로 생성O

개인 화면 ( canvas 내부 )

• 움직임

  • 키보드 방향키(WASD or 방향키)

• 시선 이동

  • 마우스 움직임

• 맵 생성

  

  • 페이지 내 가장 많은 키워드 1개를 기준으로 분리
  • 전체 키워드는 3~5개 ( 그 이외에는 구석에 짱박아두기)
  • 가까이 있는 게 생성이 최근, 멀리 있는게 오래전 생성
  • 플랜 B : 시간 순 배열 ( 해당 방법이 너무 어려울 시)

• 중앙 거석

  

  • 전체 글 키워드 통계
  • 가까이 이동하면 키워드가 펼쳐지며 둥둥 떠다님
    • 모든 키워드들은 빌보드 방식으로 렌더링됨

• 페이지 거석

  

  • 가장 큰 거석에는 페이지 제목, 옆에 작은 비석에 소제목

  • 주변에 페이지에서 추출한 키워드와 사진의 파편들이 떠다님

    • 키워드 중 빈도가 높은 키워드는 크기가 큼

  • 외부 링크는 파비콘 오브젝트를 3D화

    

    • 기존 2D에 두께를 준 수준
    • 외부 링크 발판에 플레이어가 올라서면 외부 링크로 이동

  • [Optional] 키워드 클릭 시 해당 키워드 쓴 부분 출력

  • [Optional] 사진 파편 클릭 시 사진 조립

개인화면 (canvas 외부)

• 공유/공유 해제 버튼
  • 클릭하면 서버로 요청을 보내서 현재 보고 있는 부분의 공유를 추가/해제함
  • 공유 해제된 공간은 서버측에서 24시간이 지나면 사라짐
    • 24시간이 지났는지를 서버측에서 매번 체크가 불가능하므로 매일 오전 12시에 크론탭을 돌려서 24시간이 지난 공유 해제 공간을 서벙 ⇒ 오 이거 좋습니다
• 동기화 버튼 Notion에 한번 더 OAuth 요청을 보내서 최신 데이터를 긁어옴
• 히스토리 버튼 현재 계정으로 저장된 데이터 목록들을 보여줌
• 타이틀 로고
  • 메인화면으로 이동
• [Optional] 조회수 출력
• [Optional] Mute/Unmulte 버튼
  • 클릭 시 배경음악이 토글됨
    • 기술상 문제로 배경음악은 꺼진 상태로 제공됨(자동재생 불가능)

레이아웃

• 갤러리 생성 모달

  • 기간 및 테마 선택 가능
  • 노션 로그인 버튼
  • 모달 바깥쪽 누르면 모달 사라짐
    • dimmed 방식으로 진행.

  

• 히스토리 보기 모달

  • 햄버거 버튼을 클릭하면 히스토리를 볼 수 있음.
  • 서버에 저장된 버전들 중 하나를 선택하여 볼 수 있음.
  • 현재 선택된 부분이 가장 큰 폰트로 표시되고, 전후로 폰트가 작아짐
  • 현재 선택 부분에서 4칸 이상 떨어진 버전은 Opacity가 줄어듦 (/2)
  • 왼쪽 3/4 정도 클릭하면 사라짐