GLSL Function Conflict in Three.js

Based on your error message, you're encountering a conflict with the luminance function in your GLSL shader code. This is likely happening because the latest version of Three.js now includes a built-in luminance function that conflicts with the one defined in Troika 3D.

Possible Solutions

1. Check GLSL Version:
   Three.js supports different GLSL versions through constants. You might need to specify which version you're using:

   JAVASCRIPTCopied
   material.glslVersion = THREE.GLSL3; // or THREE.GLSL1

2. Rename the Conflicting Function:
   The most straightforward solution would be to rename the luminance function in your Troika 3D code to something else like troikaLuminance.

3. Use Preprocessor Directives:
   You can use GLSL preprocessor directives to conditionally define the function:

   GLSLCopied
   #ifndef luminance
   float luminance(vec3 color) {
     // Your implementation
   }
   #endif

4. Check for Version Compatibility:
   Make sure your Troika 3D version is compatible with the latest Three.js. You might need to update both libraries to versions that work together.

5. Inspect the Shader Code:
   Look at line 121 in your shader code where the error is occurring. You'll need to modify this to avoid the duplicate function definition.

If you need more specific help, you might want to share the relevant parts of your shader code where the luminance function is defined.