<aside>

UI요소

버튼 컴포넌트

• 옵션 단축키(ESC)클릭 시 게임은 일시정지가 되고, 옵션 패널 출력. → 게임의 사운드의 볼륨을 조절하는 슬라이드바, 챕터 선택으로 바로 가는 버튼을 옵션 패널에 순서대로 배치 (이후 추가 사항은 로드맵)
  • 이미지 예시
• 게임 시작 화면에서 ‘게임 시작’ 버튼을 누르면 메인 화면 입장 → 상호작용 오브젝트와 상호작용
  • 상호작용 오브젝트 : 상점 출입구 → 아이템 구매 → 상점출입구 → 메인화면
  • 상호작용 오브젝트 : 던전 출입구 → 던전 챕터 선택 → 해당 챕터 클리어 → 보상 수령 → 던전출입구
• 시작 화면 구성 요소
  • 컴포넌트
  • 이미지 자료
• 게임 스테이지(맵) 구성 요소

상호작용 오브젝트

상호작용 오브젝트 기획

게임 화면(카메라) 구성 요소

• 컴포넌트
• 체력 바
• 쉴드바
• 코인
• 예시(래퍼런스 이미지)

아이템창 레퍼런스 이미지

UX요소

• 사다리 오브젝트
  • 상호작용시에 스프라이트 애니메이션 전환
  • 사다리 오르는 사운드 삽입
• 함정 오브젝트
  • 부글부글 끓는 사운드 삽입 : 위험하니 피해야 할 것으로 인식
  • 끓는 듯한 이펙트 적용
• 포격타입과 엘리트/보스 몬스터의 원거리 공격
  • 공격 직전에 에너지 모으는 사운드 삽입 : 플레이어 위험 인지
• 옵션 패널 출력시
  • 게임 플레이 화면 일시 정지
  • 배경 사운드 정지
  • 패널의 각 컴포넌트 클릭시 상호작용(클릭)사운드 적용
• 플레이어가 몬스터에게 공격을 받았을 때/플레이어가 몬스터를 공격했을 때
  • 피격 사운드 적용
  • 스프라이트에 데미지 적용 애니메이션 구현
• 패링을 성공했을때
  • 패링 사운드 삽입
  • 패링 이펙트 삽입
  • 패링 애니메이션 삽 </aside>