I'm in a bit of a pickle here. I can't figure out why my objects are disappearing when using the canvas renderer. Strangely enough, everything works fine with the webGL renderer. Unfortunately, I need to make sure this displays properly on mobile devices, which don't support webGL rendering.
I've experimented with setting overdraw:true, but that hasn't fixed the issue of the missing objects.
Interestingly, when I remove the room element, the boxes do appear, but they look distorted on my iPhone.
I'm familiar with Z-fighting, but I don't believe that's what's happening here. Each face should have its own zPosition value.
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);