Received a recording of someone using my Three.js app with some unusual & undesirable behaviour:
As you can see the scene loads correctly (albeit a bit laggy, still needs optimizing), but when they go fullscreen the objects become a mess of lines.
The fullscreen functionality is not doing anything to alter the scene, all it does is resize the renderer.
The odd thing is why it doesn’t happen to the floor, walls or ceiling. Most of the objects have castShadow and receiveShadow set to true. The floors, wall and ceiling have only castShadow set to true.
The renderer is initialized with the following parameters:
{
antialias:true, logarithmicDepthBuffer: true, powerPreference:"high-performance"
}
Also PCFSoftShadowMap is enabled in renderer.shadowMap.
I think this might be triggered by something relating to the combination of the shadowmap and the logarithmicDepthBuffer.
Any ideas what’s going on or how to fix it?