javascript - Three.js 没有从我的星球构造函数中渲染我的纹理

Question

我有一个函数可以从数据集中获取轨道参数和纹理图像并创建一个 3d 对象(一个行星)。但是由于某种原因，纹理没有被渲染。使用 BasicMaterial 它可以正常工作，但不能使用 StandardMaterial 或 PhongMaterial。 (场景中有一个点光源)，我已经测试了循环外的纹理和功能，它们工作得很好。我不知道还能做什么。
我把代码放在这里。

for(var i=0;i < results.data.length; i++){
              
 const EC = Number(results.data[i]["Eccentricity"]); //Eccentricity
 const IN = Number(results.data[i]["Inclination [Rad]"]) ; //Inclination
 const OM = Number(results.data[i]["Orbit Rotation_Y [Rad]"]) ; //Longitude of ascending node
 const W = Number(results.data[i]["Orbit Rotation_X [Rad]"]); //Argument of periapsis
 const A = Number(results.data[i]["Orbit semi-major axis [UA]"]); //Semi-major axis
 const EcRadius = Number(results.data[i]["Relative Equatorial Radius"]); //Radius
 const NAM = results.data[i]["Name"]; //Name
 const textureUrl = results.data[i]["TextureFileUrl"]; //Texture image of the planet

 const loader = new THREE.TextureLoader();
 loader.load(textureUrl, function ( texture ) {
    // Create the material when the texture is loaded
    var tex = texture.clone();
    const PlanetMaterial = new THREE.MeshBasicMaterial( {
    map: tex
    } );
    scene.add(CreatePlanet( 0,0,0, EC,IN,OM,W,A,EcRadius, NAM, 0x4E4E4E, 0.5, PlanetMaterial ));
    },
  undefined,
  function ( err ) {
     console.error( 'An error happened.');
  }
  );
} 

CreatePlanet函数只是用给定的 Material 创建一个网格。喜欢:

const geometryPlanet = new THREE.SphereBufferGeometry(EcRadius, 300, 300);
const Planet = new THREE.Mesh(geometryPlanet, PlanetMaterial);
return Planet;

预先感谢您的帮助。

Answer 1

var tex = texture.clone();

执行此操作时，您能否添加以下行？

tex.needsUpdate = true;

在这种情况下，这是必需的，否则纹理的内容将永远不会上传到 GPU。