Mirror question: https://discourse.threejs.org/t/bizarre-dotted-line-in-uv-boundary-when-use-repeatwrapping/3758
Setting the minFilter
of the texture to THREE.LinearFilter
solves the problem. And I want to ask why and the underlying cause of the problem. Maybe some codes need to change in mipmap to fix this problem:
Test: https://jsfiddle.net/f2Lommf5/12110/
Three.js version
- Dev
- r95
- …
Browser
- All of them
- Chrome
- Firefox
- Internet Explorer
The artifact is caused because the lowest-resolution (blurriest) mipmap is selected when the UV changes from 1 to 0 at the seam. A workaround is to disable mipmapping: