Three.js Gear VR上的立体框架双目视觉

Three.js Gear VR上的立体框架双目视觉,three.js,aframe,Three.js,Aframe,我在三星Gear VR(通过Cordova应用程序在Chrome上)的框架上有一个奇怪的问题 通常一切都很好,直到我使用 在这里,视频很好,但是光标和场景中的任何其他3D元素在VR耳机中显示为双色 您可以在该屏幕截图中看到光标、文本和暂停按钮与后面的人不对齐,即右侧的光标位于他的衬衫上。 这部分是因为立体效果,但如果没有立体效果,光标和其他3D元素会排列在一起,在耳机中清晰可见。使用立体声效果时,耳机中的声音都会加倍 光标在这里 {/* Camera */} <E

我在三星Gear VR(通过Cordova应用程序在Chrome上)的框架上有一个奇怪的问题

通常一切都很好,直到我使用

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

您可以在该屏幕截图中看到光标、文本和暂停按钮与后面的人不对齐,即右侧的光标位于他的衬衫上。 这部分是因为立体效果,但如果没有立体效果,光标和其他3D元素会排列在一起,在耳机中清晰可见。使用立体声效果时,耳机中的声音都会加倍

光标在这里

        {/* 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>
{/*Camera*/}
{
isvr已启用&&
} 

如果你朝侧面或背面看,只有面对3D视频时才不会有这个问题。如果您转向一侧并查看边缘,光标将对齐。

您需要一个支持原生WebVR的浏览器,如Oculus浏览器或三星互联网。Polyfilled WebVR在Gear VR中无法正常工作。不幸的是,Cordova似乎与WebVR不兼容


Chrome提供WebVR,但仅在上提供,不支持GearVR。如果您有三星S8/S9和daydream视图,您可以在
chrome://flags
和立体声对齐应该正确。

立体声组件工作得非常好。。显示伟大的3D视频!?Cordova使用Chrome运行-我对WebVR没有任何问题?视频是一个不受透视影响的球体。错位、错误的IPD或变形较少或不明显。铬合金不支持齿轮VR。Android版Chrome确实有WebVR,但默认情况下已禁用。据我所知,Cordova还附带较旧的版本(不是最新的Chrome)啊。。好啊所以所有其他更接近的东西都需要应用这些属性