消失的物体 - 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 ); 会在多边形级别进行排序。

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

{{1}}

three.js r.66