three-base 2.0.87 → 2.0.89

package/shaders/FXAAShaderMaterial.ts

@@ -1,248 +0,0 @@
-/*
- * @Author: xiaosihan 
- * @Date: 2024-01-20 05:10:37 
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2024-01-20 05:10:57
- */
-import { NoBlending, ShaderChunk, ShaderMaterial, Vector2 } from "three";
-
-
-
-// 抗锯齿着色器
-const FXAAShaderMaterial = new ShaderMaterial({
-    uniforms: {
-        tDiffuse: { value: null }, // 贴图纹理
-        resolution: { value: new Vector2(1 / 1024, 1 / 1024) }
-    },
-    vertexShader: `
-        ${ShaderChunk.common}
-        ${ShaderChunk.logdepthbuf_pars_vertex}
-        varying vec2 vUv;
-        void main() {
-            vUv = uv;
-            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-            ${ShaderChunk.logdepthbuf_vertex}
-        }
-    `,
-    fragmentShader: `
-        ${ShaderChunk.logdepthbuf_pars_fragment}
-        precision highp float;
-
-        uniform sampler2D tDiffuse;
-    
-        uniform vec2 resolution;
-    
-        varying vec2 vUv;
-    
-        #ifndef FXAA_DISCARD
-                //
-                // Only valid for PC OpenGL currently.
-                // Probably will not work when FXAA_GREEN_AS_LUMA = 1.
-                //
-                // 1 = Use discard on pixels which don't need AA.
-                //     For APIs which enable concurrent TEX+ROP from same surface.
-                // 0 = Return unchanged color on pixels which don't need AA.
-                //
-                #define FXAA_DISCARD 0
-        #endif
-    
-        /*--------------------------------------------------------------------------*/
-        #define FxaaTexTop(t, p) texture2D(t, p, -100.0)
-        #define FxaaTexOff(t, p, o, r) texture2D(t, p + (o * r), -100.0)
-        /*--------------------------------------------------------------------------*/
-    
-        #define NUM_SAMPLES 5
-    
-        // assumes colors have premultipliedAlpha, so that the calculated color contrast is scaled by alpha
-        float contrast( vec4 a, vec4 b ) {
-                vec4 diff = abs( a - b );
-                return max( max( max( diff.r, diff.g ), diff.b ), diff.a );
-        }
-    
-        /*============================================================================
-    
-                                        FXAA3 QUALITY - PC
-    
-        ============================================================================*/
-    
-        /*--------------------------------------------------------------------------*/
-        vec4 FxaaPixelShader(
-                vec2 posM,
-                sampler2D tex,
-                vec2 fxaaQualityRcpFrame,
-                float fxaaQualityEdgeThreshold,
-                float fxaaQualityinvEdgeThreshold
-        ) {
-                vec4 rgbaM = FxaaTexTop(tex, posM);
-                vec4 rgbaS = FxaaTexOff(tex, posM, vec2( 0.0, 1.0), fxaaQualityRcpFrame.xy);
-                vec4 rgbaE = FxaaTexOff(tex, posM, vec2( 1.0, 0.0), fxaaQualityRcpFrame.xy);
-                vec4 rgbaN = FxaaTexOff(tex, posM, vec2( 0.0,-1.0), fxaaQualityRcpFrame.xy);
-                vec4 rgbaW = FxaaTexOff(tex, posM, vec2(-1.0, 0.0), fxaaQualityRcpFrame.xy);
-                // . S .
-                // W M E
-                // . N .
-    
-                bool earlyExit = max( max( max(
-                        contrast( rgbaM, rgbaN ),
-                        contrast( rgbaM, rgbaS ) ),
-                        contrast( rgbaM, rgbaE ) ),
-                        contrast( rgbaM, rgbaW ) )
-                        < fxaaQualityEdgeThreshold;
-                // . 0 .
-                // 0 0 0
-                // . 0 .
-    
-                #if (FXAA_DISCARD == 1)
-                        if(earlyExit) FxaaDiscard;
-                #else
-                        if(earlyExit) return rgbaM;
-                #endif
-    
-                float contrastN = contrast( rgbaM, rgbaN );
-                float contrastS = contrast( rgbaM, rgbaS );
-                float contrastE = contrast( rgbaM, rgbaE );
-                float contrastW = contrast( rgbaM, rgbaW );
-    
-                float relativeVContrast = ( contrastN + contrastS ) - ( contrastE + contrastW );
-                relativeVContrast *= fxaaQualityinvEdgeThreshold;
-    
-                bool horzSpan = relativeVContrast > 0.;
-                // . 1 .
-                // 0 0 0
-                // . 1 .
-    
-                // 45 deg edge detection and corners of objects, aka V/H contrast is too similar
-                if( abs( relativeVContrast ) < .3 ) {
-                        // locate the edge
-                        vec2 dirToEdge;
-                        dirToEdge.x = contrastE > contrastW ? 1. : -1.;
-                        dirToEdge.y = contrastS > contrastN ? 1. : -1.;
-                        // . 2 .      . 1 .
-                        // 1 0 2  ~=  0 0 1
-                        // . 1 .      . 0 .
-    
-                        // tap 2 pixels and see which ones are "outside" the edge, to
-                        // determine if the edge is vertical or horizontal
-    
-                        vec4 rgbaAlongH = FxaaTexOff(tex, posM, vec2( dirToEdge.x, -dirToEdge.y ), fxaaQualityRcpFrame.xy);
-                        float matchAlongH = contrast( rgbaM, rgbaAlongH );
-                        // . 1 .
-                        // 0 0 1
-                        // . 0 H
-    
-                        vec4 rgbaAlongV = FxaaTexOff(tex, posM, vec2( -dirToEdge.x, dirToEdge.y ), fxaaQualityRcpFrame.xy);
-                        float matchAlongV = contrast( rgbaM, rgbaAlongV );
-                        // V 1 .
-                        // 0 0 1
-                        // . 0 .
-    
-                        relativeVContrast = matchAlongV - matchAlongH;
-                        relativeVContrast *= fxaaQualityinvEdgeThreshold;
-    
-                        if( abs( relativeVContrast ) < .3 ) { // 45 deg edge
-                                // 1 1 .
-                                // 0 0 1
-                                // . 0 1
-    
-                                // do a simple blur
-                                return mix(
-                                        rgbaM,
-                                        (rgbaN + rgbaS + rgbaE + rgbaW) * .25,
-                                        .4
-                                );
-                        }
-    
-                        horzSpan = relativeVContrast > 0.;
-                }
-    
-                if(!horzSpan) rgbaN = rgbaW;
-                if(!horzSpan) rgbaS = rgbaE;
-                // . 0 .      1
-                // 1 0 1  ->  0
-                // . 0 .      1
-    
-                bool pairN = contrast( rgbaM, rgbaN ) > contrast( rgbaM, rgbaS );
-                if(!pairN) rgbaN = rgbaS;
-    
-                vec2 offNP;
-                offNP.x = (!horzSpan) ? 0.0 : fxaaQualityRcpFrame.x;
-                offNP.y = ( horzSpan) ? 0.0 : fxaaQualityRcpFrame.y;
-    
-                bool doneN = false;
-                bool doneP = false;
-    
-                float nDist = 0.;
-                float pDist = 0.;
-    
-                vec2 posN = posM;
-                vec2 posP = posM;
-    
-                int iterationsUsed = 0;
-                int iterationsUsedN = 0;
-                int iterationsUsedP = 0;
-                for( int i = 0; i < NUM_SAMPLES; i++ ) {
-                        iterationsUsed = i;
-    
-                        float increment = float(i + 1);
-    
-                        if(!doneN) {
-                                nDist += increment;
-                                posN = posM + offNP * nDist;
-                                vec4 rgbaEndN = FxaaTexTop(tex, posN.xy);
-                                doneN = contrast( rgbaEndN, rgbaM ) > contrast( rgbaEndN, rgbaN );
-                                iterationsUsedN = i;
-                        }
-    
-                        if(!doneP) {
-                                pDist += increment;
-                                posP = posM - offNP * pDist;
-                                vec4 rgbaEndP = FxaaTexTop(tex, posP.xy);
-                                doneP = contrast( rgbaEndP, rgbaM ) > contrast( rgbaEndP, rgbaN );
-                                iterationsUsedP = i;
-                        }
-    
-                        if(doneN || doneP) break;
-                }
-    
-    
-                if ( !doneP && !doneN ) return rgbaM; // failed to find end of edge
-    
-                float dist = min(
-                        doneN ? float( iterationsUsedN ) / float( NUM_SAMPLES - 1 ) : 1.,
-                        doneP ? float( iterationsUsedP ) / float( NUM_SAMPLES - 1 ) : 1.
-                );
-    
-                // hacky way of reduces blurriness of mostly diagonal edges
-                // but reduces AA quality
-                dist = pow(dist, .5);
-    
-                dist = 1. - dist;
-    
-                return mix(
-                        rgbaM,
-                        rgbaN,
-                        dist * .5
-                );
-        }
-    
-        void main() {
-                const float edgeDetectionQuality = .2;
-                const float invEdgeDetectionQuality = 1. / edgeDetectionQuality;
-    
-                gl_FragColor = FxaaPixelShader(
-                        vUv,
-                        tDiffuse,
-                        resolution,
-                        edgeDetectionQuality, // [0,1] contrast needed, otherwise early discard
-                        invEdgeDetectionQuality
-                );
-            ${ShaderChunk.logdepthbuf_fragment}
-        }
-    `,
-    blending: NoBlending, // 渲染时不与背景融合计算 直接替换
-    depthTest: false,
-    depthWrite: false,
-    transparent: true
-});
-
-export default FXAAShaderMaterial;

package/shaders.ts

@@ -1,264 +0,0 @@
-/*
- * @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, WebGLRenderer } 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!: Mesh;
-    dispose() {
-        this._mesh.geometry.dispose();
-    }
-    render(renderer: WebGLRenderer) {
-        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 }, // 贴图纹理1
-        map2: { value: null }, // 贴图纹理2
-    },
-    vertexShader: `
-        ${ShaderChunk.common}
-        ${ShaderChunk.logdepthbuf_pars_vertex}
-        varying vec2 vUv;
-        void main() {
-            vUv = uv;
-            gl_Position = vec4(position, 1.0);
-            ${ShaderChunk.logdepthbuf_vertex}
-        }
-    `,
-    fragmentShader: `
-        ${ShaderChunk.logdepthbuf_pars_fragment}
-        uniform sampler2D map1;
-        uniform sampler2D map2;
-        varying vec2 vUv;
-        void main() {
-            if(texture2D(map1, vUv) ==  texture2D(map2, vUv)){
-                gl_FragColor = texture2D(map1, vUv);
-            }else{
-                discard;
-            }
-            ${ShaderChunk.logdepthbuf_fragment}
-        }
-    `,
-    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;
-        varying vec2 vUv;
-        void main() {
-
-            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 } // 透明度
-    },
-    vertexShader: `
-            varying vec2 vUv;
-            void main() {
-                vUv = uv;
-                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-            }
-        `,
-    fragmentShader: `
-            uniform sampler2D map;
-            uniform vec2 resolution;
-            uniform vec3 strokeColor; // 描边颜色
-            uniform float strokeWidth; // 描边厚度
-            uniform float opacity; // 透明度
-            
-            varying vec2 vUv;
-
-            // 获取当前叠加vu坐标偏移量的颜色值
-            vec4 offsetColor(vec2 vu){
-                return texture2D(map, vUv + (vu * (strokeWidth / resolution) ) );
-            }
-
-            vec4 fragColor(){
-
-                vec4 currentColor = offsetColor(vec2(0.0, 0.0));
-
-                if(
-                    currentColor.a < min(0.2, opacity) && (
-                        offsetColor(vec2(0.0, 1.0)).a > 0.0 ||
-                        offsetColor(vec2(0.0, -1.0)).a > 0.0 ||
-                        offsetColor(vec2(1.0, 0.0)).a > 0.0 ||
-                        offsetColor(vec2(-1.0, 0.0)).a > 0.0 ||
-
-                        offsetColor(vec2(1.0) * 0.7).a > 0.0 ||
-                        offsetColor(vec2(-1.0) * 0.7).a > 0.0 ||
-                        offsetColor(vec2(-1.0, 1.0) * 0.7).a > 0.0 ||
-                        offsetColor(vec2(1.0, -1.0) * 0.7).a > 0.0
-                    )
-                ){
-                    return vec4( strokeColor, opacity);
-                }else{
-                    // discard;
-                    return offsetColor(vec2(0.0, 0.0));
-                }
-
-            }
-
-            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) }, // 渲染器的分辨率
-    },
-    vertexShader: `
-		varying vec2 vUv;
-		void main() {
-			vUv = uv;
-			gl_Position = vec4(position, 1.0);
-		}
-	`,
-    fragmentShader: `
-		uniform sampler2D map;
-		uniform float opacity;
-		uniform vec2 resolution;
-		uniform float radius;
-		varying vec2 vUv;
-
-        vec4 offsetColor( vec2 uv){
-            return texture2D(map, vUv + (uv / resolution * radius) );
-        }
-
-        vec4 blurColor(){
-
-            vec4 leftColor = offsetColor( vec2(-1.0, 0.0) );
-
-            vec4 rightColor = offsetColor( vec2(1.0, 0.0) );
-
-            // 左右颜色混合
-            vec4 leftRightColor = vec4( 
-                mix( leftColor.rgb ,rightColor.rgb, rightColor.a / (leftColor.a + rightColor.a)),
-                (leftColor.a + rightColor.a) / 2.0
-            );
-
-            vec4 downColor =  offsetColor( vec2(0.0, -1.0));
-
-            vec4 upColor =  offsetColor( vec2(0.0, 1.0));
-
-            // 上下颜色混合
-            vec4 upDownColor = vec4(
-                mix( downColor.rgb, upColor.rgb, upColor.a / (downColor.a + upColor.a) ),
-                (downColor.a + upColor.a) / 2.0
-            );
-           
-            vec4 color = vec4(
-                mix( leftRightColor.rgb, upDownColor.rgb, upDownColor.a / (leftRightColor.a + upDownColor.a) ),
-                (leftRightColor.a + upDownColor.a) / 2.0
-            );
-                
-            return color;
-        }
-
-		void main() {
-			gl_FragColor = blurColor();
-            gl_FragColor.a *= opacity;
-		}
-	`,
-    blending: NoBlending, // 渲染时不与背景融合计算
-    depthTest: false,
-    depthWrite: false,
-    transparent: true
-});