three.js球體紋理以錯誤的方式顯示

Question

我使用three.js渲染房間預覽。當我移動相機看天花板時，我發現紋理以錯誤的方式渲染。

此圖片顯示我所看到的：

但我看到：

什麼可以錯在下面的代碼：

var scene = new THREE.Scene(); 
var material = new THREE.MeshBasicMaterial(); 
var loader = textureLoader = new THREE.TextureLoader(); 
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 1000); 
var sphere = new THREE.SphereGeometry(150, 32, 32, 0, Math.PI * 2, 0, Math.PI); 

leftSphere.applyMatrix(new THREE.Matrix4().makeScale(-1, 1, 1)); 
material.map = loader.load('image.jpeg'); 
scene.add(new THREE.Mesh(sphere, material)); 

Answer 1

有什麼錯代碼，這更像是一個普遍的問題。

它很可能與SphereGeometry的構建方式有關。如果打開線框並查看頂點，則會看到有很多非常密集的邊緣聚合成一個點。我現在無法解釋究竟發生了什麼，但看起來紋理中的採樣點在這一點上過於接近。