Using Emission Properties in Three.js

To make your entire shoe model display its original colors with an emission effect without scene lighting, you need to understand how the emissive properties work in Three.js materials.

Understanding Emissive Properties

The MeshStandardMaterial in Three.js has three key emissive properties:

1. emissive: The color that the material emits, independent of other lighting. Default is black.
2. emissiveMap: A texture that controls emission. Default is null.
3. emissiveIntensity: Controls the intensity of the emissive color. Default is 1.

Why Only the Laces Are Affected

If only the laces are showing emission, it's likely because:

• Different parts of your model have different materials
• Only the laces' material has the emissive property set

Solution: Apply Emission to All Materials

You need to traverse your model and apply emissive properties to all materials:

JAVASCRIPTCopied
// Load your model
loader.load('shoe_model.glb', function(gltf) {
    const model = gltf.scene;
    
    // Traverse all objects in the model
    model.traverse((node) => {
        // Check if the node has a material
        if (node.isMesh && node.material) {
            // If the material is an array
            if (Array.isArray(node.material)) {
                node.material.forEach(material => {
                    // Set the emissive color to match the diffuse color
                    material.emissive.copy(material.color);
                    // Adjust intensity as needed
                    material.emissiveIntensity = 0.8;
                });
            } 
            // If it's a single material
            else {
                // Set the emissive color to match the diffuse color
                node.material.emissive.copy(node.material.color);
                // Adjust intensity as needed
                node.material.emissiveIntensity = 0.8;
            }
        }
    });
    
    scene.add(model);
});

Important Notes:

1. Make sure to set the emissive color to something other than black if you want the emission effect to be visible.
2. If you're using an emissive map, remember that the emissive color should not be black.
3. You can adjust the emissiveIntensity to control how bright the emission appears.

This approach should make your entire shoe model visible with its original colors, even without scene lighting.