Perspective patch appears when three.js loads obj hollowed-out cabinet sub-model, and the rendering effect is very poor.

ask for your advice. Recently, when I was working on a project, I used three.js to load an obj hollowed-out cabinet model. When I was hyperopic, I had serious perspective patches, set many properties of the renderer, and turned on the performance of the graphics card to the highest, which has never been solved. This phenomenon is especially serious when I am farsighted, but not when I look closely. I hope you can give me some advice! Thank you
hyperopia prescription chart

clipboard.png

clipboard.png

clipboard.pngclipboard.png

Thank you!

Mar.03,2021

it is possible that there are multiple overlapping faces in that position, so that flicker will occur in the far angle of view. You can set the Material property of Mesh depthTest: false

.
var materialA = new THREE.MeshBasicMaterial({map:textureLoader.load(img1),side:THREE.DoubleSide,transparent:true,depthTest: false}  

has been solved, which belongs to Z_fighting problem. We need to adjust the near clipping plane and far clipping plane of the camera.


according to the last hint of the subject, I have also solved this problem. For the z_fighting problem, you can see the blog posted below to solve the problem quickly. You only need to add a parameter when creating the WebGlRenderer

.
   

Menu