Community

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

← Go back

[프론트엔드] 웹 VR로 만든 포트폴리오 개발언어 A Frame js

#portfolio
4년 전
12,314
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
dodoongtak 4년 전
원픽... 역시 VR 따거......

Don't Click을 빠져나오기 위해, 사이트를 종료했습니다...

https://imgur.com/a/qhpdcRm
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
sungkuk5420 4년 전
@dodoongtak ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ아! 그러고보니 한글을 지원안해여 ㅜㅜㅜ 그래서 다른부분은 다 영어로 쓰고 저부분 만큼은 한글로 하고 싶어서 아애 이미지로 한글 적어다 박았습니다 ㅋㅋㅋㅋ
dodoongtak 4년 전
@sungkuk5420 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

역시 '모'자라지않네요 ㅎㅎㅎ

다음 VR 프로젝트 기대하겠습니다! 성쿡님!

VR 장인이 되서 사모님 앞에서도 당당하게 되는 그날까지... 화이팅!
lynn 4년 전
오아아아아아아 대박쓰! 일단 dont click 을 가장 먼저 클릭해본 나란 사람은...ㅋㅋㅋ VR 컨셉 너무 멋져요!!!
sungkuk5420 4년 전
@lynn 댓글 감사합니다!! 좀 미로게임처럼 만들고 싶었는데 이쪽 프레임워크가 아직 익숙하지 않아서 ..ㅎㅎㅎ 좀 더 공부해서 여러가지 만들어보겠습니다

전에 니꼬쌤영상보고 AFrame에 대해 알게 되었는데 마침 일본 프리현장에서 맡은일이 AR, VR관련 일이여서 한번 만들어봤습니다 ㅎㅎㅎ 정말 자바스크립트로 많은걸 할 수 있게 된것같아요~~
wypo23 4년 전
vr이라니... 너무너무 멋있는 플젝, 아니 작품이네요!! 지금도 충분히 멋진데 지금보다 더 멋지게 바뀔거라니, 기대하고 있겠습니다!
sungkuk5420 4년 전
@wypo23 말씀 감사합니다.

웹에서도 VR, AR개발이 가능하며 실제 VR기기에서도 이동, 총알발사, 충돌체크, 컨트롤러를 통한 각 이벤트 바인딩이 가능하다는것을 확인할 수 있어 좋은 기회였습니다 ㅎㅎㅎ
jiwondev 4년 전
우와 VR! 결과물이 너무 기대되는 플젝이네요!!
종종 들어와서 구경하겠습니다 🤩
sungkuk5420 4년 전
@jiwondev 감사합니다
지금도 브이알에서 컨트롤러로 메뉴선택은 가능한상태인데 시간내서 영상으로도 찍어서 공유해보겠습니다

핸드폰으로 들어오셔도 브이알 비슷하게 체험해 보실 수 있습니다