three-stdlib 2.16.0 → 2.16.2

package/objects/Reflector.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.Mesh{constructor(r,n={}){super(r),this.type="Reflector";const a=this,o=void 0!==n.color?new e.Color(n.color):new e.Color(8355711),l=n.textureWidth||512,i=n.textureHeight||512,s=n.clipBias||0,d=n.shader||t.ReflectorShader,c=new e.Plane,u=new e.Vector3,p=new e.Vector3,m=new e.Vector3,x=new e.Matrix4,v=new e.Vector3(0,0,-1),f=new e.Vector4,b=new e.Vector3,g=new e.Vector3,h=new e.Vector4,M=new e.Matrix4,y=new e.PerspectiveCamera,w=new e.WebGLRenderTarget(l,i),R=new e.ShaderMaterial({uniforms:e.UniformsUtils.clone(d.uniforms),fragmentShader:d.fragmentShader,vertexShader:d.vertexShader});R.uniforms.tDiffuse.value=w.texture,R.uniforms.color.value=o,R.uniforms.textureMatrix.value=M,this.material=R,this.onBeforeRender=function(e,t,r){if(p.setFromMatrixPosition(a.matrixWorld),m.setFromMatrixPosition(r.matrixWorld),x.extractRotation(a.matrixWorld),u.set(0,0,1),u.applyMatrix4(x),b.subVectors(p,m),b.dot(u)>0)return;b.reflect(u).negate(),b.add(p),x.extractRotation(r.matrixWorld),v.set(0,0,-1),v.applyMatrix4(x),v.add(m),g.subVectors(p,v),g.reflect(u).negate(),g.add(p),y.position.copy(b),y.up.set(0,1,0),y.up.applyMatrix4(x),y.up.reflect(u),y.lookAt(g),y.far=r.far,y.updateMatrixWorld(),y.projectionMatrix.copy(r.projectionMatrix),M.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),M.multiply(y.projectionMatrix),M.multiply(y.matrixWorldInverse),M.multiply(a.matrixWorld),c.setFromNormalAndCoplanarPoint(u,p),c.applyMatrix4(y.matrixWorldInverse),f.set(c.normal.x,c.normal.y,c.normal.z,c.constant);const n=y.projectionMatrix;h.x=(Math.sign(f.x)+n.elements[8])/n.elements[0],h.y=(Math.sign(f.y)+n.elements[9])/n.elements[5],h.z=-1,h.w=(1+n.elements[10])/n.elements[14],f.multiplyScalar(2/f.dot(h)),n.elements[2]=f.x,n.elements[6]=f.y,n.elements[10]=f.z+1-s,n.elements[14]=f.w,w.texture.encoding=e.outputEncoding,a.visible=!1;const o=e.getRenderTarget(),l=e.xr.enabled,i=e.shadowMap.autoUpdate;e.xr.enabled=!1,e.shadowMap.autoUpdate=!1,e.setRenderTarget(w),e.state.buffers.depth.setMask(!0),!1===e.autoClear&&e.clear(),e.render(t,y),e.xr.enabled=l,e.shadowMap.autoUpdate=i,e.setRenderTarget(o);const d=r.viewport;void 0!==d&&e.state.viewport(d),a.visible=!0},this.getRenderTarget=function(){return w},this.dispose=function(){w.dispose(),a.material.dispose()}}}t.prototype.isReflector=!0,t.ReflectorShader={uniforms:{color:{value:null},tDiffuse:{value:null},textureMatrix:{value:null}},vertexShader:"\n\t\tuniform mat4 textureMatrix;\n\t\tvarying vec4 vUv;\n\n\t\t#include <common>\n\t\t#include <logdepthbuf_pars_vertex>\n\n\t\tvoid main() {\n\n\t\t\tvUv = textureMatrix * vec4( position, 1.0 );\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t\t#include <logdepthbuf_vertex>\n\n\t\t}",fragmentShader:"\n\t\tuniform vec3 color;\n\t\tuniform sampler2D tDiffuse;\n\t\tvarying vec4 vUv;\n\n\t\t#include <logdepthbuf_pars_fragment>\n\n\t\tfloat blendOverlay( float base, float blend ) {\n\n\t\t\treturn( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );\n\n\t\t}\n\n\t\tvec3 blendOverlay( vec3 base, vec3 blend ) {\n\n\t\t\treturn vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );\n\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\t#include <logdepthbuf_fragment>\n\n\t\t\tvec4 base = texture2DProj( tDiffuse, vUv );\n\t\t\tgl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );\n\n\t\t}"},exports.Reflector=t;

package/objects/Reflector.js

@@ -1,47 +1,48 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-class Reflector extends THREE.Mesh {
+import { Mesh, Color, Plane, Vector3, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, ShaderMaterial, UniformsUtils } from 'three';
+
+class Reflector extends Mesh {
   constructor(geometry, options = {}) {
     super(geometry);
-    this.type = "Reflector";
+    this.type = 'Reflector';
     const scope = this;
-    const color = options.color !== void 0 ? new THREE.Color(options.color) : new THREE.Color(8355711);
+    const color = options.color !== undefined ? new Color(options.color) : new Color(0x7f7f7f);
     const textureWidth = options.textureWidth || 512;
     const textureHeight = options.textureHeight || 512;
     const clipBias = options.clipBias || 0;
-    const shader = options.shader || Reflector.ReflectorShader;
-    const reflectorPlane = new THREE.Plane();
-    const normal = new THREE.Vector3();
-    const reflectorWorldPosition = new THREE.Vector3();
-    const cameraWorldPosition = new THREE.Vector3();
-    const rotationMatrix = new THREE.Matrix4();
-    const lookAtPosition = new THREE.Vector3(0, 0, -1);
-    const clipPlane = new THREE.Vector4();
-    const view = new THREE.Vector3();
-    const target = new THREE.Vector3();
-    const q = new THREE.Vector4();
-    const textureMatrix = new THREE.Matrix4();
-    const virtualCamera = new THREE.PerspectiveCamera();
-    const renderTarget = new THREE.WebGLRenderTarget(textureWidth, textureHeight);
-    const material = new THREE.ShaderMaterial({
-      uniforms: THREE.UniformsUtils.clone(shader.uniforms),
+    const shader = options.shader || Reflector.ReflectorShader; //
+
+    const reflectorPlane = new Plane();
+    const normal = new Vector3();
+    const reflectorWorldPosition = new Vector3();
+    const cameraWorldPosition = new Vector3();
+    const rotationMatrix = new Matrix4();
+    const lookAtPosition = new Vector3(0, 0, -1);
+    const clipPlane = new Vector4();
+    const view = new Vector3();
+    const target = new Vector3();
+    const q = new Vector4();
+    const textureMatrix = new Matrix4();
+    const virtualCamera = new PerspectiveCamera();
+    const renderTarget = new WebGLRenderTarget(textureWidth, textureHeight);
+    const material = new ShaderMaterial({
+      uniforms: UniformsUtils.clone(shader.uniforms),
       fragmentShader: shader.fragmentShader,
       vertexShader: shader.vertexShader
     });
-    material.uniforms["tDiffuse"].value = renderTarget.texture;
-    material.uniforms["color"].value = color;
-    material.uniforms["textureMatrix"].value = textureMatrix;
+    material.uniforms['tDiffuse'].value = renderTarget.texture;
+    material.uniforms['color'].value = color;
+    material.uniforms['textureMatrix'].value = textureMatrix;
     this.material = material;
-    this.onBeforeRender = function(renderer, scene, camera) {
+
+    this.onBeforeRender = function (renderer, scene, camera) {
       reflectorWorldPosition.setFromMatrixPosition(scope.matrixWorld);
       cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld);
       rotationMatrix.extractRotation(scope.matrixWorld);
       normal.set(0, 0, 1);
       normal.applyMatrix4(rotationMatrix);
-      view.subVectors(reflectorWorldPosition, cameraWorldPosition);
-      if (view.dot(normal) > 0)
-        return;
+      view.subVectors(reflectorWorldPosition, cameraWorldPosition); // Avoid rendering when reflector is facing away
+
+      if (view.dot(normal) > 0) return;
       view.reflect(normal).negate();
       view.add(reflectorWorldPosition);
       rotationMatrix.extractRotation(camera.matrixWorld);
@@ -56,56 +57,72 @@ class Reflector extends THREE.Mesh {
       virtualCamera.up.applyMatrix4(rotationMatrix);
       virtualCamera.up.reflect(normal);
       virtualCamera.lookAt(target);
-      virtualCamera.far = camera.far;
+      virtualCamera.far = camera.far; // Used in WebGLBackground
+
       virtualCamera.updateMatrixWorld();
-      virtualCamera.projectionMatrix.copy(camera.projectionMatrix);
-      textureMatrix.set(0.5, 0, 0, 0.5, 0, 0.5, 0, 0.5, 0, 0, 0.5, 0.5, 0, 0, 0, 1);
+      virtualCamera.projectionMatrix.copy(camera.projectionMatrix); // Update the texture matrix
+
+      textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
       textureMatrix.multiply(virtualCamera.projectionMatrix);
       textureMatrix.multiply(virtualCamera.matrixWorldInverse);
-      textureMatrix.multiply(scope.matrixWorld);
+      textureMatrix.multiply(scope.matrixWorld); // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
+      // Paper explaining this technique: http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
+
       reflectorPlane.setFromNormalAndCoplanarPoint(normal, reflectorWorldPosition);
       reflectorPlane.applyMatrix4(virtualCamera.matrixWorldInverse);
       clipPlane.set(reflectorPlane.normal.x, reflectorPlane.normal.y, reflectorPlane.normal.z, reflectorPlane.constant);
       const projectionMatrix = virtualCamera.projectionMatrix;
       q.x = (Math.sign(clipPlane.x) + projectionMatrix.elements[8]) / projectionMatrix.elements[0];
       q.y = (Math.sign(clipPlane.y) + projectionMatrix.elements[9]) / projectionMatrix.elements[5];
-      q.z = -1;
-      q.w = (1 + projectionMatrix.elements[10]) / projectionMatrix.elements[14];
-      clipPlane.multiplyScalar(2 / clipPlane.dot(q));
+      q.z = -1.0;
+      q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14]; // Calculate the scaled plane vector
+
+      clipPlane.multiplyScalar(2.0 / clipPlane.dot(q)); // Replacing the third row of the projection matrix
+
       projectionMatrix.elements[2] = clipPlane.x;
       projectionMatrix.elements[6] = clipPlane.y;
-      projectionMatrix.elements[10] = clipPlane.z + 1 - clipBias;
-      projectionMatrix.elements[14] = clipPlane.w;
+      projectionMatrix.elements[10] = clipPlane.z + 1.0 - clipBias;
+      projectionMatrix.elements[14] = clipPlane.w; // Render
+
       renderTarget.texture.encoding = renderer.outputEncoding;
       scope.visible = false;
       const currentRenderTarget = renderer.getRenderTarget();
       const currentXrEnabled = renderer.xr.enabled;
       const currentShadowAutoUpdate = renderer.shadowMap.autoUpdate;
-      renderer.xr.enabled = false;
-      renderer.shadowMap.autoUpdate = false;
+      renderer.xr.enabled = false; // Avoid camera modification
+
+      renderer.shadowMap.autoUpdate = false; // Avoid re-computing shadows
+
       renderer.setRenderTarget(renderTarget);
-      renderer.state.buffers.depth.setMask(true);
-      if (renderer.autoClear === false)
-        renderer.clear();
+      renderer.state.buffers.depth.setMask(true); // make sure the depth buffer is writable so it can be properly cleared, see #18897
+
+      if (renderer.autoClear === false) renderer.clear();
       renderer.render(scene, virtualCamera);
       renderer.xr.enabled = currentXrEnabled;
       renderer.shadowMap.autoUpdate = currentShadowAutoUpdate;
-      renderer.setRenderTarget(currentRenderTarget);
+      renderer.setRenderTarget(currentRenderTarget); // Restore viewport
+
       const viewport = camera.viewport;
-      if (viewport !== void 0) {
+
+      if (viewport !== undefined) {
         renderer.state.viewport(viewport);
       }
+
       scope.visible = true;
     };
-    this.getRenderTarget = function() {
+
+    this.getRenderTarget = function () {
       return renderTarget;
     };
-    this.dispose = function() {
+
+    this.dispose = function () {
       renderTarget.dispose();
       scope.material.dispose();
     };
   }
+
 }
+
 Reflector.prototype.isReflector = true;
 Reflector.ReflectorShader = {
   uniforms: {
@@ -119,7 +136,9 @@ Reflector.ReflectorShader = {
       value: null
     }
   },
-  vertexShader: `
+  vertexShader:
+  /* glsl */
+  `
 		uniform mat4 textureMatrix;
 		varying vec4 vUv;
 
@@ -135,7 +154,9 @@ Reflector.ReflectorShader = {
 			#include <logdepthbuf_vertex>
 
 		}`,
-  fragmentShader: `
+  fragmentShader:
+  /* glsl */
+  `
 		uniform vec3 color;
 		uniform sampler2D tDiffuse;
 		varying vec4 vUv;
@@ -163,4 +184,5 @@ Reflector.ReflectorShader = {
 
 		}`
 };
-exports.Reflector = Reflector;
+
+export { Reflector };

package/objects/ReflectorForSSRPass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("three");class e extends t.Mesh{constructor(r,a={}){super(r),this.type="ReflectorForSSRPass";const n=this,i=void 0!==a.color?new t.Color(a.color):new t.Color(8355711),o=a.textureWidth||512,l=a.textureHeight||512,s=a.clipBias||0,u=a.shader||e.ReflectorShader,c=!0===a.useDepthTexture,d=new t.Vector3(0,1,0),v=new t.Vector3,f=new t.Vector3;n.needsUpdate=!1,n.maxDistance=e.ReflectorShader.uniforms.maxDistance.value,n.opacity=e.ReflectorShader.uniforms.opacity.value,n.color=i,n.resolution=a.resolution||new t.Vector2(window.innerWidth,window.innerHeight),n._distanceAttenuation=e.ReflectorShader.defines.DISTANCE_ATTENUATION,Object.defineProperty(n,"distanceAttenuation",{get:()=>n._distanceAttenuation,set(t){n._distanceAttenuation!==t&&(n._distanceAttenuation=t,n.material.defines.DISTANCE_ATTENUATION=t,n.material.needsUpdate=!0)}}),n._fresnel=e.ReflectorShader.defines.FRESNEL,Object.defineProperty(n,"fresnel",{get:()=>n._fresnel,set(t){n._fresnel!==t&&(n._fresnel=t,n.material.defines.FRESNEL=t,n.material.needsUpdate=!0)}});const p=new t.Vector3,m=new t.Vector3,x=new t.Vector3,h=new t.Matrix4,w=new t.Vector3(0,0,-1),g=new t.Vector3,M=new t.Vector3,b=new t.Matrix4,y=new t.PerspectiveCamera;let C;c&&(C=new t.DepthTexture,C.type=t.UnsignedShortType,C.minFilter=t.NearestFilter,C.magFilter=t.NearestFilter);const P={depthTexture:c?C:null},D=new t.WebGLRenderTarget(o,l,P),S=new t.ShaderMaterial({transparent:c,defines:Object.assign({},e.ReflectorShader.defines,{useDepthTexture:c}),uniforms:t.UniformsUtils.clone(u.uniforms),fragmentShader:u.fragmentShader,vertexShader:u.vertexShader});S.uniforms.tDiffuse.value=D.texture,S.uniforms.color.value=n.color,S.uniforms.textureMatrix.value=b,c&&(S.uniforms.tDepth.value=D.depthTexture),this.material=S;const T=[new t.Plane(new t.Vector3(0,1,0),s)];this.doRender=function(t,e,r){if(S.uniforms.maxDistance.value=n.maxDistance,S.uniforms.color.value=n.color,S.uniforms.opacity.value=n.opacity,v.copy(r.position).normalize(),f.copy(v).reflect(d),S.uniforms.fresnelCoe.value=(v.dot(f)+1)/2,m.setFromMatrixPosition(n.matrixWorld),x.setFromMatrixPosition(r.matrixWorld),h.extractRotation(n.matrixWorld),p.set(0,0,1),p.applyMatrix4(h),g.subVectors(m,x),g.dot(p)>0)return;g.reflect(p).negate(),g.add(m),h.extractRotation(r.matrixWorld),w.set(0,0,-1),w.applyMatrix4(h),w.add(x),M.subVectors(m,w),M.reflect(p).negate(),M.add(m),y.position.copy(g),y.up.set(0,1,0),y.up.applyMatrix4(h),y.up.reflect(p),y.lookAt(M),y.far=r.far,y.updateMatrixWorld(),y.projectionMatrix.copy(r.projectionMatrix),S.uniforms.virtualCameraNear.value=r.near,S.uniforms.virtualCameraFar.value=r.far,S.uniforms.virtualCameraMatrixWorld.value=y.matrixWorld,S.uniforms.virtualCameraProjectionMatrix.value=r.projectionMatrix,S.uniforms.virtualCameraProjectionMatrixInverse.value=r.projectionMatrixInverse,S.uniforms.resolution.value=n.resolution,b.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),b.multiply(y.projectionMatrix),b.multiply(y.matrixWorldInverse),b.multiply(n.matrixWorld),D.texture.encoding=t.outputEncoding;const a=t.getRenderTarget(),i=t.xr.enabled,o=t.shadowMap.autoUpdate,l=t.clippingPlanes;t.xr.enabled=!1,t.shadowMap.autoUpdate=!1,t.clippingPlanes=T,t.setRenderTarget(D),t.state.buffers.depth.setMask(!0),!1===t.autoClear&&t.clear(),t.render(e,y),t.xr.enabled=i,t.shadowMap.autoUpdate=o,t.clippingPlanes=l,t.setRenderTarget(a);const s=r.viewport;void 0!==s&&t.state.viewport(s)},this.getRenderTarget=function(){return D}}}e.prototype.isReflectorForSSRPass=!0,e.ReflectorShader={defines:{DISTANCE_ATTENUATION:!0,FRESNEL:!0},uniforms:{color:{value:null},tDiffuse:{value:null},tDepth:{value:null},textureMatrix:{value:new t.Matrix4},maxDistance:{value:180},opacity:{value:.5},fresnelCoe:{value:null},virtualCameraNear:{value:null},virtualCameraFar:{value:null},virtualCameraProjectionMatrix:{value:new t.Matrix4},virtualCameraMatrixWorld:{value:new t.Matrix4},virtualCameraProjectionMatrixInverse:{value:new t.Matrix4},resolution:{value:new t.Vector2}},vertexShader:"\n\t\tuniform mat4 textureMatrix;\n\t\tvarying vec4 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = textureMatrix * vec4( position, 1.0 );\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\t\tuniform vec3 color;\n\t\tuniform sampler2D tDiffuse;\n\t\tuniform sampler2D tDepth;\n\t\tuniform float maxDistance;\n\t\tuniform float opacity;\n\t\tuniform float fresnelCoe;\n\t\tuniform float virtualCameraNear;\n\t\tuniform float virtualCameraFar;\n\t\tuniform mat4 virtualCameraProjectionMatrix;\n\t\tuniform mat4 virtualCameraProjectionMatrixInverse;\n\t\tuniform mat4 virtualCameraMatrixWorld;\n\t\tuniform vec2 resolution;\n\t\tvarying vec4 vUv;\n\t\t#include <packing>\n\t\tfloat blendOverlay( float base, float blend ) {\n\t\t\treturn( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );\n\t\t}\n\t\tvec3 blendOverlay( vec3 base, vec3 blend ) {\n\t\t\treturn vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );\n\t\t}\n\t\tfloat getDepth( const in vec2 uv ) {\n\t\t\treturn texture2D( tDepth, uv ).x;\n\t\t}\n\t\tfloat getViewZ( const in float depth ) {\n\t\t\treturn perspectiveDepthToViewZ( depth, virtualCameraNear, virtualCameraFar );\n\t\t}\n\t\tvec3 getViewPosition( const in vec2 uv, const in float depth/*clip space*/, const in float clipW ) {\n\t\t\tvec4 clipPosition = vec4( ( vec3( uv, depth ) - 0.5 ) * 2.0, 1.0 );//ndc\n\t\t\tclipPosition *= clipW; //clip\n\t\t\treturn ( virtualCameraProjectionMatrixInverse * clipPosition ).xyz;//view\n\t\t}\n\t\tvoid main() {\n\t\t\tvec4 base = texture2DProj( tDiffuse, vUv );\n\t\t\t#ifdef useDepthTexture\n\t\t\t\tvec2 uv=(gl_FragCoord.xy-.5)/resolution.xy;\n\t\t\t\tuv.x=1.-uv.x;\n\t\t\t\tfloat depth = texture2DProj( tDepth, vUv ).r;\n\t\t\t\tfloat viewZ = getViewZ( depth );\n\t\t\t\tfloat clipW = virtualCameraProjectionMatrix[2][3] * viewZ+virtualCameraProjectionMatrix[3][3];\n\t\t\t\tvec3 viewPosition=getViewPosition( uv, depth, clipW );\n\t\t\t\tvec3 worldPosition=(virtualCameraMatrixWorld*vec4(viewPosition,1)).xyz;\n\t\t\t\tif(worldPosition.y>maxDistance) discard;\n\t\t\t\tfloat op=opacity;\n\t\t\t\t#ifdef DISTANCE_ATTENUATION\n\t\t\t\t\tfloat ratio=1.-(worldPosition.y/maxDistance);\n\t\t\t\t\tfloat attenuation=ratio*ratio;\n\t\t\t\t\top=opacity*attenuation;\n\t\t\t\t#endif\n\t\t\t\t#ifdef FRESNEL\n\t\t\t\t\top*=fresnelCoe;\n\t\t\t\t#endif\n\t\t\t\tgl_FragColor = vec4( blendOverlay( base.rgb, color ), op );\n\t\t\t#else\n\t\t\t\tgl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );\n\t\t\t#endif\n\t\t}\n\t"},exports.ReflectorForSSRPass=e;

package/objects/ReflectorForSSRPass.js

@@ -1,104 +1,112 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-class ReflectorForSSRPass extends THREE.Mesh {
+import { Mesh, Color, Vector3, Vector2, Matrix4, PerspectiveCamera, DepthTexture, UnsignedShortType, NearestFilter, WebGLRenderTarget, ShaderMaterial, UniformsUtils, Plane } from 'three';
+
+class ReflectorForSSRPass extends Mesh {
   constructor(geometry, options = {}) {
     super(geometry);
-    this.type = "ReflectorForSSRPass";
+    this.type = 'ReflectorForSSRPass';
     const scope = this;
-    const color = options.color !== void 0 ? new THREE.Color(options.color) : new THREE.Color(8355711);
+    const color = options.color !== undefined ? new Color(options.color) : new Color(0x7f7f7f);
     const textureWidth = options.textureWidth || 512;
     const textureHeight = options.textureHeight || 512;
     const clipBias = options.clipBias || 0;
     const shader = options.shader || ReflectorForSSRPass.ReflectorShader;
     const useDepthTexture = options.useDepthTexture === true;
-    const yAxis = new THREE.Vector3(0, 1, 0);
-    const vecTemp0 = new THREE.Vector3();
-    const vecTemp1 = new THREE.Vector3();
+    const yAxis = new Vector3(0, 1, 0);
+    const vecTemp0 = new Vector3();
+    const vecTemp1 = new Vector3(); //
+
     scope.needsUpdate = false;
     scope.maxDistance = ReflectorForSSRPass.ReflectorShader.uniforms.maxDistance.value;
     scope.opacity = ReflectorForSSRPass.ReflectorShader.uniforms.opacity.value;
     scope.color = color;
-    scope.resolution = options.resolution || new THREE.Vector2(window.innerWidth, window.innerHeight);
+    scope.resolution = options.resolution || new Vector2(window.innerWidth, window.innerHeight);
     scope._distanceAttenuation = ReflectorForSSRPass.ReflectorShader.defines.DISTANCE_ATTENUATION;
-    Object.defineProperty(scope, "distanceAttenuation", {
+    Object.defineProperty(scope, 'distanceAttenuation', {
       get() {
         return scope._distanceAttenuation;
       },
+
       set(val) {
-        if (scope._distanceAttenuation === val)
-          return;
+        if (scope._distanceAttenuation === val) return;
         scope._distanceAttenuation = val;
         scope.material.defines.DISTANCE_ATTENUATION = val;
         scope.material.needsUpdate = true;
       }
+
     });
     scope._fresnel = ReflectorForSSRPass.ReflectorShader.defines.FRESNEL;
-    Object.defineProperty(scope, "fresnel", {
+    Object.defineProperty(scope, 'fresnel', {
       get() {
         return scope._fresnel;
       },
+
       set(val) {
-        if (scope._fresnel === val)
-          return;
+        if (scope._fresnel === val) return;
         scope._fresnel = val;
         scope.material.defines.FRESNEL = val;
         scope.material.needsUpdate = true;
       }
+
     });
-    const normal = new THREE.Vector3();
-    const reflectorWorldPosition = new THREE.Vector3();
-    const cameraWorldPosition = new THREE.Vector3();
-    const rotationMatrix = new THREE.Matrix4();
-    const lookAtPosition = new THREE.Vector3(0, 0, -1);
-    const view = new THREE.Vector3();
-    const target = new THREE.Vector3();
-    const textureMatrix = new THREE.Matrix4();
-    const virtualCamera = new THREE.PerspectiveCamera();
+    const normal = new Vector3();
+    const reflectorWorldPosition = new Vector3();
+    const cameraWorldPosition = new Vector3();
+    const rotationMatrix = new Matrix4();
+    const lookAtPosition = new Vector3(0, 0, -1);
+    const view = new Vector3();
+    const target = new Vector3();
+    const textureMatrix = new Matrix4();
+    const virtualCamera = new PerspectiveCamera();
     let depthTexture;
+
     if (useDepthTexture) {
-      depthTexture = new THREE.DepthTexture();
-      depthTexture.type = THREE.UnsignedShortType;
-      depthTexture.minFilter = THREE.NearestFilter;
-      depthTexture.magFilter = THREE.NearestFilter;
+      depthTexture = new DepthTexture();
+      depthTexture.type = UnsignedShortType;
+      depthTexture.minFilter = NearestFilter;
+      depthTexture.magFilter = NearestFilter;
     }
+
     const parameters = {
       depthTexture: useDepthTexture ? depthTexture : null
     };
-    const renderTarget = new THREE.WebGLRenderTarget(textureWidth, textureHeight, parameters);
-    const material = new THREE.ShaderMaterial({
+    const renderTarget = new WebGLRenderTarget(textureWidth, textureHeight, parameters);
+    const material = new ShaderMaterial({
       transparent: useDepthTexture,
       defines: Object.assign({}, ReflectorForSSRPass.ReflectorShader.defines, {
         useDepthTexture
       }),
-      uniforms: THREE.UniformsUtils.clone(shader.uniforms),
+      uniforms: UniformsUtils.clone(shader.uniforms),
       fragmentShader: shader.fragmentShader,
       vertexShader: shader.vertexShader
     });
-    material.uniforms["tDiffuse"].value = renderTarget.texture;
-    material.uniforms["color"].value = scope.color;
-    material.uniforms["textureMatrix"].value = textureMatrix;
+    material.uniforms['tDiffuse'].value = renderTarget.texture;
+    material.uniforms['color'].value = scope.color;
+    material.uniforms['textureMatrix'].value = textureMatrix;
+
     if (useDepthTexture) {
-      material.uniforms["tDepth"].value = renderTarget.depthTexture;
+      material.uniforms['tDepth'].value = renderTarget.depthTexture;
     }
+
     this.material = material;
-    const globalPlane = new THREE.Plane(new THREE.Vector3(0, 1, 0), clipBias);
+    const globalPlane = new Plane(new Vector3(0, 1, 0), clipBias);
     const globalPlanes = [globalPlane];
-    this.doRender = function(renderer, scene, camera) {
-      material.uniforms["maxDistance"].value = scope.maxDistance;
-      material.uniforms["color"].value = scope.color;
-      material.uniforms["opacity"].value = scope.opacity;
+
+    this.doRender = function (renderer, scene, camera) {
+      material.uniforms['maxDistance'].value = scope.maxDistance;
+      material.uniforms['color'].value = scope.color;
+      material.uniforms['opacity'].value = scope.opacity;
       vecTemp0.copy(camera.position).normalize();
       vecTemp1.copy(vecTemp0).reflect(yAxis);
-      material.uniforms["fresnelCoe"].value = (vecTemp0.dot(vecTemp1) + 1) / 2;
+      material.uniforms['fresnelCoe'].value = (vecTemp0.dot(vecTemp1) + 1) / 2; // TODO: Also need to use glsl viewPosition and viewNormal per pixel.
+
       reflectorWorldPosition.setFromMatrixPosition(scope.matrixWorld);
       cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld);
       rotationMatrix.extractRotation(scope.matrixWorld);
       normal.set(0, 0, 1);
       normal.applyMatrix4(rotationMatrix);
-      view.subVectors(reflectorWorldPosition, cameraWorldPosition);
-      if (view.dot(normal) > 0)
-        return;
+      view.subVectors(reflectorWorldPosition, cameraWorldPosition); // Avoid rendering when reflector is facing away
+
+      if (view.dot(normal) > 0) return;
       view.reflect(normal).negate();
       view.add(reflectorWorldPosition);
       rotationMatrix.extractRotation(camera.matrixWorld);
@@ -113,46 +121,58 @@ class ReflectorForSSRPass extends THREE.Mesh {
       virtualCamera.up.applyMatrix4(rotationMatrix);
       virtualCamera.up.reflect(normal);
       virtualCamera.lookAt(target);
-      virtualCamera.far = camera.far;
+      virtualCamera.far = camera.far; // Used in WebGLBackground
+
       virtualCamera.updateMatrixWorld();
       virtualCamera.projectionMatrix.copy(camera.projectionMatrix);
-      material.uniforms["virtualCameraNear"].value = camera.near;
-      material.uniforms["virtualCameraFar"].value = camera.far;
-      material.uniforms["virtualCameraMatrixWorld"].value = virtualCamera.matrixWorld;
-      material.uniforms["virtualCameraProjectionMatrix"].value = camera.projectionMatrix;
-      material.uniforms["virtualCameraProjectionMatrixInverse"].value = camera.projectionMatrixInverse;
-      material.uniforms["resolution"].value = scope.resolution;
-      textureMatrix.set(0.5, 0, 0, 0.5, 0, 0.5, 0, 0.5, 0, 0, 0.5, 0.5, 0, 0, 0, 1);
+      material.uniforms['virtualCameraNear'].value = camera.near;
+      material.uniforms['virtualCameraFar'].value = camera.far;
+      material.uniforms['virtualCameraMatrixWorld'].value = virtualCamera.matrixWorld;
+      material.uniforms['virtualCameraProjectionMatrix'].value = camera.projectionMatrix;
+      material.uniforms['virtualCameraProjectionMatrixInverse'].value = camera.projectionMatrixInverse;
+      material.uniforms['resolution'].value = scope.resolution; // Update the texture matrix
+
+      textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
       textureMatrix.multiply(virtualCamera.projectionMatrix);
       textureMatrix.multiply(virtualCamera.matrixWorldInverse);
-      textureMatrix.multiply(scope.matrixWorld);
-      renderTarget.texture.encoding = renderer.outputEncoding;
+      textureMatrix.multiply(scope.matrixWorld); // Render
+
+      renderTarget.texture.encoding = renderer.outputEncoding; // scope.visible = false;
+
       const currentRenderTarget = renderer.getRenderTarget();
       const currentXrEnabled = renderer.xr.enabled;
       const currentShadowAutoUpdate = renderer.shadowMap.autoUpdate;
       const currentClippingPlanes = renderer.clippingPlanes;
-      renderer.xr.enabled = false;
-      renderer.shadowMap.autoUpdate = false;
+      renderer.xr.enabled = false; // Avoid camera modification
+
+      renderer.shadowMap.autoUpdate = false; // Avoid re-computing shadows
+
       renderer.clippingPlanes = globalPlanes;
       renderer.setRenderTarget(renderTarget);
-      renderer.state.buffers.depth.setMask(true);
-      if (renderer.autoClear === false)
-        renderer.clear();
+      renderer.state.buffers.depth.setMask(true); // make sure the depth buffer is writable so it can be properly cleared, see #18897
+
+      if (renderer.autoClear === false) renderer.clear();
       renderer.render(scene, virtualCamera);
       renderer.xr.enabled = currentXrEnabled;
       renderer.shadowMap.autoUpdate = currentShadowAutoUpdate;
       renderer.clippingPlanes = currentClippingPlanes;
-      renderer.setRenderTarget(currentRenderTarget);
+      renderer.setRenderTarget(currentRenderTarget); // Restore viewport
+
       const viewport = camera.viewport;
-      if (viewport !== void 0) {
+
+      if (viewport !== undefined) {
         renderer.state.viewport(viewport);
-      }
+      } // scope.visible = true;
+
     };
-    this.getRenderTarget = function() {
+
+    this.getRenderTarget = function () {
       return renderTarget;
     };
   }
+
 }
+
 ReflectorForSSRPass.prototype.isReflectorForSSRPass = true;
 ReflectorForSSRPass.ReflectorShader = {
   defines: {
@@ -160,21 +180,49 @@ ReflectorForSSRPass.ReflectorShader = {
     FRESNEL: true
   },
   uniforms: {
-    color: { value: null },
-    tDiffuse: { value: null },
-    tDepth: { value: null },
-    textureMatrix: { value: new THREE.Matrix4() },
-    maxDistance: { value: 180 },
-    opacity: { value: 0.5 },
-    fresnelCoe: { value: null },
-    virtualCameraNear: { value: null },
-    virtualCameraFar: { value: null },
-    virtualCameraProjectionMatrix: { value: new THREE.Matrix4() },
-    virtualCameraMatrixWorld: { value: new THREE.Matrix4() },
-    virtualCameraProjectionMatrixInverse: { value: new THREE.Matrix4() },
-    resolution: { value: new THREE.Vector2() }
+    color: {
+      value: null
+    },
+    tDiffuse: {
+      value: null
+    },
+    tDepth: {
+      value: null
+    },
+    textureMatrix: {
+      value: new Matrix4()
+    },
+    maxDistance: {
+      value: 180
+    },
+    opacity: {
+      value: 0.5
+    },
+    fresnelCoe: {
+      value: null
+    },
+    virtualCameraNear: {
+      value: null
+    },
+    virtualCameraFar: {
+      value: null
+    },
+    virtualCameraProjectionMatrix: {
+      value: new Matrix4()
+    },
+    virtualCameraMatrixWorld: {
+      value: new Matrix4()
+    },
+    virtualCameraProjectionMatrixInverse: {
+      value: new Matrix4()
+    },
+    resolution: {
+      value: new Vector2()
+    }
   },
-  vertexShader: `
+  vertexShader:
+  /* glsl */
+  `
 		uniform mat4 textureMatrix;
 		varying vec4 vUv;
 
@@ -185,7 +233,9 @@ ReflectorForSSRPass.ReflectorShader = {
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-  fragmentShader: `
+  fragmentShader:
+  /* glsl */
+  `
 		uniform vec3 color;
 		uniform sampler2D tDiffuse;
 		uniform sampler2D tDepth;
@@ -244,4 +294,5 @@ ReflectorForSSRPass.ReflectorShader = {
 		}
 	`
 };
-exports.ReflectorForSSRPass = ReflectorForSSRPass;
+
+export { ReflectorForSSRPass };

package/objects/ReflectorRTT.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Reflector.cjs.js");require("three");class r extends e.Reflector{constructor(e,r){super(e,r),this.geometry.setDrawRange(0,0)}}exports.ReflectorRTT=r;

package/objects/ReflectorRTT.js

@@ -1,10 +1,11 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Reflector = require("./Reflector.js");
-class ReflectorRTT extends Reflector.Reflector {
+import { Reflector } from './Reflector.js';
+
+class ReflectorRTT extends Reflector {
   constructor(geometry, options) {
     super(geometry, options);
-    this.geometry.setDrawRange(0, 0);
+    this.geometry.setDrawRange(0, 0); // avoid rendering geometry
   }
+
 }
-exports.ReflectorRTT = ReflectorRTT;
+
+export { ReflectorRTT };

package/objects/Refractor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");class t extends e.Mesh{constructor(r,n={}){super(r),this.type="Refractor";const o=this,a=void 0!==n.color?new e.Color(n.color):new e.Color(8355711),i=n.textureWidth||512,l=n.textureHeight||512,s=n.clipBias||0,c=n.shader||t.RefractorShader,u=new e.PerspectiveCamera;u.matrixAutoUpdate=!1,u.userData.refractor=!0;const d=new e.Plane,m=new e.Matrix4,v=new e.WebGLRenderTarget(i,l);this.material=new e.ShaderMaterial({uniforms:e.UniformsUtils.clone(c.uniforms),vertexShader:c.vertexShader,fragmentShader:c.fragmentShader,transparent:!0}),this.material.uniforms.color.value=a,this.material.uniforms.tDiffuse.value=v.texture,this.material.uniforms.textureMatrix.value=m;const x=function(){const t=new e.Vector3,r=new e.Vector3,n=new e.Matrix4,a=new e.Vector3,i=new e.Vector3;return function(e){return t.setFromMatrixPosition(o.matrixWorld),r.setFromMatrixPosition(e.matrixWorld),a.subVectors(t,r),n.extractRotation(o.matrixWorld),i.set(0,0,1),i.applyMatrix4(n),a.dot(i)<0}}(),p=function(){const t=new e.Vector3,r=new e.Vector3,n=new e.Quaternion,a=new e.Vector3;return function(){o.matrixWorld.decompose(r,n,a),t.set(0,0,1).applyQuaternion(n).normalize(),t.negate(),d.setFromNormalAndCoplanarPoint(t,r)}}(),f=function(){const t=new e.Plane,r=new e.Vector4,n=new e.Vector4;return function(e){u.matrixWorld.copy(e.matrixWorld),u.matrixWorldInverse.copy(u.matrixWorld).invert(),u.projectionMatrix.copy(e.projectionMatrix),u.far=e.far,t.copy(d),t.applyMatrix4(u.matrixWorldInverse),r.set(t.normal.x,t.normal.y,t.normal.z,t.constant);const o=u.projectionMatrix;n.x=(Math.sign(r.x)+o.elements[8])/o.elements[0],n.y=(Math.sign(r.y)+o.elements[9])/o.elements[5],n.z=-1,n.w=(1+o.elements[10])/o.elements[14],r.multiplyScalar(2/r.dot(n)),o.elements[2]=r.x,o.elements[6]=r.y,o.elements[10]=r.z+1-s,o.elements[14]=r.w}}();this.onBeforeRender=function(e,t,r){v.texture.encoding=e.outputEncoding,!0!==r.userData.refractor&&!0!=!x(r)&&(p(),function(e){m.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),m.multiply(e.projectionMatrix),m.multiply(e.matrixWorldInverse),m.multiply(o.matrixWorld)}(r),f(r),function(e,t,r){o.visible=!1;const n=e.getRenderTarget(),a=e.xr.enabled,i=e.shadowMap.autoUpdate;e.xr.enabled=!1,e.shadowMap.autoUpdate=!1,e.setRenderTarget(v),!1===e.autoClear&&e.clear(),e.render(t,u),e.xr.enabled=a,e.shadowMap.autoUpdate=i,e.setRenderTarget(n);const l=r.viewport;void 0!==l&&e.state.viewport(l),o.visible=!0}(e,t,r))},this.getRenderTarget=function(){return v},this.dispose=function(){v.dispose(),o.material.dispose()}}}t.prototype.isRefractor=!0,t.RefractorShader={uniforms:{color:{value:null},tDiffuse:{value:null},textureMatrix:{value:null}},vertexShader:"\n\n\t\tuniform mat4 textureMatrix;\n\n\t\tvarying vec4 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = textureMatrix * vec4( position, 1.0 );\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\n\t\tuniform vec3 color;\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec4 vUv;\n\n\t\tfloat blendOverlay( float base, float blend ) {\n\n\t\t\treturn( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );\n\n\t\t}\n\n\t\tvec3 blendOverlay( vec3 base, vec3 blend ) {\n\n\t\t\treturn vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );\n\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvec4 base = texture2DProj( tDiffuse, vUv );\n\t\t\tgl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );\n\n\t\t}"},exports.Refractor=t;