Javascript Three.js-立体相机中的eyeSep问题

Javascript Three.js-立体相机中的eyeSep问题,javascript,three.js,stereo-3d,webxr,Javascript,Three.js,Stereo 3d,Webxr,所以我用Electron和Three.js创建了一个WebXR应用程序。我正在使用StereoCamera类来模拟VR耳机所需的立体效果。现在,StereoCamera类提供了一个名为eyeSep的属性,它模拟用户的IPD(瞳孔间距离)。在我的应用程序中,我允许用户通过使用范围滑块来调整眼睛深度值,但我遇到了一个小问题 随着ipd值的减小,正在渲染的两个图像会移动得更远 然后,随着ipd值的增加,正在渲染的两个图像将移近 所以我的问题不应该是相反的吗?当IPD减小时,图像应移近,如果IPD值

所以我用Electron和Three.js创建了一个WebXR应用程序。我正在使用StereoCamera类来模拟VR耳机所需的立体效果。现在,StereoCamera类提供了一个名为eyeSep的属性,它模拟用户的IPD(瞳孔间距离)。在我的应用程序中,我允许用户通过使用范围滑块来调整眼睛深度值,但我遇到了一个小问题

随着ipd值的减小,正在渲染的两个图像会移动得更远

然后,随着ipd值的增加,正在渲染的两个图像将移近

所以我的问题不应该是相反的吗?当IPD减小时,图像应移近,如果IPD值增大,图像应移远

下面是我用来更改eyeSep值的javascript代码

  this.updateIPD = function(){
    stereo.eyeSep = parseFloat(new_IPD);
  }
下面是HTML滑块的代码:

    <div class="collapse" id="collapse-ipd-slider">
        <div id="collapse-container" class="card card-body">
            <div class="d-flex justify-content-center my-4">
                <div class="w-75">
                  <input type="range" class="custom-range" id="customRange11" value="0.064" min="0.040" max="0.080" step="0.001">
                  <p>IPD: <span id="value"></span></p>
                </div>
              </div>
        </div>
      </div>

知识产权署:


也许是我把一切都颠倒了。我真的需要了解three.js中的Stereocamera类的人,或者以前做过类似的工作的人。谢谢你的帮助

我对你的问题感到有点恼火,因为WebXR应用程序不需要使用
立体相机
。这种类型的相机实际上与WebXR设备API完全无关。我对你的问题有点恼火,因为WebXR应用程序不需要使用
立体相机
。这种类型的相机实际上与WebXR设备API完全无关。