refactor: update deprecated Three.js encoding API to colorSpace

Replace deprecated outputEncoding/encoding with outputColorSpace/colorSpace
in preparation for Three.js r158+ compatibility.

Changes:
- BasicRenderer.js: outputEncoding → outputColorSpace (lines 46, 90)
- BasicRenderer.js: THREE.sRGBEncoding → THREE.SRGBColorSpace
- BasicRenderer.js: THREE.LinearEncoding → THREE.LinearSRGBColorSpace
- Renderer.js: outputEncoding → outputColorSpace (lines 51, 104)
- Renderer.js: Update encoding types map to colorSpace types
- EnvironmentManager.js: texture.encoding → texture.colorSpace (line 145)

Updated files:
- src/core/renderers/BasicRenderer.js
- src/core/renderers/Renderer.js
- src/core/managers/EnvironmentManager.js

Ref: https://threejs.org/docs/#manual/en/introduction/Color-management
Breaking change in Three.js r152+

Author: claude

src/core/managers/EnvironmentManager.js

@@ -137,12 +137,12 @@ export class EnvironmentManager {
      */
     async loadLDR(path) {
         return new Promise((resolve, reject) => {
-            new THREE.TextureLoader().load(path, 
+            new THREE.TextureLoader().load(path,
                 texture => {
                     texture.minFilter = THREE.NearestFilter;
                     texture.magFilter = THREE.NearestFilter;
                     texture.type = THREE.UnsignedByteType;
-                    texture.encoding = THREE.sRGBEncoding;
+                    texture.colorSpace = THREE.SRGBColorSpace;
                     texture.generateMipmaps = false;
                     texture.flipY = false;
                     resolve(texture);

src/core/renderers/BasicRenderer.js

@@ -41,9 +41,9 @@ export class BasicRenderer extends THREE.WebGLRenderer {
         this.setPixelRatio(Math.min(window.devicePixelRatio, 2));
         this.setClearColor(0x000000, 0);
         this.setSize(window.innerWidth, window.innerHeight);
-        
+
         this.physicallyCorrectLights = true;
-        this.outputEncoding = THREE.sRGBEncoding;
+        this.outputColorSpace = THREE.SRGBColorSpace;
         this.toneMapping = THREE.ACESFilmicToneMapping;
         this.toneMappingExposure = 1;
         this.shadowMap.enabled = true;
@@ -77,17 +77,17 @@ export class BasicRenderer extends THREE.WebGLRenderer {
         this.toneMapping = toneMappingTypes[this.debugObject.toneMapping];
         this.toneMappingExposure = this.debugObject.toneMappingExposure;
 
-        // Update encoding
-        const encodingTypes = {
-            'Linear': THREE.LinearEncoding,
-            'sRGB': THREE.sRGBEncoding
+        // Update color space
+        const colorSpaceTypes = {
+            'Linear': THREE.LinearSRGBColorSpace,
+            'sRGB': THREE.SRGBColorSpace
         };
         if (this.debugObject.outputEncoding === 'Gamma') {
             console.warn(
-                '[BasicRenderer] GammaEncoding is not available in this version of three.js; falling back to sRGBEncoding.'
+                '[BasicRenderer] GammaEncoding is not available in this version of three.js; falling back to SRGBColorSpace.'
             );
         }
-        this.outputEncoding = encodingTypes[this.debugObject.outputEncoding] ?? THREE.sRGBEncoding;
+        this.outputColorSpace = colorSpaceTypes[this.debugObject.outputEncoding] ?? THREE.SRGBColorSpace;
 
         // Update shadow map type
         const shadowMapTypes = {

src/core/renderers/Renderer.js

@@ -48,7 +48,7 @@ export class Renderer extends THREE.WebGLRenderer {
 
         // Physical settings
         this.physicallyCorrectLights = true;
-        this.outputEncoding = THREE.sRGBEncoding;
+        this.outputColorSpace = THREE.SRGBColorSpace;
         this.toneMapping = THREE.ACESFilmicToneMapping;
         this.toneMappingExposure = 1;
 
@@ -85,10 +85,10 @@ export class Renderer extends THREE.WebGLRenderer {
             'ACESFilmic': THREE.ACESFilmicToneMapping
         };
 
-        const encodingTypes = {
-            'Linear': THREE.LinearEncoding,
-            'sRGB': THREE.sRGBEncoding,
-            'Gamma': THREE.GammaEncoding
+        const colorSpaceTypes = {
+            'Linear': THREE.LinearSRGBColorSpace,
+            'sRGB': THREE.SRGBColorSpace,
+            'Gamma': THREE.SRGBColorSpace  // Gamma is deprecated, map to sRGB
         };
 
         const shadowMapTypes = {
@@ -101,7 +101,7 @@ export class Renderer extends THREE.WebGLRenderer {
         this.setClearColor(this.debugObject.clearColor, this.debugObject.clearAlpha);
         this.toneMapping = toneMappingTypes[this.debugObject.toneMapping];
         this.toneMappingExposure = this.debugObject.toneMappingExposure;
-        this.outputEncoding = encodingTypes[this.debugObject.outputEncoding];
+        this.outputColorSpace = colorSpaceTypes[this.debugObject.outputEncoding];
         this.shadowMap.type = shadowMapTypes[this.debugObject.shadowMapType];
         this.shadowMap.needsUpdate = true;
         this.physicallyCorrectLights = this.debugObject.physicallyCorrectLights;