일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- aframe
- JavaScript
- Component
- array
- EM6
- vuex
- CI/CD
- vue
- package-lock.json
- WebVR
- vue-template-compiler
- WebXR
- A-Frame
- version mismatch
- vuetify
- promise
- JS
- PHP
- VR
- bootstrap
- AR
- Three.js
- npx
- auth0
- Node
- javscript
- 3d
- web
- PDO
- 상태관리
- Today
- Total
목록개발/VR (12)
대가는 결과를 만든다
WebXR을 조사하며 Mixed Reality Blog의 Progressive WebXR 게시글을 일부 번역출처 링크 : https://blog.mozvr.com/progressive-webxr-ar-store/ WebXR Device API는 더 넓은 범위의 혼합현실 기기(AR/VR, 몰입형, 휴대형)를 포함하는 WebVR API를 확장한 API이다.모든 혼합현실 기기를 하나의 API로 지원함으로써, Immersive Web community는 웹앱이 사용자의 디바이스 성능에 따라 반응할 수 있도록 하고, AR/VR 혹은 2D 화면의 적합한 UI를 개발자에게 제공하고자 한다. Non-WebXR Displays 현재 데스크톱 모니터, 스마트폰, 태블릿은 WebXR을 통해 VR/AR에 접근이 거의 불가능하..
VR Compatibility -Browser : Chrome, Firefox, Chrome Android-VR Device : Oculus Rift, HTC Vive, Cardboard(WebVR X), Daydream(WebVR) 1) Chrome - Oculus Rift VR BrowserScene viewOculus touchOculus remoteChromium 2017-02-20NOK: black screen on sceneOKOKOK -HTC Vive VR BrowserScene viewVive controllerChromium 2017-02-20NOK: At first you are in the Steam lobby. You need to click in the browser widow t..
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/introdu..
WebVR- 사용자가 보유한 VR헤드셋, VR지원 기기를 사용해 웹브라우저에서 3D경험 제공하는 자바스크립트 API - Legacy : WebVR API 개발은 중단되고 WebXR Device API가 대체되었음. 한 동안은 계속 브라우저가 이 WebVR을 지원. -WebVR1.1의 여러 이슈들을 개선하여 단순한 구현성, 성능 개선, VR뿐 아니라 AR 및 다양한 확장 사용을 위해 밑에 정리한 WebXR Device API가 고안되었고, 편승됨. (자바스크립트 메인 스레드 의존성이 큼, 설정 난해, common uses like magic window being a side effect rather than an intentional feature (대부분 Magic Window의 용도로 사용함? ) -..