消失的物体 - Three.js CanvasRenderer

Question

我很困难,我不明白为什么我的对象会随着画布渲染器而消失.虽然它与webGL渲染器完全一样,但我需要在移动设备上显示它,因此无法访问webGL渲染器

我尝试过度绘制:但是这似乎并没有使丢失的对象消失

http://jsfiddle.net/xH9GD/3/

当我在房间里发表评论时,这些盒子仍然存在,但是我的iPhone上却出现了问题.

我理解Z战斗的概念然而我不认为这是因为每个面的zPosition应该与其他人分开

floor = drawTopFacingWall(room.width, room.length );
wall1 = drawLeftFacingWall( room.length, room.depth );
wall2 = drawFrontFacingWall( room.width, room.depth );
wall3 = drawRightFacingWall( room.length, room.depth );
roof = drawBottomFacingWall( room.width, room.length );
wall4 = drawBackFacingWall( room.width, room.depth );

Answer 1

"消失"的几何形状是CanvasRenderer由于它处理深度排序的方式的限制造成的.

在WebGLRenderer像素级别进行CanvasRenderer排序时,在多边形级别进行排序.

您可以做的最好的事情是增加几何体的细分.

var geometry = new THREE.PlaneGeometry( width, height, 10, 10 );

three.js r.66