Why does version 170 render the material differently than version 140?

I need to inform you that I cannot directly access or analyze the JSFiddle links you've provided. Without being able to examine the code in those links, I can only offer general guidance based on what I can see in the image and your description.

From the image, it appears that the material rendering in version 170 (right) has issues compared to version 140 (left). This could be related to several aspects of material configuration in Three.js:

Possible causes for the material rendering difference:

1. Material type change: You might have switched from one material type to another (e.g., from MeshStandardMaterial to MeshBasicMaterial)

2. Lighting setup: Changes in lighting configuration can dramatically affect how materials appear

3. Material properties: Different settings for properties like:

   • roughness
   • metalness
   • opacity
   • transparent flag
   • side rendering (THREE.FrontSide, THREE.BackSide, THREE.DoubleSide)

4. Texture configuration: Issues with texture loading, mapping, or repetition

5. Environment maps: Changes to environment maps that affect reflections

To resolve the issue:

1. Compare the material definitions between both versions
2. Check lighting setup differences
3. Verify texture loading and configuration
4. Examine environment map settings if applicable

If you could share specific code snippets showing how the materials are defined in both versions, I could provide more targeted assistance.