일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- auth0
- 상태관리
- WebXR
- VR
- JavaScript
- package-lock.json
- bootstrap
- npx
- Component
- WebVR
- array
- promise
- A-Frame
- AR
- Node
- vuetify
- Three.js
- web
- aframe
- version mismatch
- PHP
- CI/CD
- JS
- EM6
- vue-template-compiler
- javscript
- 3d
- PDO
- vue
- vuex
- Today
- Total
목록WebVR (5)
대가는 결과를 만든다
A-Frame의 Tracker 지원 관련 리서치 내용 Tracker지원에 대해 이슈는 작년 4월부로 오픈된 상태로 진행 흔적이 없고, A-Frame Fork버전에서 Tracker 지원을 구현하여 반영요청을 한 적이 었지만, 정식으로 합쳐지진 못한 상태로 진행이 안된 것으로 보임(따라서 Tracker 사용이 불가능한 것은 아님) Tracker 관련 기능 구현 필요하게 될 시 Fork 버전을 참고 하도록 하고, 해당 이슈 모니터링 필요 1. 2017년 4월 Tracker 지원에 대한 이슈 링크https://github.com/aframevr/aframe/issues/2582 2.chenzlabs fork버전의 pull request 링크https://github.com/aframevr/aframe/pull/..
1편에 이은 중요 내용 번역 Case Study XR Mesh Store 참고 : https://xr-store.webxrexperiments.com/ 소스 : https://github.com/MozillaReality/xr-store 각 카테고리에 적합한 인터페이스를 제공하는 사이트를 만드는 것이 하나의 과제이다.제품을 1. 일반 디스플이에서, 2. VR 화면에서, 3. AR로 사용자 주위 세계에서 볼 수 있도록 제작한 예시가 위의 XR Strore이다. 이미지 : 각 플랫폼마다 다른 사용자 경험을 제공하는 인터페이스를 스케치한 모습과 구현한 모습 Selecting the Best UI for Each Platform -4가지 타입의 UI 1) Diegetic : UI요소가 3D 세계에 존재2) Sp..
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에 접근이 거의 불가능하..
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의 용도로 사용함? ) -..