three-stdlib 2.24.1 → 2.25.0

package/controls/OrbitControls.cjs

@@ -60,6 +60,10 @@ class OrbitControls extends THREE.EventDispatcher {
     // 30 seconds per orbit when fps is 60
     __publicField(this, "reverseOrbit", false);
     // true if you want to reverse the orbit to mouse drag from left to right = orbits left
+    __publicField(this, "reverseHorizontalOrbit", false);
+    // true if you want to reverse the horizontal orbit direction
+    __publicField(this, "reverseVerticalOrbit", false);
+    // true if you want to reverse the vertical orbit direction
     // The four arrow keys
     __publicField(this, "keys", { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" });
     // Mouse buttons
@@ -291,14 +295,14 @@ class OrbitControls extends THREE.EventDispatcher {
       return Math.pow(0.95, scope.zoomSpeed);
     }
     function rotateLeft(angle) {
-      if (scope.reverseOrbit) {
+      if (scope.reverseOrbit || scope.reverseHorizontalOrbit) {
         sphericalDelta.theta += angle;
       } else {
         sphericalDelta.theta -= angle;
       }
     }
     function rotateUp(angle) {
-      if (scope.reverseOrbit) {
+      if (scope.reverseOrbit || scope.reverseVerticalOrbit) {
         sphericalDelta.phi += angle;
       } else {
         sphericalDelta.phi -= angle;

package/controls/OrbitControls.d.ts

@@ -25,6 +25,8 @@ declare class OrbitControls extends EventDispatcher {
     autoRotate: boolean;
     autoRotateSpeed: number;
     reverseOrbit: boolean;
+    reverseHorizontalOrbit: boolean;
+    reverseVerticalOrbit: boolean;
     keys: {
         LEFT: string;
         UP: string;

package/controls/OrbitControls.js

@@ -58,6 +58,10 @@ class OrbitControls extends EventDispatcher {
     // 30 seconds per orbit when fps is 60
     __publicField(this, "reverseOrbit", false);
     // true if you want to reverse the orbit to mouse drag from left to right = orbits left
+    __publicField(this, "reverseHorizontalOrbit", false);
+    // true if you want to reverse the horizontal orbit direction
+    __publicField(this, "reverseVerticalOrbit", false);
+    // true if you want to reverse the vertical orbit direction
     // The four arrow keys
     __publicField(this, "keys", { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" });
     // Mouse buttons
@@ -289,14 +293,14 @@ class OrbitControls extends EventDispatcher {
       return Math.pow(0.95, scope.zoomSpeed);
     }
     function rotateLeft(angle) {
-      if (scope.reverseOrbit) {
+      if (scope.reverseOrbit || scope.reverseHorizontalOrbit) {
         sphericalDelta.theta += angle;
       } else {
         sphericalDelta.theta -= angle;
       }
     }
     function rotateUp(angle) {
-      if (scope.reverseOrbit) {
+      if (scope.reverseOrbit || scope.reverseVerticalOrbit) {
         sphericalDelta.phi += angle;
       } else {
         sphericalDelta.phi -= angle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-stdlib",
-  "version": "2.24.1",
+  "version": "2.25.0",
   "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);