three-stdlib 2.24.0 → 2.24.2

package/effects/AnaglyphEffect.cjs

@@ -62,7 +62,7 @@ class AnaglyphEffect {
         "			color.r, color.g, color.b,",
         "			max( colorL.a, colorR.a ) );",
         "	#include <tonemapping_fragment>",
-        "	#include <encodings_fragment>",
+        `	#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
         "}"
       ].join("\n")
     });

package/effects/AnaglyphEffect.js

@@ -1,4 +1,4 @@
-import { Matrix3, OrthographicCamera, Scene, StereoCamera, LinearFilter, NearestFilter, RGBAFormat, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry } from "three";
+import { Matrix3, OrthographicCamera, Scene, StereoCamera, LinearFilter, NearestFilter, RGBAFormat, WebGLRenderTarget, ShaderMaterial, REVISION, Mesh, PlaneGeometry } from "three";
 class AnaglyphEffect {
   constructor(renderer, width = 512, height = 512) {
     this.colorMatrixLeft = new Matrix3().fromArray([
@@ -60,7 +60,7 @@ class AnaglyphEffect {
         "			color.r, color.g, color.b,",
         "			max( colorL.a, colorR.a ) );",
         "	#include <tonemapping_fragment>",
-        "	#include <encodings_fragment>",
+        `	#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
         "}"
       ].join("\n")
     });

package/effects/OutlineEffect.cjs

@@ -69,7 +69,7 @@ class OutlineEffect {
       "	#include <logdepthbuf_fragment>",
       "	gl_FragColor = vec4( outlineColor, outlineAlpha );",
       "	#include <tonemapping_fragment>",
-      "	#include <encodings_fragment>",
+      `	#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
       "	#include <fog_fragment>",
       "	#include <premultiplied_alpha_fragment>",
       "}"

package/effects/OutlineEffect.js

@@ -1,4 +1,4 @@
-import { Color, ShaderMaterial, UniformsUtils, UniformsLib, BackSide } from "three";
+import { Color, REVISION, ShaderMaterial, UniformsUtils, UniformsLib, BackSide } from "three";
 class OutlineEffect {
   constructor(renderer, parameters = {}) {
     this.enabled = true;
@@ -67,7 +67,7 @@ class OutlineEffect {
       "	#include <logdepthbuf_fragment>",
       "	gl_FragColor = vec4( outlineColor, outlineAlpha );",
       "	#include <tonemapping_fragment>",
-      "	#include <encodings_fragment>",
+      `	#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
       "	#include <fog_fragment>",
       "	#include <premultiplied_alpha_fragment>",
       "}"

package/effects/ParallaxBarrierEffect.cjs

@@ -33,7 +33,7 @@ class ParallaxBarrierEffect {
         "		gl_FragColor = texture2D( mapRight, uv );",
         "	}",
         "	#include <tonemapping_fragment>",
-        "	#include <encodings_fragment>",
+        `	#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
         "}"
       ].join("\n")
     });

package/effects/ParallaxBarrierEffect.js

@@ -1,4 +1,4 @@
-import { OrthographicCamera, Scene, StereoCamera, LinearFilter, NearestFilter, RGBAFormat, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry } from "three";
+import { OrthographicCamera, Scene, StereoCamera, LinearFilter, NearestFilter, RGBAFormat, WebGLRenderTarget, ShaderMaterial, REVISION, Mesh, PlaneGeometry } from "three";
 class ParallaxBarrierEffect {
   constructor(renderer) {
     const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
@@ -31,7 +31,7 @@ class ParallaxBarrierEffect {
         "		gl_FragColor = texture2D( mapRight, uv );",
         "	}",
         "	#include <tonemapping_fragment>",
-        "	#include <encodings_fragment>",
+        `	#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
         "}"
       ].join("\n")
     });

package/lines/LineMaterial.cjs

@@ -409,7 +409,7 @@ class LineMaterial extends THREE.ShaderMaterial {
 					gl_FragColor = vec4( diffuseColor.rgb, alpha );
 
 					#include <tonemapping_fragment>
-					#include <encodings_fragment>
+					#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 					#include <fog_fragment>
 					#include <premultiplied_alpha_fragment>
 

package/lines/LineMaterial.js

@@ -1,4 +1,4 @@
-import { ShaderMaterial, UniformsUtils, UniformsLib, Vector2 } from "three";
+import { ShaderMaterial, UniformsUtils, UniformsLib, Vector2, REVISION } from "three";
 class LineMaterial extends ShaderMaterial {
   constructor(parameters) {
     super({
@@ -407,7 +407,7 @@ class LineMaterial extends ShaderMaterial {
 					gl_FragColor = vec4( diffuseColor.rgb, alpha );
 
 					#include <tonemapping_fragment>
-					#include <encodings_fragment>
+					#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 					#include <fog_fragment>
 					#include <premultiplied_alpha_fragment>
 

package/loaders/LDrawLoader.cjs

@@ -107,7 +107,7 @@ class LDrawConditionalLineMaterial extends THREE.ShaderMaterial {
           outgoingLight = diffuseColor.rgb; // simple shader
           gl_FragColor = vec4(outgoingLight, diffuseColor.a);
           #include <tonemapping_fragment>
-          #include <encodings_fragment>
+          #include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
           #include <fog_fragment>
           #include <premultiplied_alpha_fragment>
         }

package/loaders/LDrawLoader.js

@@ -1,4 +1,4 @@
-import { Vector3, ShaderMaterial, UniformsUtils, UniformsLib, Color, LineSegments, Ray, FileLoader, Matrix4, Group, BufferGeometry, BufferAttribute, Mesh, Loader, MeshStandardMaterial, LineBasicMaterial } from "three";
+import { Vector3, ShaderMaterial, UniformsUtils, UniformsLib, Color, REVISION, LineSegments, Ray, FileLoader, Matrix4, Group, BufferGeometry, BufferAttribute, Mesh, Loader, MeshStandardMaterial, LineBasicMaterial } from "three";
 const FINISH_TYPE_DEFAULT = 0;
 const FINISH_TYPE_CHROME = 1;
 const FINISH_TYPE_PEARLESCENT = 2;
@@ -105,7 +105,7 @@ class LDrawConditionalLineMaterial extends ShaderMaterial {
           outgoingLight = diffuseColor.rgb; // simple shader
           gl_FragColor = vec4(outgoingLight, diffuseColor.a);
           #include <tonemapping_fragment>
-          #include <encodings_fragment>
+          #include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
           #include <fog_fragment>
           #include <premultiplied_alpha_fragment>
         }

package/objects/GroundProjectedEnv.cjs

@@ -101,7 +101,7 @@ class GroundProjectedEnv extends THREE.Mesh {
             #endif
             gl_FragColor = vec4( outcolor, 1.0 );
             #include <tonemapping_fragment>
-            #include <encodings_fragment>
+            #include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
         }
         `;
     const uniforms = {

package/objects/GroundProjectedEnv.js

@@ -1,4 +1,4 @@
-import { Mesh, IcosahedronGeometry, ShaderMaterial, DoubleSide } from "three";
+import { Mesh, REVISION, IcosahedronGeometry, ShaderMaterial, DoubleSide } from "three";
 const isCubeTexture = (def) => def && def.isCubeTexture;
 class GroundProjectedEnv extends Mesh {
   constructor(texture, options) {
@@ -99,7 +99,7 @@ class GroundProjectedEnv extends Mesh {
             #endif
             gl_FragColor = vec4( outcolor, 1.0 );
             #include <tonemapping_fragment>
-            #include <encodings_fragment>
+            #include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
         }
         `;
     const uniforms = {

package/objects/Reflector.cjs

@@ -194,7 +194,7 @@ __publicField(Reflector, "ReflectorShader", {
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
 		}`
   )

package/objects/Reflector.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { Mesh, PerspectiveCamera, Color, Plane, Vector3, Matrix4, Vector4, WebGLRenderTarget, HalfFloatType, ShaderMaterial, UniformsUtils, NoToneMapping } from "three";
+import { Mesh, REVISION, PerspectiveCamera, Color, Plane, Vector3, Matrix4, Vector4, WebGLRenderTarget, HalfFloatType, ShaderMaterial, UniformsUtils, NoToneMapping } from "three";
 const _Reflector = class extends Mesh {
   constructor(geometry, options = {}) {
     super(geometry);
@@ -192,7 +192,7 @@ __publicField(Reflector, "ReflectorShader", {
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
 		}`
   )

package/objects/Refractor.cjs

@@ -207,7 +207,7 @@ __publicField(Refractor, "RefractorShader", {
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
 		}`
   )

package/objects/Refractor.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { Mesh, PerspectiveCamera, Color, Plane, Matrix4, WebGLRenderTarget, HalfFloatType, ShaderMaterial, UniformsUtils, Vector3, Quaternion, Vector4, NoToneMapping } from "three";
+import { Mesh, REVISION, PerspectiveCamera, Color, Plane, Matrix4, WebGLRenderTarget, HalfFloatType, ShaderMaterial, UniformsUtils, Vector3, Quaternion, Vector4, NoToneMapping } from "three";
 const _Refractor = class extends Mesh {
   constructor(geometry, options = {}) {
     super(geometry);
@@ -205,7 +205,7 @@ __publicField(Refractor, "RefractorShader", {
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
 		}`
   )

package/objects/Sky.cjs

@@ -176,7 +176,7 @@ const SkyShader = {
         gl_FragColor = vec4( retColor, 1.0 );
 
       #include <tonemapping_fragment>
-      #include <encodings_fragment>
+      #include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
       }
     `

package/objects/Sky.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { Vector3, ShaderMaterial, UniformsUtils, BackSide, Mesh, BoxGeometry } from "three";
+import { Vector3, REVISION, ShaderMaterial, UniformsUtils, BackSide, Mesh, BoxGeometry } from "three";
 const SkyShader = {
   uniforms: {
     turbidity: { value: 2 },
@@ -174,7 +174,7 @@ const SkyShader = {
         gl_FragColor = vec4( retColor, 1.0 );
 
       #include <tonemapping_fragment>
-      #include <encodings_fragment>
+      #include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 
       }
     `

package/objects/Water.cjs

@@ -150,7 +150,7 @@ class Water extends THREE.Mesh {
 					gl_FragColor = vec4( outgoingLight, alpha );
 
 					#include <tonemapping_fragment>
-					#include <encodings_fragment>
+					#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 					#include <fog_fragment>	
 				}`
       )

package/objects/Water.js

@@ -1,4 +1,4 @@
-import { Mesh, Vector3, Color, FrontSide, Plane, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, UniformsUtils, UniformsLib, ShaderMaterial } from "three";
+import { Mesh, Vector3, Color, FrontSide, Plane, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, UniformsUtils, UniformsLib, REVISION, ShaderMaterial } from "three";
 class Water extends Mesh {
   constructor(geometry, options = {}) {
     super(geometry);
@@ -148,7 +148,7 @@ class Water extends Mesh {
 					gl_FragColor = vec4( outgoingLight, alpha );
 
 					#include <tonemapping_fragment>
-					#include <encodings_fragment>
+					#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 					#include <fog_fragment>	
 				}`
       )

package/objects/Water2.cjs

@@ -247,7 +247,7 @@ __publicField(Water2, "WaterShader", {
 			gl_FragColor = vec4( color, 1.0 ) * mix( refractColor, reflectColor, reflectance );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 			#include <fog_fragment>
 
 		}`

package/objects/Water2.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { Mesh, Vector4, Color, Vector2, Matrix4, Clock, ShaderMaterial, UniformsUtils, UniformsLib, RepeatWrapping } from "three";
+import { Mesh, Vector4, REVISION, Color, Vector2, Matrix4, Clock, ShaderMaterial, UniformsUtils, UniformsLib, RepeatWrapping } from "three";
 import { Reflector } from "./Reflector.js";
 import { Refractor } from "./Refractor.js";
 const _Water2 = class extends Mesh {
@@ -245,7 +245,7 @@ __publicField(Water2, "WaterShader", {
 			gl_FragColor = vec4( color, 1.0 ) * mix( refractColor, reflectColor, reflectance );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <${parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? "colorspace_fragment" : "encodings_fragment"}>
 			#include <fog_fragment>
 
 		}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-stdlib",
-  "version": "2.24.0",
+  "version": "2.24.2",
   "description": "stand-alone library of threejs examples",
   "keywords": [
     "three",

package/postprocessing/EffectComposer.cjs

@@ -59,6 +59,7 @@ class EffectComposer {
       console.error("THREE.EffectComposer relies on ShaderPass");
     }
     this.copyPass = new ShaderPass.ShaderPass(CopyShader.CopyShader);
+    this.copyPass.material.blending = THREE.NoBlending;
     this.clock = new THREE.Clock();
   }
   swapBuffers() {

package/postprocessing/EffectComposer.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { LinearFilter, RGBAFormat, Vector2, WebGLRenderTarget, Clock } from "three";
+import { LinearFilter, RGBAFormat, Vector2, WebGLRenderTarget, NoBlending, Clock } from "three";
 import { CopyShader } from "../shaders/CopyShader.js";
 import { ShaderPass } from "./ShaderPass.js";
 import { MaskPass, ClearMaskPass } from "./MaskPass.js";
@@ -57,6 +57,7 @@ class EffectComposer {
       console.error("THREE.EffectComposer relies on ShaderPass");
     }
     this.copyPass = new ShaderPass(CopyShader);
+    this.copyPass.material.blending = NoBlending;
     this.clock = new Clock();
   }
   swapBuffers() {

package/postprocessing/SSAARenderPass.cjs

@@ -22,13 +22,8 @@ class SSAARenderPass extends Pass.Pass {
       transparent: true,
       depthTest: false,
       depthWrite: false,
-      // do not use AdditiveBlending because it mixes the alpha channel instead of adding
-      blending: THREE.CustomBlending,
-      blendEquation: THREE.AddEquation,
-      blendDst: THREE.OneFactor,
-      blendDstAlpha: THREE.OneFactor,
-      blendSrc: THREE.SrcAlphaFactor,
-      blendSrcAlpha: THREE.OneFactor
+      premultipliedAlpha: true,
+      blending: THREE.AdditiveBlending
     });
     this.fsQuad = new Pass.FullScreenQuad(this.copyMaterial);
   }

package/postprocessing/SSAARenderPass.js

@@ -1,4 +1,4 @@
-import { Color, UniformsUtils, ShaderMaterial, CustomBlending, AddEquation, OneFactor, SrcAlphaFactor, WebGLRenderTarget, HalfFloatType } from "three";
+import { Color, UniformsUtils, ShaderMaterial, AdditiveBlending, WebGLRenderTarget, HalfFloatType } from "three";
 import { Pass, FullScreenQuad } from "./Pass.js";
 import { CopyShader } from "../shaders/CopyShader.js";
 class SSAARenderPass extends Pass {
@@ -20,13 +20,8 @@ class SSAARenderPass extends Pass {
       transparent: true,
       depthTest: false,
       depthWrite: false,
-      // do not use AdditiveBlending because it mixes the alpha channel instead of adding
-      blending: CustomBlending,
-      blendEquation: AddEquation,
-      blendDst: OneFactor,
-      blendDstAlpha: OneFactor,
-      blendSrc: SrcAlphaFactor,
-      blendSrcAlpha: OneFactor
+      premultipliedAlpha: true,
+      blending: AdditiveBlending
     });
     this.fsQuad = new FullScreenQuad(this.copyMaterial);
   }

package/postprocessing/SavePass.cjs

@@ -14,7 +14,8 @@ class SavePass extends Pass.Pass {
     this.material = new THREE.ShaderMaterial({
       uniforms: this.uniforms,
       vertexShader: shader.vertexShader,
-      fragmentShader: shader.fragmentShader
+      fragmentShader: shader.fragmentShader,
+      blending: THREE.NoBlending
     });
     this.renderTarget = renderTarget;
     if (this.renderTarget === void 0) {

package/postprocessing/SavePass.js

@@ -1,4 +1,4 @@
-import { UniformsUtils, ShaderMaterial, WebGLRenderTarget } from "three";
+import { UniformsUtils, ShaderMaterial, NoBlending, WebGLRenderTarget } from "three";
 import { Pass, FullScreenQuad } from "./Pass.js";
 import { CopyShader } from "../shaders/CopyShader.js";
 class SavePass extends Pass {
@@ -12,7 +12,8 @@ class SavePass extends Pass {
     this.material = new ShaderMaterial({
       uniforms: this.uniforms,
       vertexShader: shader.vertexShader,
-      fragmentShader: shader.fragmentShader
+      fragmentShader: shader.fragmentShader,
+      blending: NoBlending
     });
     this.renderTarget = renderTarget;
     if (this.renderTarget === void 0) {

package/postprocessing/TAARenderPass.cjs

@@ -7,6 +7,7 @@ class TAARenderPass extends SSAARenderPass.SSAARenderPass {
     super(scene, camera, clearColor, clearAlpha);
     this.sampleLevel = 0;
     this.accumulate = false;
+    this.accumulateIndex = -1;
   }
   render(renderer, writeBuffer, readBuffer, deltaTime) {
     if (this.accumulate === false) {
@@ -29,6 +30,8 @@ class TAARenderPass extends SSAARenderPass.SSAARenderPass {
     }
     const autoClear = renderer.autoClear;
     renderer.autoClear = false;
+    renderer.getClearColor(this._oldClearColor);
+    const oldClearAlpha = renderer.getClearAlpha();
     const sampleWeight = 1 / jitterOffsets.length;
     if (this.accumulateIndex >= 0 && this.accumulateIndex < jitterOffsets.length) {
       this.copyUniforms["opacity"].value = sampleWeight;
@@ -49,11 +52,14 @@ class TAARenderPass extends SSAARenderPass.SSAARenderPass {
           );
         }
         renderer.setRenderTarget(writeBuffer);
+        renderer.setClearColor(this.clearColor, this.clearAlpha);
         renderer.clear();
         renderer.render(this.scene, this.camera);
         renderer.setRenderTarget(this.sampleRenderTarget);
-        if (this.accumulateIndex === 0)
+        if (this.accumulateIndex === 0) {
+          renderer.setClearColor(0, 0);
           renderer.clear();
+        }
         this.fsQuad.render(renderer);
         this.accumulateIndex++;
         if (this.accumulateIndex >= jitterOffsets.length)
@@ -62,6 +68,7 @@ class TAARenderPass extends SSAARenderPass.SSAARenderPass {
       if (this.camera.clearViewOffset)
         this.camera.clearViewOffset();
     }
+    renderer.setClearColor(this.clearColor, this.clearAlpha);
     const accumulationWeight = this.accumulateIndex * sampleWeight;
     if (accumulationWeight > 0) {
       this.copyUniforms["opacity"].value = 1;
@@ -74,11 +81,10 @@ class TAARenderPass extends SSAARenderPass.SSAARenderPass {
       this.copyUniforms["opacity"].value = 1 - accumulationWeight;
       this.copyUniforms["tDiffuse"].value = this.holdRenderTarget.texture;
       renderer.setRenderTarget(writeBuffer);
-      if (accumulationWeight === 0)
-        renderer.clear();
       this.fsQuad.render(renderer);
     }
     renderer.autoClear = autoClear;
+    renderer.setClearColor(this._oldClearColor, oldClearAlpha);
   }
   dispose() {
     super.dispose();

package/postprocessing/TAARenderPass.js

@@ -5,6 +5,7 @@ class TAARenderPass extends SSAARenderPass {
     super(scene, camera, clearColor, clearAlpha);
     this.sampleLevel = 0;
     this.accumulate = false;
+    this.accumulateIndex = -1;
   }
   render(renderer, writeBuffer, readBuffer, deltaTime) {
     if (this.accumulate === false) {
@@ -27,6 +28,8 @@ class TAARenderPass extends SSAARenderPass {
     }
     const autoClear = renderer.autoClear;
     renderer.autoClear = false;
+    renderer.getClearColor(this._oldClearColor);
+    const oldClearAlpha = renderer.getClearAlpha();
     const sampleWeight = 1 / jitterOffsets.length;
     if (this.accumulateIndex >= 0 && this.accumulateIndex < jitterOffsets.length) {
       this.copyUniforms["opacity"].value = sampleWeight;
@@ -47,11 +50,14 @@ class TAARenderPass extends SSAARenderPass {
           );
         }
         renderer.setRenderTarget(writeBuffer);
+        renderer.setClearColor(this.clearColor, this.clearAlpha);
         renderer.clear();
         renderer.render(this.scene, this.camera);
         renderer.setRenderTarget(this.sampleRenderTarget);
-        if (this.accumulateIndex === 0)
+        if (this.accumulateIndex === 0) {
+          renderer.setClearColor(0, 0);
           renderer.clear();
+        }
         this.fsQuad.render(renderer);
         this.accumulateIndex++;
         if (this.accumulateIndex >= jitterOffsets.length)
@@ -60,6 +66,7 @@ class TAARenderPass extends SSAARenderPass {
       if (this.camera.clearViewOffset)
         this.camera.clearViewOffset();
     }
+    renderer.setClearColor(this.clearColor, this.clearAlpha);
     const accumulationWeight = this.accumulateIndex * sampleWeight;
     if (accumulationWeight > 0) {
       this.copyUniforms["opacity"].value = 1;
@@ -72,11 +79,10 @@ class TAARenderPass extends SSAARenderPass {
       this.copyUniforms["opacity"].value = 1 - accumulationWeight;
       this.copyUniforms["tDiffuse"].value = this.holdRenderTarget.texture;
       renderer.setRenderTarget(writeBuffer);
-      if (accumulationWeight === 0)
-        renderer.clear();
       this.fsQuad.render(renderer);
     }
     renderer.autoClear = autoClear;
+    renderer.setClearColor(this._oldClearColor, oldClearAlpha);
   }
   dispose() {
     super.dispose();

package/postprocessing/TexturePass.cjs

@@ -15,7 +15,8 @@ class TexturePass extends Pass.Pass {
       vertexShader: shader.vertexShader,
       fragmentShader: shader.fragmentShader,
       depthTest: false,
-      depthWrite: false
+      depthWrite: false,
+      premultipliedAlpha: true
     });
     this.needsSwap = false;
     this.fsQuad = new Pass.FullScreenQuad(null);

package/postprocessing/TexturePass.js

@@ -13,7 +13,8 @@ class TexturePass extends Pass {
       vertexShader: shader.vertexShader,
       fragmentShader: shader.fragmentShader,
       depthTest: false,
-      depthWrite: false
+      depthWrite: false,
+      premultipliedAlpha: true
     });
     this.needsSwap = false;
     this.fsQuad = new FullScreenQuad(null);

package/utils/GeometryCompressionUtils.cjs

@@ -560,7 +560,7 @@ class PackedPhongMaterial extends THREE.MeshPhongMaterial {
       THREE.ShaderChunk.envmap_fragment,
       "gl_FragColor = vec4( outgoingLight, diffuseColor.a );",
       THREE.ShaderChunk.tonemapping_fragment,
-      THREE.ShaderChunk.encodings_fragment,
+      parseInt(THREE.REVISION.replace(/\D+/g, "")) >= 154 ? THREE.ShaderChunk.colorspace_fragment : THREE.ShaderChunk.encodings_fragment,
       THREE.ShaderChunk.fog_fragment,
       THREE.ShaderChunk.premultiplied_alpha_fragment,
       THREE.ShaderChunk.dithering_fragment,

package/utils/GeometryCompressionUtils.js

@@ -1,4 +1,4 @@
-import { BufferAttribute, Matrix4, Vector3, Matrix3, MeshPhongMaterial, UniformsUtils, ShaderLib, ShaderChunk } from "three";
+import { BufferAttribute, Matrix4, Vector3, Matrix3, MeshPhongMaterial, UniformsUtils, ShaderLib, ShaderChunk, REVISION } from "three";
 var GeometryCompressionUtils = {
   /**
    * Make the input mesh.geometry's normal attribute encoded and compressed by 3 different methods.
@@ -558,7 +558,7 @@ class PackedPhongMaterial extends MeshPhongMaterial {
       ShaderChunk.envmap_fragment,
       "gl_FragColor = vec4( outgoingLight, diffuseColor.a );",
       ShaderChunk.tonemapping_fragment,
-      ShaderChunk.encodings_fragment,
+      parseInt(REVISION.replace(/\D+/g, "")) >= 154 ? ShaderChunk.colorspace_fragment : ShaderChunk.encodings_fragment,
       ShaderChunk.fog_fragment,
       ShaderChunk.premultiplied_alpha_fragment,
       ShaderChunk.dithering_fragment,