three-base 2.0.129 → 2.0.134

package/declare.d.ts

@@ -0,0 +1,167 @@
+// three 子路径模块声明
+declare module "three/src/math/MathUtils" {
+    export { degToRad, generateUUID, radToDeg, clamp, mapLinear, lerp, randFloat, randFloatSpread, seedRandom } from "three";
+}
+declare module "three/src/math/Vector3" {
+    export { Vector3 } from "three";
+}
+
+// three examples 声明
+declare module "three/examples/jsm/controls/OrbitControls.js" {
+    export { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
+}
+declare module "three/examples/jsm/loaders/DRACOLoader" {
+    export class DRACOLoader {
+        setDecoderPath(path: string): void;
+        setDecoderConfig(config: object): void;
+        preload(): void;
+        dispose(): void;
+    }
+}
+declare module "three/examples/jsm/loaders/FBXLoader" {
+    import { Loader, Group } from "three";
+    export class FBXLoader extends Loader {
+        load(url: string, onLoad?: (object: Group) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): Group;
+        parse(FBXBuffer: ArrayBuffer | string, path: string): Group;
+    }
+}
+declare module "three/examples/jsm/loaders/GLTFLoader" {
+    import { Loader, Group, AnimationClip, Scene } from "three";
+    export class GLTFLoader extends Loader {
+        load(url: string, onLoad?: (gltf: GLTF) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
+        setDRACOLoader(dracoLoader: any): this;
+        parse(data: ArrayBuffer | string, path: string, onLoad: (gltf: GLTF) => void, onError?: (event: ErrorEvent) => void): void;
+    }
+    export interface GLTF {
+        scene: Scene;
+        scenes: Scene[];
+        cameras: any[];
+        animations: AnimationClip[];
+        asset: object;
+    }
+}
+declare module "three/examples/jsm/loaders/MTLLoader" {
+    import { Loader, Material } from "three";
+    export class MTLLoader extends Loader {
+        load(url: string, onLoad?: (materials: MTLLoader.MaterialCreator) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
+        parse(text: string): MTLLoader.MaterialCreator;
+    }
+    export namespace MTLLoader {
+        class MaterialCreator {
+            materials: { [key: string]: Material };
+            asynchornous: boolean;
+            setCrossOrigin(origin: string): void;
+            setManager(manager: any): void;
+            setMaterials(materials: object): void;
+            preload(): void;
+        }
+    }
+}
+declare module "three/examples/jsm/loaders/OBJLoader" {
+    import { Loader, Group, Material } from "three";
+    export class OBJLoader extends Loader {
+        load(url: string, onLoad?: (object: Group) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): Group;
+        setMaterials(materials: any): this;
+        parse(text: string): Group;
+        materials: { [key: string]: Material };
+    }
+}
+declare module "three/examples/jsm/loaders/STLLoader" {
+    import { Loader, BufferGeometry } from "three";
+    export class STLLoader extends Loader {
+        load(url: string, onLoad?: (geometry: BufferGeometry) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
+        parse(data: ArrayBuffer | string): BufferGeometry;
+    }
+}
+declare module "three/examples/jsm/loaders/USDZLoader" {
+    import { Loader, Group } from "three";
+    export class USDZLoader extends Loader {
+        load(url: string, onLoad?: (object: Group) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
+        loadAsync(url: string, onProgress?: (event: ProgressEvent) => void): Promise<Group>;
+        parse(buffer: ArrayBuffer): Group;
+    }
+}
+declare module "three/examples/jsm/math/Capsule" {
+    import { Vector3 } from "three";
+    export class Capsule {
+        start: Vector3;
+        end: Vector3;
+        radius: number;
+        constructor(start?: Vector3, end?: Vector3, radius?: number);
+        clone(): Capsule;
+        set(start: Vector3, end: Vector3, radius: number): this;
+        copy(capsule: Capsule): this;
+        translate(v: Vector3): this;
+        getPointAtDistance(distance: number, target: Vector3): Vector3;
+    }
+}
+declare module "three/examples/jsm/math/Octree" {
+    import { Box3, Sphere, Triangle, Vector3, Ray, Mesh, Object3D } from "three";
+    interface OctreeRaycastResult {
+        distance: number;
+        point: Vector3;
+        face: any;
+        object: any;
+        position: Vector3;
+    }
+    export class Octree {
+        box: Box3;
+        constructor(box?: Box3);
+        addTriangle(triangle: Triangle): this;
+        addMesh(mesh: Mesh): this;
+        reset(): this;
+        build(): this;
+        raycast(ray: Ray): OctreeRaycastResult[];
+        intersectsSphere(sphere: Sphere): boolean;
+        fromGraphNode(object: Object3D): this;
+        rayIntersect(ray: Ray): OctreeRaycastResult;
+        split(depth?: number): void;
+        clear(): this;
+    }
+}
+declare module "three/examples/jsm/objects/Water" {
+    import { Mesh, Texture, Vector3 } from "three";
+    export interface WaterOptions {
+        textureWidth?: number;
+        textureHeight?: number;
+        clipBias?: number;
+        alpha?: number;
+        time?: number;
+        waterNormals?: Texture;
+        sunDirection?: Vector3;
+        sunColor?: number | string;
+        waterColor?: number | string;
+        eye?: Vector3;
+        distortionScale?: number;
+        side?: number;
+        fog?: boolean;
+    }
+    export class Water extends Mesh {
+        material: any;
+        constructor(geometry: any, options: WaterOptions);
+    }
+}
+declare module "three/examples/jsm/utils/SkeletonUtils" {
+    import { Object3D } from "three";
+    export function clone(source: Object3D): Object3D;
+    export function retarget(target: Object3D, source: Object3D, options?: any): void;
+    export function retargetClip(target: Object3D, source: Object3D, clip: any, options?: any): any;
+}
+declare module "three/examples/jsm/postprocessing/UnrealBloomPass" {
+    import { Pass } from "three/examples/jsm/postprocessing/Pass";
+    import { Vector2 } from "three";
+    export class UnrealBloomPass extends Pass {
+        constructor(resolution: Vector2, strength: number, radius: number, threshold: number);
+        strength: number;
+        radius: number;
+        threshold: number;
+        setSize(width: number, height: number): void;
+        render(renderer: any, writeBuffer: any, readBuffer: any, deltaTime: number, maskActive: boolean): void;
+    }
+}
+declare module "three/examples/jsm/exporters/GLTFExporter" {
+    export class GLTFExporter {
+        parse(input: any, onDone: (gltf: any) => void, onError?: (error: ErrorEvent) => void, options?: any): void;
+        parseAsync(input: any, options?: any): Promise<any>;
+    }
+}

package/index.d.ts

@@ -1 +1 @@
-export { default } from "./ThreeBase";
+export { default } from "./ThreeBase";

package/index.js

@@ -1,2 +1,2 @@
-// 基类
-export { default } from "./ThreeBase";
+// 基类
+export { default } from "./ThreeBase";

package/keyContorls.d.ts

@@ -1,25 +1,25 @@
-import { EventDispatcher, EventListener, Vector3 } from "three";
-/**
- * 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
- *
- * @class KeyContorls
- * @extends {EventDispatcher}
- */
-declare class KeyContorls extends EventDispatcher {
-    constructor();
-    uuid: string;
-    direction: Vector3;
-    add(e: any): void;
-    delete(e: any): void;
-    enter(e: any): void;
-    keyDown: (e: any) => void;
-    _listeners?: {
-        [key: string]: Array<any>;
-    };
-    removeEvent: import("lodash").DebouncedFuncLeading<(type: string) => void>;
-    addEventListener<T extends string>(type: T, listener: EventListener<{}, T, this>): void;
-    addEvent(): void;
-    dispose(): void;
-}
-declare const keyContorls: KeyContorls;
-export default keyContorls;
+import { EventDispatcher, EventListener, Vector3 } from "three";
+/**
+ * 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
+ *
+ * @class KeyContorls
+ * @extends {EventDispatcher}
+ */
+declare class KeyContorls extends EventDispatcher {
+    constructor();
+    uuid: any;
+    direction: Vector3;
+    add(e: any): void;
+    delete(e: any): void;
+    enter(e: any): void;
+    keyDown: (e: any) => void;
+    _listeners?: {
+        [key: string]: Array<any>;
+    };
+    removeEvent: import("lodash").DebouncedFuncLeading<(type: string) => void>;
+    addEventListener<T extends string>(type: T, listener: EventListener<{}, T, this>): void;
+    addEvent(): void;
+    dispose(): void;
+}
+declare const keyContorls: KeyContorls;
+export default keyContorls;

package/keyContorls.js

@@ -1,98 +1,98 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-03-20 14:48:33
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2022-09-30 00:12:28
- */
-import { throttle } from "lodash";
-import { EventDispatcher, Vector3 } from "three";
-import { generateUUID } from "three/src/math/MathUtils";
-/**
- * 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
- *
- * @class KeyContorls
- * @extends {EventDispatcher}
- */
-class KeyContorls extends EventDispatcher {
-    constructor() {
-        super();
-        this.addEvent();
-    }
-    uuid = generateUUID();
-    direction = new Vector3(0, 0, 0);
-    // 添加事件需要由外部实现
-    add(e) {
-        this.dispatchEvent({ ...e, type: "add" });
-    }
-    // 删除事件
-    delete(e) {
-        this.dispatchEvent({ ...e, type: "delete" });
-    }
-    // 回车按钮
-    enter(e) {
-        this.dispatchEvent({ ...e, type: "enter" });
-    }
-    keyDown = (e) => {
-        switch (e.keyCode) {
-            case 46: // 删除按钮
-                this.delete(e);
-                return;
-            case 13: // 回车按钮
-                this.enter(e);
-                return;
-            case 97: // 小键盘1
-                this.direction.set(0, 1, 0);
-                break;
-            case 96: // 小键盘0
-                this.direction.set(0, -1, 0);
-                break;
-            case 35: // 
-                this.direction.set(0, 0.001, 0);
-                break;
-            case 45:
-                this.direction.set(0, -0.001, 0);
-                break;
-            case 38: // 前
-                this.direction.set(0, 0, -1);
-                break;
-            case 37: // 后
-                this.direction.set(-1, 0, 0);
-                break;
-            case 40: // 左
-                this.direction.set(0, 0, 1);
-                break;
-            case 39: // 右
-                this.direction.set(1, 0, 0);
-                break;
-            default:
-                return;
-        }
-        if (e.shiftKey) {
-            this.direction.multiplyScalar(0.001);
-        }
-        if (e.ctrlKey) {
-            this.direction.multiplyScalar(0.1);
-        }
-        this.dispatchEvent({
-            type: "change",
-            direction: this.direction
-        });
-    };
-    _listeners;
-    // 节流 删除事件监听
-    removeEvent = throttle((type) => {
-        this._listeners = undefined;
-    }, 1000, { trailing: false });
-    addEventListener(type, listener) {
-        this.removeEvent(type);
-        super.addEventListener(type, listener);
-    }
-    addEvent() {
-        document.addEventListener("keydown", this.keyDown);
-    }
-    dispose() {
-        document.removeEventListener("keydown", this.keyDown);
-    }
-}
-const keyContorls = new KeyContorls();
-export default keyContorls;
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-03-20 14:48:33
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2022-09-30 00:12:28
+ */
+import { throttle } from "lodash";
+import { EventDispatcher, Vector3 } from "three";
+import { generateUUID } from "three/src/math/MathUtils";
+/**
+ * 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
+ *
+ * @class KeyContorls
+ * @extends {EventDispatcher}
+ */
+class KeyContorls extends EventDispatcher {
+    constructor() {
+        super();
+        this.addEvent();
+    }
+    uuid = generateUUID();
+    direction = new Vector3(0, 0, 0);
+    // 添加事件需要由外部实现
+    add(e) {
+        this.dispatchEvent({ ...e, type: "add" });
+    }
+    // 删除事件
+    delete(e) {
+        this.dispatchEvent({ ...e, type: "delete" });
+    }
+    // 回车按钮
+    enter(e) {
+        this.dispatchEvent({ ...e, type: "enter" });
+    }
+    keyDown = (e) => {
+        switch (e.keyCode) {
+            case 46: // 删除按钮
+                this.delete(e);
+                return;
+            case 13: // 回车按钮
+                this.enter(e);
+                return;
+            case 97: // 小键盘1
+                this.direction.set(0, 1, 0);
+                break;
+            case 96: // 小键盘0
+                this.direction.set(0, -1, 0);
+                break;
+            case 35: // 
+                this.direction.set(0, 0.001, 0);
+                break;
+            case 45:
+                this.direction.set(0, -0.001, 0);
+                break;
+            case 38: // 前
+                this.direction.set(0, 0, -1);
+                break;
+            case 37: // 后
+                this.direction.set(-1, 0, 0);
+                break;
+            case 40: // 左
+                this.direction.set(0, 0, 1);
+                break;
+            case 39: // 右
+                this.direction.set(1, 0, 0);
+                break;
+            default:
+                return;
+        }
+        if (e.shiftKey) {
+            this.direction.multiplyScalar(0.001);
+        }
+        if (e.ctrlKey) {
+            this.direction.multiplyScalar(0.1);
+        }
+        this.dispatchEvent({
+            type: "change",
+            direction: this.direction
+        });
+    };
+    _listeners;
+    // 节流 删除事件监听
+    removeEvent = throttle((type) => {
+        this._listeners = undefined;
+    }, 1000, { trailing: false });
+    addEventListener(type, listener) {
+        this.removeEvent(type);
+        super.addEventListener(type, listener);
+    }
+    addEvent() {
+        document.addEventListener("keydown", this.keyDown);
+    }
+    dispose() {
+        document.removeEventListener("keydown", this.keyDown);
+    }
+}
+const keyContorls = new KeyContorls();
+export default keyContorls;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-base",
-  "version": "2.0.129",
+  "version": "2.0.134",
   "description": "three 3d three-base",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/pass/bloom_pass.d.ts

@@ -1,2 +1,2 @@
-import { WebGLRenderer, Camera, Object3D, DepthTexture, WebGLRenderTarget } from "three";
-export default function bloom_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseRenderTarget: WebGLRenderTarget, baseDepthTexture: DepthTexture, devicePixelRatio: number): void;
+import { WebGLRenderer, Camera, Object3D, DepthTexture, WebGLRenderTarget } from "three";
+export default function bloom_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseRenderTarget: WebGLRenderTarget, baseDepthTexture: DepthTexture, devicePixelRatio: number): void;

package/pass/bloom_pass.js

@@ -1,43 +1,43 @@
-/*
- * @Author: xiaosihan
- * @Date: 2024-09-23 21:51:29
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2025-01-28 05:05:49
- */
-import { DepthTexture, DepthFormat, LinearFilter, RGBAFormat, UnsignedShortType, WebGLRenderTarget, Scene, Vector2, ShaderChunk, NoBlending, ShaderMaterial, AdditiveBlending, } from "three";
-import { UnrealBloomPass } from "three/examples/jsm/postprocessing/UnrealBloomPass";
-import copyShader from "../shaders/copyShader";
-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 depthTestShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null },
-        baseDepth: { value: null },
-        selectDepth: { value: null }, // 选中的对象深度纹理
-    },
+/*
+ * @Author: xiaosihan
+ * @Date: 2024-09-23 21:51:29
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2025-01-28 05:05:49
+ */
+import { DepthTexture, DepthFormat, LinearFilter, RGBAFormat, UnsignedShortType, WebGLRenderTarget, Scene, Vector2, ShaderChunk, NoBlending, ShaderMaterial, AdditiveBlending } from "three";
+import { UnrealBloomPass } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import copyShader from "../shaders/copyShader";
+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 depthTestShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 贴图纹理
+        baseDepth: { value: null }, // 整个场景的深度纹理
+        selectDepth: { value: null }, // 选中的对象深度纹理
+    },
     vertexShader: `
         ${ShaderChunk.common}
         ${ShaderChunk.logdepthbuf_pars_vertex}
@@ -47,7 +47,7 @@ const depthTestShader = new ShaderMaterial({
             gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
             ${ShaderChunk.logdepthbuf_vertex}
         }
-    `,
+    `,
     fragmentShader: `
         ${ShaderChunk.logdepthbuf_pars_fragment}
         uniform sampler2D map;
@@ -64,61 +64,61 @@ const depthTestShader = new ShaderMaterial({
             gl_FragColor = texture2D(map, vUv);
             ${ShaderChunk.logdepthbuf_fragment}
         }
-    `,
-    blending: NoBlending,
-    depthTest: true,
-    depthWrite: true,
-    transparent: true,
-});
-const blendMaterial = copyShader.clone();
-blendMaterial.blending = AdditiveBlending;
-const size = new Vector2();
-// 场景对象
-const scene = new Scene();
-const bloomPass = new UnrealBloomPass(new Vector2(1024, 1024), 1.5, 0.4, 0.85);
-// bloomPass.threshold = params.threshold;
-// bloomPass.strength = params.strength;
-// bloomPass.radius = params.radius;
-// 发光后期通道
-export default function bloom_pass(renderer, camera, object3d, baseRenderTarget, baseDepthTexture, devicePixelRatio) {
-    const { bloom_enable = false, bloom_threshold = 1.5, bloom_strength = 0.4, bloom_radius = 0.85, } = object3d.userData;
-    // 不满足条件就不渲染发光效果
-    if (!bloom_enable || (bloom_strength === 0) || (bloom_radius === 0)) {
-        return;
-    }
-    bloomPass.threshold = bloom_threshold;
-    bloomPass.strength = bloom_strength;
-    bloomPass.radius = bloom_radius;
-    // 保存原帧缓冲区
-    const originRenderTarget = renderer.getRenderTarget();
-    // 设置选中目标的帧缓冲区
-    renderer.getSize(size);
-    size.multiplyScalar(devicePixelRatio);
-    bloomPass.setSize(size.x, size.y);
-    selectTextureTarget.setSize(size.x, size.y);
-    selectDethpTestTextureTarget.setSize(size.x, size.y);
-    renderer.setRenderTarget(selectTextureTarget);
-    scene.children = [object3d];
-    renderer.clear();
-    renderer.render(scene, camera);
-    //使用深度纹理提取选中的对象未被遮挡的像素点
-    renderer.setRenderTarget(selectDethpTestTextureTarget);
-    renderer.clear();
-    depthTestShader.uniforms.map.value = baseRenderTarget.texture;
-    depthTestShader.uniforms.baseDepth.value = baseDepthTexture;
-    depthTestShader.uniforms.selectDepth.value = selectDepthTexture;
-    fsQuad.render(renderer, depthTestShader);
-    // 渲染辉光
-    bloomPass.render(renderer, selectDethpTestTextureTarget, selectDethpTestTextureTarget, 0, false);
-    // 将发光效果与原始帧缓冲区混合
-    renderer.setRenderTarget(originRenderTarget);
-    renderer.clearDepth();
-    blendMaterial.uniforms.map.value = selectDethpTestTextureTarget.texture;
-    fsQuad.render(renderer, blendMaterial);
-    // 调试代码
-    // renderer.setRenderTarget(null);
-    // renderer.clearDepth();
-    // copyShader.uniforms.map.value = blur2TextureTarget.texture;
-    // fsQuad.render(renderer, copyShader);
-    // return;
-}
+    `,
+    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: true,
+    depthWrite: true,
+    transparent: true,
+});
+const blendMaterial = copyShader.clone();
+blendMaterial.blending = AdditiveBlending;
+const size = new Vector2();
+// 场景对象
+const scene = new Scene();
+const bloomPass = new UnrealBloomPass(new Vector2(1024, 1024), 1.5, 0.4, 0.85);
+// bloomPass.threshold = params.threshold;
+// bloomPass.strength = params.strength;
+// bloomPass.radius = params.radius;
+// 发光后期通道
+export default function bloom_pass(renderer, camera, object3d, baseRenderTarget, baseDepthTexture, devicePixelRatio) {
+    const { bloom_enable = false, bloom_threshold = 1.5, bloom_strength = 0.4, bloom_radius = 0.85, } = object3d.userData;
+    // 不满足条件就不渲染发光效果
+    if (!bloom_enable || (bloom_strength === 0) || (bloom_radius === 0)) {
+        return;
+    }
+    bloomPass.threshold = bloom_threshold;
+    bloomPass.strength = bloom_strength;
+    bloomPass.radius = bloom_radius;
+    // 保存原帧缓冲区
+    const originRenderTarget = renderer.getRenderTarget();
+    // 设置选中目标的帧缓冲区
+    renderer.getSize(size);
+    size.multiplyScalar(devicePixelRatio);
+    bloomPass.setSize(size.x, size.y);
+    selectTextureTarget.setSize(size.x, size.y);
+    selectDethpTestTextureTarget.setSize(size.x, size.y);
+    renderer.setRenderTarget(selectTextureTarget);
+    scene.children = [object3d];
+    renderer.clear();
+    renderer.render(scene, camera);
+    //使用深度纹理提取选中的对象未被遮挡的像素点
+    renderer.setRenderTarget(selectDethpTestTextureTarget);
+    renderer.clear();
+    depthTestShader.uniforms.map.value = baseRenderTarget.texture;
+    depthTestShader.uniforms.baseDepth.value = baseDepthTexture;
+    depthTestShader.uniforms.selectDepth.value = selectDepthTexture;
+    fsQuad.render(renderer, depthTestShader);
+    // 渲染辉光
+    bloomPass.render(renderer, selectDethpTestTextureTarget, selectDethpTestTextureTarget, 0, false);
+    // 将发光效果与原始帧缓冲区混合
+    renderer.setRenderTarget(originRenderTarget);
+    renderer.clearDepth();
+    blendMaterial.uniforms.map.value = selectDethpTestTextureTarget.texture;
+    fsQuad.render(renderer, blendMaterial);
+    // 调试代码
+    // renderer.setRenderTarget(null);
+    // renderer.clearDepth();
+    // copyShader.uniforms.map.value = blur2TextureTarget.texture;
+    // fsQuad.render(renderer, copyShader);
+    // return;
+}

package/pass/cover_pass.d.ts

@@ -1,2 +1,2 @@
-import { Camera, DepthTexture, Object3D, WebGLRenderer } from "three";
-export default function cover_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseDepthTexture: DepthTexture, devicePixelRatio: number): void;
+import { Camera, DepthTexture, Object3D, WebGLRenderer } from "three";
+export default function cover_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseDepthTexture: DepthTexture, devicePixelRatio: number): void;