threejs 特效，自定义发光墙体，渐变颜色。渐变发光围栏。

// 顶点着色器
		const vertexShader = `
            uniform vec3 u_color;
            uniform float time;
            uniform float u_height;
            varying float v_opacity;
            void main() {
                vec3 vPosition = position;
                v_opacity = mix(1.0, 0.0, position.y / u_height * 1.0) * (1.0 + sin(time) * 0.5);
                gl_Position = projectionMatrix * modelViewMatrix * vec4(vPosition, 1);
            }
         `;
		// 片元着色器
		const fragmentShader = `
            uniform vec3 u_color;
            uniform float u_opacity;
            varying float v_opacity;
            void main() {
                gl_FragColor = vec4(u_color, v_opacity * u_opacity);
            }
          `;

 

自定义发光围栏，光墙，可以自定义路径，颜色，为渐变效果，并带有闪烁动画。

企鹅 🐧   3448829451