본문 바로가기
게임개발/게임개발 팁

몽타주 만들기 - react 프로토타입

by 태풍의그라운드 2026. 1. 24.

 

몽타주 만들기 개발 2주 스프린트 시작.

정식 앱은 익숙한 유니티로 만들거고, 일단 react로 간단한 프로토타입을 구현하여 최종 모습을 대강 만들어봤다.

 

기본 기능

화면 가운데에 얼굴 형태가 나오고, 좌우 버튼, 스와이프르 원하는 형태를 고를 수 있다.

하단에는 파츠별 선택 버튼, 리스트가 나와 바로 원하는 모양을 선택할 수 있다.

다 만든 몽타주는 로컬에 저장, 공유하기로 카톡, 메신저등으로 보낼 수 있다.

 

프리미엄 기능

동영상 광고 시청 후 고화질로 내보내기 가능.

잠긴 파츠 해금 가능.

파츠 미세 조정 가능(회전, 스케일등)

 

리소스 제작 계획

생성형 AI로 완성된 모습과 각 파츠별 분리된 이미지를 제작.

GIMP 수작업으로 세밀하게 편집하여 앱에서 사용 가능한 형태로 가공.

 

1~3일 개발 계획서

1일차

파츠 종류 : 얼굴, 머리, 눈썹, 눈, 코, 입

이미지 개수 : 각 파츠당 다섯개씩

총 30개의 이미지 파일 생성

 

2일차

기본 UI 및 배치 로직 구현

 

3일차

내보내기 기능 구현

 

여기까지 실험 해 보고 괜찮으면 파츠 추가 생산 진행