Search code examples
javascriptreactjsthree.jsgraphicsreact-three-fiber

ThreeJS point light gives weird texture look


I use ThreeJS, more specificaly React Three Fiber to create a 3D Canvas.

I added a glb model, point light and ambient light and the result was really bad.

enter image description here

Why does the texture look so choppy?

Is it because of the material or?

Thank you

I tried to edit intensity and color of the light. No change.

I added a normal cube, with a MeshStandardMaterial and it was okay.

This model was made in Blender, and shadows were baked a bit.


Solution

  • If you are using shadowmaps, try increasing your shadow bias. https://threejs.org/docs/#api/en/lights/shadows/LightShadow.bias

    also it could potentially be an accuracy problem caused by too large or small of a model and your camera clip planes being too large giving it too little accuracy to discern front/back faces of the model. https://threejs.org/docs/#api/en/cameras/PerspectiveCamera.far and also the near property.