대가는 결과를 만든다

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에 접근이 거의 불가능하..

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의 용도로 사용함? ) -..

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 : 이미지로 감싸져 있는 원통 모양의 물체 인식 (예: 캔, 병) ..

Redis는 5가지의 데이터 타입이 존재 : Strings, Lists, Sets, Sorted sets, Hashes - Set과 Sorted Set의 차이 1) Key 하나당 n개의 중복되지 않는 값(Member)를 가짐 "Key" "Member"예) Fruits - apple - banana .............. 2) Set과 구조는 같으나 각 member는 score를 갖는다. Key - Member - Score형태. Score값으로 오름차순 정렬됨 "Key" "Member" "Score"예) Fruits - apple - 10 banana - 12 strawberry - 15 *순위(RANK)의 시작은 0위부터 시작 - Example 1) ZADD 'key-name' 'score' 'me..

Surfaceview를 사용하기에 앞서 -안드로이드는 3D지원을 위해 내부에 OpenGL ES 라이브러리를 포함하고 있음 *Open GL ES (Graphic Library Embeded System) -3D객체를 보여주기위해 surfaceview를 이용 (하드웨어 가속이 가능해 그래픽 처리가 빠르기 때문에) (참고 : 젤리빈 버전 이후에는 일반 뷰에서도 하드웨어 가속기능 사용할 수 있게됨) -안드로이드 기본 뷰 체계와 별도로 구현되어 있어 쓰는 방법을 별도로 이해해야 함 Surfaceview 세가지 특징 1) SurfaceHolder : 서피스뷰에 필요한 제어기능을 가지고 있다. 필수적으로 만들어 사용하게되는 객체-연관 메서드 예시 : SurfaceView.getHolder(); //서피스홀더를 리턴함..