Oculus Go에서 로컬 HTML 파일에서 VR180 WebViewer를 시작합니다.

개요

Oculus Go에서 동인 에로 ADV를 만들고 싶지만 facebook이 용서할 수 없기 때문에 앱이 아닌 로컬 WebVR을 사용하고 싶다.

테스트에 사용한 GitHub 프로젝트

ft-lab님의 프로젝트를 사용하였습니다.
WebGL_test

이 분은 Unity에서 VR180 만지면 절대로 억제해야 할 사람으로 아래의 UnityAsset을 공개하고 있다.
10달러는 꽤 싸기 때문에 절대 사는 편이 좋다.
Panorama180Render

Twitter도 참고가 되기 때문에 실어 둔다.
@cg_ftLab

이전 준비

GitHub에서 ZiP를 다운로드하십시오.

threejs가 들어 있지 않으므로 아래에서 다운로드
중

r104를 사용하는 것 같아서 download 링크를 클릭하면 OK.
버전 알고 싶다면 package.json을보고 확인하십시오.
열람시 버전이 바뀌면

테스트에 사용하는 show_webvr180_sbs.html은 Three.js의 일부 파일 만 사용하므로 Three.js를 슬림화합니다.

show_webvr180_sbs.html

    <script src="../threejs/build/three.min.js"></script>
    <script src="../threejs/vr/WebVR.js"></script>
    <script src="../threejs/loaders/GLTFLoader.js"></script>    

이번 테스트에서 필요한 것은

three.min.js

WebVR.js

GLTFLoader.js

뿐이므로 폴더 구성을 정돈한다.

WebVR.js와 GLTFLoader.js는 examples/js/안에 vr 폴더와 loaders 폴더가 있다.
위의 폴더를 루트로 가져갑니다.

threejs/
┣ build/
┣ vr/
┣ loaders/

의 구성으로 해 주면 좋을지도 모른다.
(여기까지 설명할 필요가 없을지도 모르지만 있어요)

결국 이번 테스트의 WebGL_test-master 폴더 구성은

WebGL_test-master
┣ Panorama180Viewer
┣ threejs

된다

폴더명이 WebGL_test-master라면 나중에 원시 URL을 입력하기 때문에 귀찮기 때문에 WEBGL로 폴더명을 바꾼다.

이 폴더를 OculusGo에 USB를 연결한 루트에 복사한다.

OculusGo 내에서의 조작

Firefox Reality 설치.

이 다음 CORS 오류 대책을 위해 설정을 괴롭히는 Firefox에서.
개요 기사

CORS 오류 대책

이후의 로컬 파일 액세스는 브라우저의 웹 서버 파일에 대한 액세스(요청)가 아닙니다.
Go에 저장된 파일에 대한 액세스를 의미합니다.

OculusGo 브라우저로부터의 로컬 파일 액세스는 동일한 오리진 정책에 의해 에러(Same-Origin Policy 위반)가 발생
그래서 about : config에서 security.fileuri.strict_origin_policy를 제거해야합니다.

만 어디는 아무리 에로게를 위해서라 해도 굉장히 위험한 설정이므로 이번만의 테스트라고 하는 것으로.

절차

URL 입력란에 about:config를 입력합니다.


security.fileuri.strict_origin_policy를 false로 설정

로컬 WEBGL을 시작합니다.

URL 필드에 file:///sdcard/webgl/panorama180viewer/webvr180.html을 입력합니다.



이 화면이 나오면 EnterVR 버튼을 누르면 WebGL을 재생할 수 있다. 1

마지막으로

이 방법으로 로컬에 있는 WEBGL을 재생할 수 있다는 것을 알았다.
그렇지만 에로를 위해서 유저에게 시큐리티 버리는 것은 조금 무리이므로 여러가지 과제를 남겨 버렸다.

WEB 서버를 세우면 좋다는 것을 알고 있지만 DMM이나 DLsite 등에서 판매하는 것을 상정하고 있기 때문에
가능한 한 고정비가 들지 않도록 하고 싶다.



show_webvr180_sbs.html을 webvr180.html로 변경하고 있습니다. (죄송합니다) ↩