Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
3D 모델 뷰어
#side_projects
2년 전
29,614
7

<<withAvatar>>

Demo: https://demo.withavatar.shop

  • 자기소개

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

  • 서비스 소개

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

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

  • 시작한 계기

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

  • 개발 스택

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

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

  • 희망사항

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

7 comments