개인 프로젝트

공모전 프로토타입 준비 준비

hanui1210 2024. 12. 4. 15:12

-12월 30일(월) 자정까지

-프로토타입 & 프레젠테이션 준비

 

◎프로토타입 빌드

-채팅 1.5초간격으로 자동생성

-답변선택 최소 2지선다 최대 6지선다(답변 선택시 채팅이 써지는듯한 모션추가)

-채팅 진행시 사진 자동첨부

-채팅내역은 스크롤뷰로 관리하고 스크롤뷰를 올렸을때 전체 채팅내역이 남아있어야함

-모바일로 진행

 

1. 사용자 경험 (UX) 향상

  • 읽음/안읽음 표시: 채팅 메시지에 읽음/안읽음 상태를 표시해 메신저 느낌을 강화.
  • 타이핑 애니메이션: 메시지 작성 전 상대방이 입력 중임을 나타내는 "..." 애니메이션 추가.
  • 시간 표시: 메시지별로 타임스탬프 표시 (ex. 10:23 AM).
  • 알림 효과: 새 메시지가 추가될 때 진동이나 알림 음을 제공.

2. 데이터 관리

  • JSON 구조 확장: 선택지, 이미지, 타이머 데이터 등을 포함하는 더 정교한 JSON 데이터 구조.
  • 저장 및 불러오기: 채팅 기록과 진행 상황을 로컬 저장소에 저장하고 다시 불러오는 기능.
  • 로그 기능: 플레이 도중 사용자가 선택한 답변과 진행 흐름을 로그로 저장.

3. 상호작용 강화(일단 제외)

  • 답변 선택 애니메이션: 사용자가 답변 선택 시 애니메이션(버튼 색상 변화, 눌림 효과) 추가.
  • 멀티미디어 추가: 텍스트뿐만 아니라 동영상, 음성 메시지도 채팅에 삽입 가능하게 구현.
  • 상황에 따른 UI 변환: 특정 조건에서 배경색이나 테마 변경 (ex. 캐릭터 심리적 변화 표현).

4. 시각적 완성도

  • 프로필 사진 애니메이션: 캐릭터 프로필 이미지가 가볍게 확대/축소되는 애니메이션.
  • 테마 지원: 다크 모드와 라이트 모드 전환 기능.
  • 사진 보기 확대: 채팅 중 삽입된 이미지를 클릭하면 확대해서 볼 수 있는 뷰어 추가.

5. 테스트 및 성능

  • 디버그 모드: JSON 데이터를 실시간으로 수정하거나 특정 챕터로 바로 이동 가능하게 구현.
  • 최적화: 1.5초마다 채팅 생성이 쌓이더라도 모바일에서 부드럽게 작동하도록 메모리 및 성능 관리.
  • 플랫폼 대응: 다양한 모바일 해상도(16:9, 18:9 등)에 대응하도록 UI 테스트.

6. 추가 연출 기능

  • 분기 시스템: 사용자가 선택한 답변에 따라 다른 스토리 진행 가능.
  • 캐릭터 감정 표현: 답변에 따라 캐릭터의 프로필 이미지가 변화하거나, 표정 애니메이션이 추가.

 

'개인 프로젝트' 카테고리의 다른 글

프리팹 세부구조  (0) 2024.12.15
공모전 로드맵 설계  (0) 2024.12.14
과제2  (0) 2024.12.04
ui구성 시각화 // 색감 구성  (0) 2024.11.15
개인프로젝트 과제2  (0) 2024.11.08