Javascript 如何在ThreeJS中将贴图添加到光源？

所以我试着制作一个简单的太阳系，我试着找出如何使太阳成为一个光源，并在它上面添加一个图像地图，使它看起来像太阳。我的代码使它成为一个光源，但我看不到太阳，它只是一个黑色的圆圈。有什么想法可以帮助你吗

        //Adding the sun
        geometry1 = new THREE.SphereGeometry( 100, 32, 32 );
        light = new THREE.PointLight( 0xffffff, 1, 5000 );
        material1 = new THREE.MeshStandardMaterial( {
            // emissive: 0xff00ff,
            // emissiveIntensity: 1,
            map: THREE.ImageUtils.loadTexture('sun.jpg'),
            color: 0xffffff,
            side: THREE.FrontSide
        });
        light.add(new THREE.Mesh(geometry1, material1));
        light.position.set(0,0,0);
        light.castShadow = true;

这是场景的样子，你可以看到地球上有来自太阳的光

---

这是生成太阳的代码，然后我将其添加到场景中。谢谢大家

您应该添加

蒙皮：true

geometry1 = new THREE.SphereGeometry( 100, 32, 32 );
light = new THREE.PointLight( 0xffffff, 1, 5000 );
material1 = new THREE.MeshStandardMaterial( {
    // emissive: 0xff00ff,
    // emissiveIntensity: 1,
    skinning: true,
    map: THREE.ImageUtils.loadTexture('sun.jpg'),
    color: 0xffffff,
    side: THREE.FrontSide
});
light.add(new THREE.Mesh(geometry1, material1));
light.position.set(0,0,0);
light.castShadow = true;

---

如果不起作用，尝试更换

THREE.FrontSide

上的

THREE.DoubleSide