three-base 2.0.130 → 2.0.134

package/pass/glow_pass.js

@@ -1,54 +1,54 @@
-/*
- * @Author: xiaosihan
- * @Date: 2023-05-09 00:35:17
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2025-01-28 04:13:16
- */
-import { Color, DepthFormat, DepthTexture, LinearFilter, NoBlending, NormalBlending, RGBAFormat, RawShaderMaterial, Scene, ShaderChunk, ShaderMaterial, UnsignedShortType, Vector2, WebGLRenderTarget, } from "three";
-import fsQuad from "./fsQuad";
-// 选中对象的深度纹理
-const selectDepthTexture = (() => {
-    const baseDepthTexture = new DepthTexture(4096, 4096);
-    baseDepthTexture.format = DepthFormat;
-    baseDepthTexture.type = UnsignedShortType;
-    baseDepthTexture.anisotropy = 16;
-    return baseDepthTexture;
-})();
-// 选中对象的纹理
-const selectTextureTarget = new WebGLRenderTarget(512, 512, {
-    minFilter: LinearFilter,
-    magFilter: LinearFilter,
-    format: RGBAFormat,
-    depthTexture: selectDepthTexture,
-    anisotropy: 16,
-});
-// 深度测试后的选中纹理
-const selectDethpTestTextureTarget = new WebGLRenderTarget(512, 512, {
-    minFilter: LinearFilter,
-    magFilter: LinearFilter,
-    format: RGBAFormat,
-    anisotropy: 16,
-});
-// 由于不能同时读写自己的纹理
-const blur1TextureTarget = new WebGLRenderTarget(512, 512, {
-    minFilter: LinearFilter,
-    magFilter: LinearFilter,
-    format: RGBAFormat,
-});
-// 所以需要用2个模糊纹理相互读写
-const blur2TextureTarget = new WebGLRenderTarget(512, 512, {
-    minFilter: LinearFilter,
-    magFilter: LinearFilter,
-    format: RGBAFormat,
-});
-const size = new Vector2();
-//深度比对纹理
-const depthTestShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null },
-        baseDepth: { value: null },
-        selectDepth: { value: null }, // 选中的对象深度纹理
-    },
+/*
+ * @Author: xiaosihan
+ * @Date: 2023-05-09 00:35:17
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2025-01-28 04:13:16
+ */
+import { Color, DepthFormat, DepthTexture, LinearFilter, NoBlending, NormalBlending, RGBAFormat, RawShaderMaterial, Scene, ShaderChunk, ShaderMaterial, UnsignedShortType, Vector2, WebGLRenderTarget, } from "three";
+import fsQuad from "./fsQuad";
+// 选中对象的深度纹理
+const selectDepthTexture = (() => {
+    const baseDepthTexture = new DepthTexture(4096, 4096);
+    baseDepthTexture.format = DepthFormat;
+    baseDepthTexture.type = UnsignedShortType;
+    baseDepthTexture.anisotropy = 16;
+    return baseDepthTexture;
+})();
+// 选中对象的纹理
+const selectTextureTarget = new WebGLRenderTarget(512, 512, {
+    minFilter: LinearFilter,
+    magFilter: LinearFilter,
+    format: RGBAFormat,
+    depthTexture: selectDepthTexture,
+    anisotropy: 16,
+});
+// 深度测试后的选中纹理
+const selectDethpTestTextureTarget = new WebGLRenderTarget(512, 512, {
+    minFilter: LinearFilter,
+    magFilter: LinearFilter,
+    format: RGBAFormat,
+    anisotropy: 16,
+});
+// 由于不能同时读写自己的纹理
+const blur1TextureTarget = new WebGLRenderTarget(512, 512, {
+    minFilter: LinearFilter,
+    magFilter: LinearFilter,
+    format: RGBAFormat,
+});
+// 所以需要用2个模糊纹理相互读写
+const blur2TextureTarget = new WebGLRenderTarget(512, 512, {
+    minFilter: LinearFilter,
+    magFilter: LinearFilter,
+    format: RGBAFormat,
+});
+const size = new Vector2();
+//深度比对纹理
+const depthTestShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 贴图纹理
+        baseDepth: { value: null }, // 整个场景的深度纹理
+        selectDepth: { value: null }, // 选中的对象深度纹理
+    },
     vertexShader: `
         ${ShaderChunk.common}
         ${ShaderChunk.logdepthbuf_pars_vertex}
@@ -58,7 +58,7 @@ const depthTestShader = new ShaderMaterial({
             gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
             ${ShaderChunk.logdepthbuf_vertex}
         }
-    `,
+    `,
     fragmentShader: `
         ${ShaderChunk.logdepthbuf_pars_fragment}
         uniform sampler2D map;
@@ -75,49 +75,20 @@ const depthTestShader = new ShaderMaterial({
             gl_FragColor = texture2D(map, vUv);
             ${ShaderChunk.logdepthbuf_fragment}
         }
-    `,
-    blending: NoBlending,
-    depthTest: true,
-    depthWrite: true,
-    transparent: true,
-});
-// 描边着色器
-const blurShader = new RawShaderMaterial({
-    uniforms: {
-        tDiffuse: { value: null },
-        color: { value: new Color("#0f0") },
-        width: { value: 1.0 },
-        opacity: { value: 1.0 },
-        resolution: { value: new Vector2(1 / 512, 1 / 512) },
-        offset: {
-            value: [
-                new Vector2(0.0, 1.0),
-                new Vector2(0.259, 0.966),
-                new Vector2(0.5, 0.866),
-                new Vector2(0.707, 0.707),
-                new Vector2(0.866, 0.5),
-                new Vector2(0.966, 0.259),
-                new Vector2(1.0, 0.0),
-                new Vector2(0.966, -0.259),
-                new Vector2(0.866, -0.5),
-                new Vector2(0.707, -0.707),
-                new Vector2(0.5, -0.866),
-                new Vector2(0.259, -0.966),
-                new Vector2(0.0, -1.0),
-                new Vector2(-0.259, -0.966),
-                new Vector2(-0.5, -0.866),
-                new Vector2(-0.707, -0.707),
-                new Vector2(-0.866, -0.5),
-                new Vector2(-0.966, -0.259),
-                new Vector2(-1.0, -0.0),
-                new Vector2(-0.966, 0.259),
-                new Vector2(-0.866, 0.5),
-                new Vector2(-0.707, 0.707),
-                new Vector2(-0.5, 0.866),
-                new Vector2(-0.259, 0.966),
-            ],
-        },
-    },
+    `,
+    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: true,
+    depthWrite: true,
+    transparent: true,
+});
+// 高斯模糊着色器 - 水平方向
+const gaussianBlurHShader = new RawShaderMaterial({
+    uniforms: {
+        tDiffuse: { value: null },
+        resolution: { value: new Vector2(1 / 512, 1 / 512) },
+        radius: { value: 1.0 },
+        sigma: { value: 1.0 },
+    },
     vertexShader: `
 		attribute vec3 position;
 		attribute vec2 uv;
@@ -125,56 +96,146 @@ const blurShader = new RawShaderMaterial({
 		void main() {
 			vUv = uv;
 			gl_Position = vec4(position, 1.0);
-		}`,
+		}`,
     fragmentShader: `
 		#ifdef GL_ES
 			precision highp float;
 		#endif
 		uniform sampler2D tDiffuse;
-		uniform vec3 color;
-		uniform float width;
-		uniform float opacity;
 		uniform vec2 resolution;
-		uniform vec2 offset[24];
+		uniform float radius;
+		uniform float sigma;
 		varying vec2 vUv;
-		vec2 piexl = resolution * width; // 描边厚度
-
-		vec4 stroke(){
-			vec4 blurColor = vec4(0.0);
-			vec4 Color = vec4(0.0);
-			int vSum = 0; // 周围像素点中和 visibleColor 相似的数量
-			for (int i = 0; i < 24; i++ ) {
-				Color = texture2D(tDiffuse, vUv + (offset[i] * piexl));
-				if (Color.a > 0.0) {
-					blurColor += Color;
-				}
-			}
-			if (blurColor.a < 0.001) {
-				return vec4(0.0);
-			} else {
-				return vec4(color, opacity);
+		
+		// 高斯函数
+		float gaussian(float x, float sigma) {
+			return exp(-(x * x) / (2.0 * sigma * sigma));
+		}
+		
+		void main() {
+			vec4 color = vec4(0.0);
+			float totalWeight = 0.0;
+			
+			// 计算高斯权重
+			for (int i = -10; i <= 10; i++) {
+				float x = float(i);
+				float weight = gaussian(x, sigma);
+				vec2 offset = vec2(x * radius * resolution.x, 0.0);
+				color += texture2D(tDiffuse, vUv + offset) * weight;
+				totalWeight += weight;
 			}
+			
+			gl_FragColor = color / totalWeight;
+		}`,
+    blending: NoBlending,
+    depthTest: false,
+    depthWrite: false,
+    transparent: true,
+});
+// 高斯模糊着色器 - 垂直方向
+const gaussianBlurVShader = new RawShaderMaterial({
+    uniforms: {
+        tDiffuse: { value: null },
+        resolution: { value: new Vector2(1 / 512, 1 / 512) },
+        radius: { value: 1.0 },
+        sigma: { value: 1.0 },
+    },
+    vertexShader: `
+		attribute vec3 position;
+		attribute vec2 uv;
+		varying vec2 vUv;
+		void main() {
+			vUv = uv;
+			gl_Position = vec4(position, 1.0);
+		}`,
+    fragmentShader: `
+		#ifdef GL_ES
+			precision highp float;
+		#endif
+		uniform sampler2D tDiffuse;
+		uniform vec2 resolution;
+		uniform float radius;
+		uniform float sigma;
+		varying vec2 vUv;
+		
+		// 高斯函数
+		float gaussian(float x, float sigma) {
+			return exp(-(x * x) / (2.0 * sigma * sigma));
 		}
+		
+		void main() {
+			vec4 color = vec4(0.0);
+			float totalWeight = 0.0;
+			
+			// 计算高斯权重
+			for (int i = -10; i <= 10; i++) {
+				float y = float(i);
+				float weight = gaussian(y, sigma);
+				vec2 offset = vec2(0.0, y * radius * resolution.y);
+				color += texture2D(tDiffuse, vUv + offset) * weight;
+				totalWeight += weight;
+			}
+			
+			gl_FragColor = color / totalWeight;
+		}`,
+    blending: NoBlending,
+    depthTest: false,
+    depthWrite: false,
+    transparent: true,
+});
+// 发光合成着色器
+const glowCompositeShader = new RawShaderMaterial({
+    uniforms: {
+        tDiffuse: { value: null },
+        color: { value: new Color("#0f0") },
+        opacity: { value: 1.0 },
+        threshold: { value: 0.0 },
+    },
+    vertexShader: `
+		attribute vec3 position;
+		attribute vec2 uv;
+		varying vec2 vUv;
+		void main() {
+			vUv = uv;
+			gl_Position = vec4(position, 1.0);
+		}`,
+    fragmentShader: `
+		#ifdef GL_ES
+			precision highp float;
+		#endif
+		uniform sampler2D tDiffuse;
+		uniform vec3 color;
+		uniform float opacity;
+		uniform float threshold;
+		varying vec2 vUv;
+		
 		void main() {
-			vec4 Color = texture2D(tDiffuse, vUv);
-			if (Color.a > 0.0 || width == 0.0) {
-				gl_FragColor = Color;
-			} else {
-				gl_FragColor = stroke();
+			vec4 texColor = texture2D(tDiffuse, vUv);
+			float alpha = texColor.a;
+			
+			// 应用阈值
+			if (alpha < threshold) {
+				gl_FragColor = vec4(0.0);
+				return;
 			}
-		}`,
-    blending: NoBlending,
-    depthTest: false,
-    depthWrite: false,
-    transparent: true,
-});
-// 过滤着色器
-const filterSelectShader = new RawShaderMaterial({
-    uniforms: {
-        selectTexture: { value: null },
-        blurTexture: { value: null },
-        opacity: { value: 1 },
-    },
+			
+			// 增强alpha值，确保发光效果明显
+			alpha = min(1.0, alpha * 2.0);
+			
+			gl_FragColor = vec4(color, alpha * opacity);
+		}`,
+    blending: NoBlending,
+    depthTest: false,
+    depthWrite: false,
+    transparent: true,
+});
+// 过滤着色器 - 修复alpha计算逻辑
+const filterSelectShader = new RawShaderMaterial({
+    uniforms: {
+        selectTexture: { value: null },
+        blurTexture: { value: null },
+        opacity: { value: 1 },
+    },
     vertexShader: `
 		attribute vec3 position;
 		attribute vec2 uv;
@@ -183,7 +244,7 @@ const filterSelectShader = new RawShaderMaterial({
 			vUv = uv;
 			gl_Position = vec4(position, 1.0);
 		}
-	`,
+	`,
     fragmentShader: `
 		#ifdef GL_ES
 			precision highp float;
@@ -194,20 +255,30 @@ const filterSelectShader = new RawShaderMaterial({
 		varying vec2 vUv;
 
 		void main() {
-			gl_FragColor = texture2D(blurTexture, vUv);
-			gl_FragColor.a -= (texture2D(selectTexture, vUv).a);
-			gl_FragColor.a *= opacity;
+			// 获取模糊后的纹理和原始纹理
+			vec4 blurColor = texture2D(blurTexture, vUv);
+			vec4 selectColor = texture2D(selectTexture, vUv);
+			
+			// 计算辉光部分：模糊纹理 - 原始纹理，确保alpha非负
+			vec4 glowColor = blurColor - selectColor;
+			glowColor.a = max(0.0, glowColor.a);
+			
+			// 应用透明度
+			glowColor.a *= opacity;
+			
+			// 设置最终颜色
+			gl_FragColor = glowColor;
 		}
-	`,
-    blending: NoBlending,
-    depthTest: false,
-    depthWrite: false,
-    transparent: true,
-});
-const copyShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null }, // 贴图纹理
-    },
+	`,
+    blending: NormalBlending, // 与现有纹理融合
+    depthTest: false,
+    depthWrite: false,
+    transparent: true,
+});
+const copyShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 贴图纹理
+    },
     vertexShader: `
         ${ShaderChunk.common}
         ${ShaderChunk.logdepthbuf_pars_vertex}
@@ -219,7 +290,7 @@ const copyShader = new ShaderMaterial({
             gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
             ${ShaderChunk.logdepthbuf_vertex}
         }
-    `,
+    `,
     fragmentShader: `
         ${ShaderChunk.logdepthbuf_pars_fragment}
         uniform sampler2D map;
@@ -228,108 +299,93 @@ const copyShader = new ShaderMaterial({
             gl_FragColor = texture2D(map, vUv);
             ${ShaderChunk.logdepthbuf_fragment}
         }
-    `,
-    depthTest: true,
-    depthWrite: true,
-    transparent: true,
-});
-// 场景对象
-const scene = new Scene();
-// 对象发光
-export default function glow_pass(renderer, camera, object3d, baseDepthTexture, devicePixelRatio) {
-    const { glow_enable = false, glow_color = "#04fa12", glow_width = 1, glow_opacity = 1, } = object3d.userData;
-    if (!glow_enable || glow_width === 0) {
-        return;
-    }
-    // 保存原帧缓冲区
-    const originRenderTarget = renderer.getRenderTarget();
-    // 设置选中目标的帧缓冲区
-    renderer.getSize(size);
-    size.multiplyScalar(devicePixelRatio);
-    selectTextureTarget.setSize(size.x, size.y);
-    selectDethpTestTextureTarget.setSize(size.x, size.y);
-    blur1TextureTarget.setSize(size.x, size.y);
-    blur2TextureTarget.setSize(size.x, size.y);
-    renderer.setRenderTarget(selectTextureTarget);
-    scene.children = [object3d];
-    renderer.clear();
-    renderer.render(scene, camera);
-    // 设置描边着色器的分辨率
-    blurShader.uniforms.resolution.value.set(1 / size.x, 1 / size.y);
-    //描边颜色
-    blurShader.uniforms.color.value.set(glow_color);
-    blurShader.uniforms.width.value = glow_width / 10;
-    //使用深度纹理提取选中的对象未被遮挡的像素点
-    renderer.setRenderTarget(selectDethpTestTextureTarget);
-    renderer.clear();
-    depthTestShader.uniforms.map.value = selectTextureTarget.texture;
-    depthTestShader.uniforms.baseDepth.value = baseDepthTexture;
-    depthTestShader.uniforms.selectDepth.value = selectDepthTexture;
-    fsQuad.render(renderer, depthTestShader);
-    //一次描边
-    renderer.setRenderTarget(blur1TextureTarget);
-    blurShader.uniforms.tDiffuse.value = selectDethpTestTextureTarget.texture;
-    blurShader.uniforms.opacity.value = 1.0;
-    fsQuad.render(renderer, blurShader);
-    //二次描边
-    renderer.setRenderTarget(blur2TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.9;
-    fsQuad.render(renderer, blurShader);
-    //三次描边
-    renderer.setRenderTarget(blur1TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.8;
-    fsQuad.render(renderer, blurShader);
-    //四次描边
-    renderer.setRenderTarget(blur2TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.7;
-    fsQuad.render(renderer, blurShader);
-    //五次描边
-    renderer.setRenderTarget(blur1TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.6;
-    fsQuad.render(renderer, blurShader);
-    //六次描边
-    renderer.setRenderTarget(blur2TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.5;
-    fsQuad.render(renderer, blurShader);
-    //七次描边
-    renderer.setRenderTarget(blur1TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.4;
-    fsQuad.render(renderer, blurShader);
-    //八次描边
-    renderer.setRenderTarget(blur2TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.3;
-    fsQuad.render(renderer, blurShader);
-    //九次描边
-    renderer.setRenderTarget(blur1TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.2;
-    fsQuad.render(renderer, blurShader);
-    //十次描边
-    renderer.setRenderTarget(blur2TextureTarget);
-    blurShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
-    blurShader.uniforms.opacity.value = 0.1;
-    fsQuad.render(renderer, blurShader);
-    renderer.setRenderTarget(blur1TextureTarget);
-    copyShader.uniforms.map.value = blur2TextureTarget.texture;
-    fsQuad.render(renderer, copyShader);
-    // 还原帧缓冲区 减去原始纹理保留描边
-    renderer.setRenderTarget(originRenderTarget);
-    filterSelectShader.uniforms.selectTexture.value = selectDethpTestTextureTarget.texture;
-    filterSelectShader.uniforms.blurTexture.value = blur1TextureTarget.texture;
-    filterSelectShader.uniforms.opacity.value = glow_opacity;
-    filterSelectShader.blending = NormalBlending; // 与有的纹理融合计算 保留前面通道传递下来的纹理
-    fsQuad.render(renderer, filterSelectShader);
-    // 调试代码
-    // renderer.setRenderTarget(null);
-    // renderer.clearDepth();
-    // copyShader.uniforms.map.value = blur2TextureTarget.texture;
-    // fsQuad.render(renderer, copyShader);
-    // return;
-}
+    `,
+    depthTest: true,
+    depthWrite: true,
+    transparent: true,
+});
+// 场景对象
+const scene = new Scene();
+// 对象发光
+export default function glow_pass(renderer, camera, object3d, baseDepthTexture, devicePixelRatio) {
+    const { glow_enable = false, glow_color = "#04fa12", glow_width = 1, glow_opacity = 1, glow_sigma = 2.0, // 高斯模糊的标准差
+    glow_threshold = 0.0, // 发光阈值，默认0确保辉光显示
+    glow_iterations = 10, // 模糊迭代次数
+     } = object3d.userData;
+    if (!glow_enable || glow_width === 0) {
+        return;
+    }
+    // 保存原帧缓冲区
+    const originRenderTarget = renderer.getRenderTarget();
+    // 设置选中目标的帧缓冲区
+    renderer.getSize(size);
+    size.multiplyScalar(devicePixelRatio);
+    selectTextureTarget.setSize(size.x, size.y);
+    selectDethpTestTextureTarget.setSize(size.x, size.y);
+    blur1TextureTarget.setSize(size.x, size.y);
+    blur2TextureTarget.setSize(size.x, size.y);
+    // 1. 将对象渲染到临时纹理
+    renderer.setRenderTarget(selectTextureTarget);
+    scene.children = [object3d];
+    renderer.clear();
+    renderer.render(scene, camera);
+    // 2. 使用深度纹理提取选中的对象未被遮挡的像素点
+    renderer.setRenderTarget(selectDethpTestTextureTarget);
+    renderer.clear();
+    depthTestShader.uniforms.map.value = selectTextureTarget.texture;
+    depthTestShader.uniforms.baseDepth.value = baseDepthTexture;
+    depthTestShader.uniforms.selectDepth.value = selectDepthTexture;
+    fsQuad.render(renderer, depthTestShader);
+    // 3. 设置高斯模糊参数
+    const blurRadius = glow_width * 2.0; // 增加模糊半径，使辉光更明显
+    gaussianBlurHShader.uniforms.resolution.value.set(1 / size.x, 1 / size.y);
+    gaussianBlurVShader.uniforms.resolution.value.set(1 / size.x, 1 / size.y);
+    gaussianBlurHShader.uniforms.radius.value = blurRadius;
+    gaussianBlurVShader.uniforms.radius.value = blurRadius;
+    gaussianBlurHShader.uniforms.sigma.value = glow_sigma;
+    gaussianBlurVShader.uniforms.sigma.value = glow_sigma;
+    // 4. 执行高斯模糊 - 简化逻辑，确保可靠性
+    // 第一次模糊
+    renderer.setRenderTarget(blur1TextureTarget);
+    renderer.clear();
+    gaussianBlurHShader.uniforms.tDiffuse.value = selectDethpTestTextureTarget.texture;
+    fsQuad.render(renderer, gaussianBlurHShader);
+    renderer.setRenderTarget(blur2TextureTarget);
+    renderer.clear();
+    gaussianBlurVShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
+    fsQuad.render(renderer, gaussianBlurVShader);
+    // 如果需要多次迭代，继续模糊
+    if (glow_iterations > 1) {
+        for (let i = 1; i < glow_iterations; i++) {
+            renderer.setRenderTarget(blur1TextureTarget);
+            renderer.clear();
+            gaussianBlurHShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
+            fsQuad.render(renderer, gaussianBlurHShader);
+            renderer.setRenderTarget(blur2TextureTarget);
+            renderer.clear();
+            gaussianBlurVShader.uniforms.tDiffuse.value = blur1TextureTarget.texture;
+            fsQuad.render(renderer, gaussianBlurVShader);
+        }
+    }
+    // 5. 发光合成 - 使用最终的模糊结果
+    renderer.setRenderTarget(blur1TextureTarget);
+    renderer.clear();
+    glowCompositeShader.uniforms.tDiffuse.value = blur2TextureTarget.texture;
+    glowCompositeShader.uniforms.color.value.set(glow_color);
+    glowCompositeShader.uniforms.opacity.value = 1.0;
+    glowCompositeShader.uniforms.threshold.value = glow_threshold;
+    fsQuad.render(renderer, glowCompositeShader);
+    // 6. 还原帧缓冲区 减去原始纹理保留发光部分
+    renderer.setRenderTarget(originRenderTarget);
+    filterSelectShader.uniforms.selectTexture.value = selectDethpTestTextureTarget.texture;
+    filterSelectShader.uniforms.blurTexture.value = blur1TextureTarget.texture;
+    filterSelectShader.uniforms.opacity.value = glow_opacity;
+    filterSelectShader.blending = NormalBlending; // 与有的纹理融合计算 保留前面通道传递下来的纹理
+    fsQuad.render(renderer, filterSelectShader);
+    // 调试代码
+    // renderer.setRenderTarget(null);
+    // renderer.clearDepth();
+    // copyShader.uniforms.map.value = blur1TextureTarget.texture;
+    // fsQuad.render(renderer, copyShader);
+    // return;
+}

package/pass/ssao_pass.d.ts

@@ -0,0 +1,11 @@
+import { Camera, DepthTexture, WebGLRenderer } from "three";
+export default function ssao_pass(renderer: WebGLRenderer, camera: Camera, depthTexture: DepthTexture, devicePixelRatio: number, options: {
+    enable: boolean;
+    radius?: number;
+    bias?: number;
+    intensity?: number;
+    sampleCount?: number;
+    blurRadius?: number;
+    strength?: number;
+    cameraFar?: number;
+}): void;