유저는 자유롭게 자신만의 아바타를 커스터마이징할 수 있고 시즈널하게 아바타 프랍들을 업데이트 하는 등의 이벤트까지 연계하여 향후 확장하고자 합니다.
모바일 앱에서 고객이 지속적으로 즐길 수 있는 3D 아바타 시스템을 도입하고 싶습니다.
STRATEGY
호환성 높은 3D 캐릭터 아바타 시스템
(바디, 프랍, 코스튬, 헤어 등) 개발
클라이언트의 디자인 가이드 기반의 기획안을 제공받고 이를 3D 디자인하였습니다. 2D 디자인을 모두 3D화 함에 따라 캐릭터 바디를 기준으로 호환되는 아바타 시스템을 설계하였습니다.
Three.js 기반으로 개발을 진행하기에 호환 테스팅 및 클라이언트 기술팀과의 개발 커뮤니케이션 진행하였습니다.
Process
3D CHARACTER DESIGN
3D 캐릭터 및 애니메이션 개발
기본 바디를 기반으로 기획안에 맞는 3D 아바타 프랍을 제작하였습니다. 카투닉한 토이 컨셉으로 캐릭터의 헤어, 프랍, 코스튬, 아이템 등을 제작하였고 각 아이템에 맞는 핸즈 그랩 애니메이션을 개발하였습니다. 이를 통해 사용자는 자신만의 캐릭터를 커스터마이징 하여 앱 내에서 실감나는 상호작용 할 수 있습니다.
THREE.JS DEVELOP
Three.js 호환성 개발을 위한 팔로업
Three.js 환경에서 필요한 개발 가이드안에 대해 함께 아이디에이션하고 세워진 기준을 기반으로 3D 데이터를 전달하였습니다. 그리고 클라이언트의 개발 진행과정에서 팔로업하여 개발과정에서 생기는 이슈들을 트래킹하였습니다.