일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- A-Frame
- vue-template-compiler
- CI/CD
- JS
- 3d
- Node
- Component
- PHP
- aframe
- package-lock.json
- WebVR
- vue
- version mismatch
- Three.js
- array
- VR
- AR
- 상태관리
- PDO
- vuetify
- bootstrap
- WebXR
- auth0
- promise
- vuex
- npx
- EM6
- javscript
- web
- JavaScript
- Today
- Total
목록VR (5)
대가는 결과를 만든다
A-Frame이란? 링크 : https://aframe.io/docs/0.8.0/introduction/#off-you-go VR 구현을 위해 Mozilla에서 개발된 Web Framework,HTML 기반,three.js에 확장 가능한 구조를 제공하는 프레임 워크. Vive, Rift, Windows MR, Dayadream, GearVR, Cardboard 대부분 VR 헤드셋 지원, AR 사용 가능 주요특징 - Cross-Platform VR : Vive, Rift, Windows Mixed Reality, Daydream, GearVR, and Cardboard 와 모든 콘트롤러를 지원하는 VR App 구현 가능. 헤드셋과 컨트롤러가 없는 일반 데스크톱과 스마트폰에도 작동 - Entity-Compo..
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에 접근이 거의 불가능하..
3DoF (3 Degrees of Freedom) : 회전 운동만 추적할 수 있는 디바이스. 추적을 제공하기 위해 가속도계 및 자이로 스코프 감지만 의존하는 일반적인 장치6DoF (6 Degrees of Freedom) : 회전 및 위치를 추적 가능 - 위치추적 (X,Y,Z) : 사용자 환경에 대한 이해가 필요. Inside-Out Tracking : 카메라, 깊이센서를 이용한 device 스스로의 위치 감지 Outside-In Tracking : 빛센서, 카메라 같은 외부 Device가 사용자 환경에 설치되어 감지 - 방향 추적(Pitch : X축 회전 : 고개 끄덕임, Yaw : Y축 회전 : 도리도리, Roll : Z축 회전 : 머리를 좌우로 끄덕) - 센서 : 자이로 센서 : 물체의 회전, 기울어..
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의 용도로 사용함? ) -..