在带有立体声功能的Gear VR上实现双重视野

时间:2018-11-21 01:01:45

标签: three.js aframe

我在Samsung Gear VR的框架上遇到一个奇怪的问题(在Chrome中通过Cordova应用程序)。

在我使用stereo component

加载立体声视频之前,一切正常

这里的视频很好,但是光标和场景中的任何其他3D元素在VR耳机中显示为两倍。

您可以在此屏幕截图中看到,光标,文本和暂停按钮与后面的人不对齐,即,右边的光标在他的衬衫上。 部分原因是由于立体声效果,但是如果没有立体声效果,则光标和其他3D元素会对齐并在耳机中清晰显示。有了立体声效果,它们都可以在耳机中翻倍。

enter image description here

光标在这里

        {/* Camera */}
    <Entity rotation={defaultCameraRotation}>
      <Entity primitive='a-camera' id='camera'  mouse-zoom wasd-controls={wasdControls} stereocam="eye:left">
        {
          isVrEnabled &&
          <Entity position="0 0 -1"
            geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.026;"
            material={cursorMaterial}
            scale={cursorFuseScale}
            cursor={cursorAttributes}>
            <a-animation {...cursorClickAnimation} />
            <a-animation {...cursorFuseAnimation} />
            <Entity position="0 0 0"
              geometry="primitive: ring; radiusInner: 0.01; radiusOuter: 0.015;"
              material="color:white; shader: flat; opacity:0.7;"/>
          </Entity> 
        } 
      </Entity>
    </Entity>

仅当面向3D视频时才侧向或向后看都没有此问题。如果您转向侧面并看着边缘,则光标会对齐。

1 个答案:

答案 0 :(得分:1)

您需要一个具有本地WebVR支持的浏览器,例如Oculus Browser或Samsung Internet。 Polyfilled WebVR在Gear VR中无法正常运行。不幸的是,Cordova似乎不兼容WebVR。

Chrome随附了WebVR,但仅在daydream-ready phones上提供,并且不支持GearVR。如果您拥有Samsung S8 / S9并拥有白日梦视图,则可以在chrome://flags中启用WebVR,并且立体声对齐方式应该正确。