three-base 2.0.65 → 2.0.67

package/shaders.js

@@ -1,61 +1,61 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-03-24 16:38:35
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2022-04-02 18:28:38
- */
-import { BufferGeometry, Color, Float32BufferAttribute, Mesh, NoBlending, OrthographicCamera, ShaderChunk, ShaderMaterial, Vector2 } from "three";
-// https://github.com/mrdoob/three.js/pull/21358
-const _geometry = new BufferGeometry();
-_geometry.setAttribute("position", new Float32BufferAttribute([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3));
-_geometry.setAttribute("uv", new Float32BufferAttribute([0, 2, 0, 0, 2, 0], 2));
-class FullScreenQuad {
-    constructor() {
-        this._mesh = new Mesh(_geometry);
-    }
-    _mesh;
-    dispose() {
-        this._mesh.geometry.dispose();
-    }
-    render(renderer) {
-        renderer.render(this._mesh, orthographicCamera);
-    }
-    get material() {
-        return this._mesh.material;
-    }
-    set material(value) {
-        this._mesh.material = value;
-    }
-}
-// 常用着色器及工具
-// 全屏渲染模型
-export const fullScreenMesh = new FullScreenQuad();
-export const orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
-// 清理着色器
-export const clearShader = new ShaderMaterial({
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-03-24 16:38:35
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2022-04-02 18:28:38
+ */
+import { BufferGeometry, Color, Float32BufferAttribute, Mesh, NoBlending, OrthographicCamera, ShaderChunk, ShaderMaterial, Vector2 } from "three";
+// https://github.com/mrdoob/three.js/pull/21358
+const _geometry = new BufferGeometry();
+_geometry.setAttribute("position", new Float32BufferAttribute([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3));
+_geometry.setAttribute("uv", new Float32BufferAttribute([0, 2, 0, 0, 2, 0], 2));
+class FullScreenQuad {
+    constructor() {
+        this._mesh = new Mesh(_geometry);
+    }
+    _mesh;
+    dispose() {
+        this._mesh.geometry.dispose();
+    }
+    render(renderer) {
+        renderer.render(this._mesh, orthographicCamera);
+    }
+    get material() {
+        return this._mesh.material;
+    }
+    set material(value) {
+        this._mesh.material = value;
+    }
+}
+// 常用着色器及工具
+// 全屏渲染模型
+export const fullScreenMesh = new FullScreenQuad();
+export const orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
+// 清理着色器
+export const clearShader = new ShaderMaterial({
     vertexShader: `
         varying vec2 vUv;
         void main() {
             vUv = uv;
             gl_Position = vec4(position, 1.0);
         }
-    `,
+    `,
     fragmentShader: `
         void main() {
             gl_FragColor = vec4(0.0);
         }
-    `,
-    blending: NoBlending,
-    depthTest: false,
-    depthWrite: false,
-    transparent: true
-});
-// 交集着色器提取相同的像素点
-export const intersectionShader = new ShaderMaterial({
-    uniforms: {
-        map1: { value: null },
-        map2: { value: null }, // 贴图纹理2
-    },
+    `,
+    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: false,
+    depthWrite: false,
+    transparent: true
+});
+// 交集着色器提取相同的像素点
+export const intersectionShader = new ShaderMaterial({
+    uniforms: {
+        map1: { value: null }, // 贴图纹理1
+        map2: { value: null }, // 贴图纹理2
+    },
     vertexShader: `
         ${ShaderChunk.common}
         ${ShaderChunk.logdepthbuf_pars_vertex}
@@ -65,7 +65,7 @@ export const intersectionShader = new ShaderMaterial({
             gl_Position = vec4(position, 1.0);
             ${ShaderChunk.logdepthbuf_vertex}
         }
-    `,
+    `,
     fragmentShader: `
         ${ShaderChunk.logdepthbuf_pars_fragment}
         uniform sampler2D map1;
@@ -79,25 +79,25 @@ export const intersectionShader = new ShaderMaterial({
             }
             ${ShaderChunk.logdepthbuf_fragment}
         }
-    `,
-    blending: NoBlending,
-    depthTest: true,
-    depthWrite: true,
-    transparent: true
-});
-// 拷贝着色器
-export const coptyShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null },
-        opacity: { value: 1.0 } // 透明度
-    },
+    `,
+    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: true,
+    depthWrite: true,
+    transparent: true
+});
+// 拷贝着色器
+export const coptyShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 纹理
+        opacity: { value: 1.0 } // 透明度
+    },
     vertexShader: `
         varying vec2 vUv;
         void main() {
             vUv = uv;
             gl_Position = vec4(position, 1.0);
         }
-    `,
+    `,
     fragmentShader: `
         uniform sampler2D map;
         uniform float opacity;
@@ -107,28 +107,28 @@ export const coptyShader = new ShaderMaterial({
             gl_FragColor = texture2D(map, vUv) * opacity;
 
         }
-    `,
-    // blending: NoBlending, // 渲染时不与背景融合计算 直接替换
-    depthTest: true,
-    depthWrite: true,
-    transparent: true,
-});
-// 描边着色器
-export const strokeShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null },
-        resolution: { value: new Vector2(512, 512) },
-        strokeWidth: { value: 1.0 },
-        strokeColor: { value: new Color("#B2F2FF") },
-        opacity: { value: 1.0 } // 透明度
-    },
+    `,
+    // blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: true,
+    depthWrite: true,
+    transparent: true,
+});
+// 描边着色器
+export const strokeShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 贴图纹理
+        resolution: { value: new Vector2(512, 512) }, // 分辨率
+        strokeWidth: { value: 1.0 }, // 描边宽度
+        strokeColor: { value: new Color("#B2F2FF") }, // 描边颜色
+        opacity: { value: 1.0 } // 透明度
+    },
     vertexShader: `
             varying vec2 vUv;
             void main() {
                 vUv = uv;
                 gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
             }
-        `,
+        `,
     fragmentShader: `
             uniform sampler2D map;
             uniform vec2 resolution;
@@ -171,27 +171,27 @@ export const strokeShader = new ShaderMaterial({
             void main() {
                 gl_FragColor = fragColor();
             }
-        `,
-    blending: NoBlending,
-    depthTest: true,
-    depthWrite: true,
-    transparent: true
-});
-// 高斯模糊着色器 让颜色过渡更自然
-export const gaussBlurShader = new ShaderMaterial({
-    uniforms: {
-        map: { value: null },
-        opacity: { value: 1.0 },
-        radius: { value: 3.0 },
-        resolution: { value: new Vector2(512, 512) }, // 渲染器的分辨率
-    },
+        `,
+    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
+    depthTest: true,
+    depthWrite: true,
+    transparent: true
+});
+// 高斯模糊着色器 让颜色过渡更自然
+export const gaussBlurShader = new ShaderMaterial({
+    uniforms: {
+        map: { value: null }, // 纹理
+        opacity: { value: 1.0 }, // 透明度
+        radius: { value: 3.0 }, // 模糊半径
+        resolution: { value: new Vector2(512, 512) }, // 渲染器的分辨率
+    },
     vertexShader: `
 		varying vec2 vUv;
 		void main() {
 			vUv = uv;
 			gl_Position = vec4(position, 1.0);
 		}
-	`,
+	`,
     fragmentShader: `
 		uniform sampler2D map;
 		uniform float opacity;
@@ -237,9 +237,9 @@ export const gaussBlurShader = new ShaderMaterial({
 			gl_FragColor = blurColor();
             gl_FragColor.a *= opacity;
 		}
-	`,
-    blending: NoBlending,
-    depthTest: false,
-    depthWrite: false,
-    transparent: true
-});
+	`,
+    blending: NoBlending, // 渲染时不与背景融合计算
+    depthTest: false,
+    depthWrite: false,
+    transparent: true
+});

package/threeLoader.d.ts

@@ -1,26 +1,26 @@
-import { EventDispatcher, Object3D, Texture, TextureLoader } from "three";
-import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";
-import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
-import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
-import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
-import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
-import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
-declare class ThreeLoader extends EventDispatcher {
-    constructor();
-    anisotropy: number;
-    setAnisotropy(v: number): void;
-    textureMap: Map<string, Texture>;
-    textureLoader: TextureLoader;
-    getTexture(src: string | HTMLCanvasElement): Texture;
-    fbxLoader: FBXLoader;
-    objLoader: OBJLoader;
-    stlLoader: STLLoader;
-    mtlLoader: MTLLoader;
-    gltfLoader: GLTFLoader;
-    usdzLoader: USDZLoader;
-    /** 加载模型支持glb,fbx,stl,obj */
-    loadModel(url: string, filename?: string): Promise<Object3D<import("three").Object3DEventMap>>;
-    onload: boolean;
-}
-declare const threeLoader: ThreeLoader;
-export default threeLoader;
+import { EventDispatcher, Object3D, Texture, TextureLoader } from "three";
+import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
+import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
+import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
+import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
+import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
+declare class ThreeLoader extends EventDispatcher {
+    constructor();
+    anisotropy: number;
+    setAnisotropy(v: number): void;
+    textureMap: Map<string, Texture>;
+    textureLoader: TextureLoader;
+    getTexture(src: string | HTMLCanvasElement): Texture;
+    fbxLoader: FBXLoader;
+    objLoader: OBJLoader;
+    stlLoader: STLLoader;
+    mtlLoader: MTLLoader;
+    gltfLoader: GLTFLoader;
+    usdzLoader: USDZLoader;
+    /** 加载模型支持glb,fbx,stl,obj */
+    loadModel(url: string, filename?: string): Promise<Object3D<import("three").Object3DEventMap>>;
+    onload: boolean;
+}
+declare const threeLoader: ThreeLoader;
+export default threeLoader;