threejs 特效，自定义发光墙体，贴图动画版本。发光围栏。

最新推荐文章于 2024-03-15 17:17:19 发布

东大肛肠牙科主任

最新推荐文章于 2024-03-15 17:17:19 发布

阅读量1.2k

点赞数 2

分类专栏： threejs特效库文章标签：贴图动画

本文链接：https://blog.csdn.net/qq_32039213/article/details/126827443

版权

threejs特效库专栏收录该内容

7 篇文章 2 订阅

订阅专栏

	// 顶点着色器
		const vertexShader = `
        varying vec2 vUv;
        varying vec3 fNormal;
        varying vec3 vPosition;
        void main(){
                vUv = uv;
                vPosition = position;
                vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
                gl_Position = projectionMatrix * mvPosition;
        }
    `;
		// 片元着色器
		const fragmentShader = `
        uniform float time;
        varying vec2 vUv;
        uniform sampler2D flowTexture;
        uniform sampler2D bgTexture;
        void main( void ) {
            vec2 position = vUv;
            vec4 colora = texture2D( flowTexture, vec2( vUv.x, fract(vUv.y - time )));
            vec4 colorb = texture2D( bgTexture , position.xy);
            gl_FragColor = colorb + colorb * colora;
        }
    `;