在CesiumVR基础上实现3D左右立体视觉

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

整体思路

在VR模块的基础上调整视差，使其随距离发生变化；

左右分屏时，需要将左右屏的横向进行1/2压缩；这是因为3D-TV在对左右格式影像进行合并时，会进行拉伸；

左屏幕的相机相对于原来的（右屏）相机位置发生了变化，所以需要重新判断左屏幕相机视野内的切片，并重新进行渲染（解决黑色切片问题）。

代码部分

视差调整以及分屏横向压缩

   　　　function updateAndExecuteCommands(scene, passState, backgroundColor) {    
　　　　　　 ......

       　　 var near = camera.frustum.near;

       　　 var fo = near * 5.0;

       　　 var eyeSeparation = fo / 30.0;

       　　 //var eyeTranslation = Cartesian3.multiplyByScalar(savedCamera.right, eyeSeparation * 0.5, scratchEyeTranslation);

       　　 //修改，使得视差随相机高度变化

      　　  //var modifyEyeSeparation = eyeSeparation * 0.5 * savedCamera.position.z  ;

        　　//savedCamera.getMagnitude()获取距离中心的距离

       　　 var modifyEyeSeparation = eyeSeparation * 0.5 * savedCamera.getMagnitude() ;

       　　 var eyeTranslation = Cartesian3.multiplyByScalar(savedCamera.right, modifyEyeSeparation, scratchEyeTranslation);

      　　  viewport.x = passState.viewport.width;

      　　  // camera.frustum.aspectRatio = viewport.width / viewport.height;

      　　  // 修改，使得VR模式下球体横向收缩

      　　  camera.frustum.aspectRatio = viewport.width*2 / viewport.height;

      　　  var offset = 0.5 * eyeSeparation * near / fo;

      　　  //Cartesian3.add(savedCamera.position, eyeTranslation, camera.position);

      　　  camera.frustum.xOffset = offset;

　　　　　　executeCommands(scene, passState);             

       　　  viewport.x = 0;

      　　  //

      　　  Cartesian3.subtract(savedCamera.position, eyeTranslation, camera.position);

      　　  camera.frustum.xOffset = -offset;

       　　 //相机位置发生变化，所以要渲染的切片发生变化；所以重新计算需要渲染的切片，进行渲染 (这部分还需要进行完善)

     　　   executeCommands(scene, passState);

       　　 Camera.clone(savedCamera, camera);

2.对左屏（相机偏移的场景）重新进行渲染（暂时解决方案，对相机外的场景同样进行渲染,存在的问题：效率太低）

　　CullingVolume.prototype.computeVisibility = function(boundingVolume) {

   　　 if (!defined(boundingVolume)) {

       　　 throw new DeveloperError('boundingVolume is required.');

  　　  }

   　　 var planes = this.planes;

  　　  var intersecting = true;

   　　 for (var k = 0, len = planes.length; k < len; ++k) {

      　　  var result = boundingVolume.intersectPlane(Plane.fromCartesian4(planes[k], scratchPlane));

      　　  if (result === Intersect.OUTSIDE) {

     　　       // return Intersect.OUTSIDE;

           　　 //修改，不进行判断是否在范围内，全部进行渲染，从而避免立体视觉部分出现黑框

          　　  return Intersect.INSIDE;

       　　 } else if (result === Intersect.INTERSECTING) {

           　　 intersecting = true;

       　　 }

   　　 }

   　　 return intersecting ? Intersect.INTERSECTING : Intersect.INSIDE;

　　};