일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- web
- Node
- promise
- 3d
- vuetify
- WebXR
- VR
- array
- aframe
- PDO
- A-Frame
- CI/CD
- vuex
- Component
- bootstrap
- EM6
- Three.js
- package-lock.json
- auth0
- vue
- javscript
- 상태관리
- npx
- vue-template-compiler
- version mismatch
- JavaScript
- PHP
- JS
- AR
- WebVR
- Today
- Total
목록AR (4)
대가는 결과를 만든다
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축 회전 : 머리를 좌우로 끄덕) - 센서 : 자이로 센서 : 물체의 회전, 기울어..
Vuforia Engine Feature공홈 Feature Docs : https://library.vuforia.com/content/vuforia-library/en/features/overview.html - 퀄컴사의 AR 소프트웨어 플랫폼, AR 개발 SDK를 제공함. - 지원환경 Xcode(ios), Android Studio(C++), Unity, Visual Studio(.NET) - Target의 종류 1) Image Targets : 특정 단면 이미지 인식 2) Multi Target : 여러 Image Target을 인식 가능 (예: 규칙적인 지형의 모양, 평평한 표면에 임의의 배열) 3) Cylinder Targets : 이미지로 감싸져 있는 원통 모양의 물체 인식 (예: 캔, 병) ..