<<withAvatar>>

Demo: https://demo.withavatar.shop

• 자기소개

  • 안녕하세요. 저는 니코쌤 강의로 개발 공부 시작한 코린이입니다. 최근에 다녔던 스타트업에서 퇴사하고 다시 취준생으로 돌아가 토이 프로젝트를 진행하고 있습니다.

• 서비스 소개

  • 위와 같은 뷰어 기능을 구현했고, 모델 정보를 모두 상세히 볼 수 있게 만들어 봤습니다.
    아직 기능이 부족합니다. 뼈를 볼 수 있는 기능, 표정을 바꿀 수 있게 해주는 기능 등 모델에 담긴 정보를 최대한 끌어내 사람들이 모델을 다운받거나 구매하기 전에 볼 수 있게 하는 게 목표입니다.

  • 위 스크린 샷과 같이 뼈와 MorphTarget을 하나하나 어떤 곳에 있는지, 어떻게 작동되는지 알 수 있게 개발했습니다.

• 시작한 계기

  • Booth나 Sketchfab을 보면서 최대한 합쳐서 구현하려고 해봤습니다.
    사람들이 많이 아바타를 사는 곳은 Booth이지만, 모델 정보가 너무 제한적이라 그걸 해결하기 위해 만들어봤습니다.

• 개발 스택

  • VueJS, TroisJS, threeJS로 만들었습니다.

  • 배포는 Firebase를 이용하고 있습니다.

• 희망사항

  • 많은 사람들이 3D 모델을 자세히 알고 나서 살 수 있는 환경을 만들고 싶습니다.
    많은 리뷰가 있으면 감사하겠습니다.