Community

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

← Go back
[프론트엔드] 웹 VR로 만든 포트폴리오 개발언어 A Frame js
#portfolio
3년 전
11,622
9

1.결과물 URL (https://devkim-portfolio.netlify.app/ ) 데모링크 

undefined

undefined

undefined

2. 자기소개
7년차 프론트엔드개발자입니다.
이번에 웹 VR,AR 관련 프로젝트를 진행하게되어 사이드로 만들어봤습니다.

3.서비스 소개

-메인화면. 3D 모델링 및 프로필 애니메이션 작업.
-??? 호러느낌으로 점등하고 싶어서 이동기능등 만들었는데 미완성입니다.
-프로젝트. 각프로젝트를 벽에 붙여서 3D 갤러리처럼 꾸미고 싶었는데 시간이 부족하여 일단 나열만 했습니다. + 상세 화면작업.

4. 개발 과정
어려웠던점.

-3D 개발
-조명의 배치및 조명세기
-간단한 화면 전환조차도 아주 화가남.
-오큘러스퀘스트로 테스트해보니 조명이 많으면 엄청난 렉이걸림. -조명 줄이고 비슷한효과를 주기위해 세기를 강하게 함.

-이벤트 바인딩이 꼬이고 마우스로 조작가능한 요소의 충돌이 잦았음.
-오큘러스 퀘스트 등 실제 VR기기의 이동기능을 개발하였으나 이동범위 제한을 제대로 설정하지못하였음.

5.앞으로 계획. 오큘러스 퀘스트등 실제 VR기기에서의 조작가능하도록 개선해보겠습니다.

9 comments