일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- EM6
- web
- array
- javscript
- vue-template-compiler
- 3d
- A-Frame
- npx
- aframe
- CI/CD
- Three.js
- VR
- vue
- 상태관리
- JS
- auth0
- Component
- WebVR
- PDO
- bootstrap
- PHP
- Node
- version mismatch
- JavaScript
- package-lock.json
- vuex
- vuetify
- WebXR
- AR
- promise
Archives
- Today
- Total
대가는 결과를 만든다
Three.js + WebVR Example Docs 본문
반응형
1) Example/WebVR.js의 사용
2) document.body.appendChild( WEBVR.createButton( renderer ) );
=> VR 연동하여 VR세션 초기화 하는 버튼 생성
3) renderer.vr.enabled = true;
=> WebGLRenderer의 VR Rendering 속성을 설정
4) renderer.setAnimationLoop( function () {
renderer.render( scene, camera ); } );
=> 기존 requestAnimationFrame()함수를 사용하지 못하므로 VR프로젝트에선 animation loop를 사용하여 랜더링 함.
참고 링크 : https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content
**현재 공식으로 사용할 수 있는 기능이 아니므로 origin trial 토큰이 필요**
**그리고 현재 WebVR은 개발 중단 WebXR로 편승됨. 다음 글 참조**
'개발 > VR' 카테고리의 다른 글
A-Frame 기본 리서치 (0) | 2018.12.04 |
---|---|
WebXR Spec 관련 블로그 번역 (2/2) (0) | 2018.12.04 |
WebXR Spec 관련 블로그 번역 (1/2) (0) | 2018.12.04 |
Sketchfab VR 스펙 내용 (0) | 2018.11.29 |
WebVR / WebXR (0) | 2018.11.28 |
Comments