개발자 99% 커뮤니티에서 수다 떨어요!
<<withAvatar>>
Demo: https://demo.withavatar.shop
자기소개
안녕하세요. 저는 니코쌤 강의로 개발 공부 시작한 코린이입니다. 최근에 다녔던 스타트업에서 퇴사하고 다시 취준생으로 돌아가 토이 프로젝트를 진행하고 있습니다.
서비스 소개
위와 같은 뷰어 기능을 구현했고, 모델 정보를 모두 상세히 볼 수 있게 만들어 봤습니다.
아직 기능이 부족합니다. 뼈를 볼 수 있는 기능, 표정을 바꿀 수 있게 해주는 기능 등 모델에 담긴 정보를 최대한 끌어내 사람들이 모델을 다운받거나 구매하기 전에 볼 수 있게 하는 게 목표입니다.
위 스크린 샷과 같이 뼈와 MorphTarget을 하나하나 어떤 곳에 있는지, 어떻게 작동되는지 알 수 있게 개발했습니다.
시작한 계기
Booth나 Sketchfab을 보면서 최대한 합쳐서 구현하려고 해봤습니다.
사람들이 많이 아바타를 사는 곳은 Booth이지만, 모델 정보가 너무 제한적이라 그걸 해결하기 위해 만들어봤습니다.
개발 스택
VueJS, TroisJS, threeJS로 만들었습니다.
배포는 Firebase를 이용하고 있습니다.
희망사항
많은 사람들이 3D 모델을 자세히 알고 나서 살 수 있는 환경을 만들고 싶습니다.
많은 리뷰가 있으면 감사하겠습니다.