인프런 커뮤니티 질문&답변

결과물을 보니 텍스처가 적용이 안되어서 검은색으로만 보이더라고요. 텍스처경로도 맞고 오탈자도 없는데 텍스처 적용이 안 되네요.

    // Planet
    const texturePlanet = textureLoader.load('/public/jupiter2_1k.jpg');
    texturePlanet.anisotropy = 16;
    const planetGeometry = new THREE.SphereGeometry(10, 50, 50);
    const planetMaterial = new THREE.MeshPhongMaterial({
        map: texturePlanet,
        fog: false
    });
    planet = new THREE.Mesh(planetGeometry, planetMaterial);
    console.log(planetMaterial);
    planet.position.set(0, 8, -30);
    scene.add(planet);

    //Moon
    const textureMoon = textureLoader.load('/texture/moon.jpg');
    textureMoon.anisotropy = 16;
    let moonGeometry = new THREE.SphereGeometry(2, 32, 32);
    let moonMaterial = new THREE.MeshPhongMaterial({
        map: textureMoon,
        fog: false
    });
    moon = new THREE.Mesh(moonGeometry, moonMaterial);
    moon.position.set(0, 8, 0);
    scene.add(moon);


    // Sphere Background 
    const textureSphereBg = textureLoader.load('/texture/starlight.jpg');
    textureSphereBg.anisotropy = 16;
    const geometrySphereBg = new THREE.SphereGeometry(150, 32, 32);
    const materialSphereBg = new THREE.MeshBasicMaterial({
        side: THREE.BackSide,
        map: textureSphereBg,
        fog: false
    });
    sphereBg = new THREE.Mesh(geometrySphereBg, materialSphereBg);
    sphereBg.position.set(0, 50, 0);
    scene.add(sphereBg);