Javascript 正在消失的对象-Three.js画布渲染器

我被卡住了，我不明白为什么我的对象在画布渲染器中消失了。虽然它与webGL渲染器完全一样工作，但我需要在移动设备上显示它，因此无法访问webGL渲染器

我试过透支：没错，但这似乎并没有使丢失的物体消失

当我在房间里发表评论时，盒子仍然保留着，但它们在我的iPhone上被弄得乱七八糟

我理解Z格斗的概念，但我不认为这是因为每个面的Z位置应该与其他面分开

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 );

“消失”几何体是由

CanvasRenderer

处理深度排序的方式造成的

当

WebGLRenderer

在像素级别排序时，

canvasrender

在多边形级别排序

您最多只能增加几何体的细分

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

3.js r.66