threejs 特效,自定义发光墙体,贴图动画版本。发光围栏。
生活随笔
收集整理的這篇文章主要介紹了
threejs 特效,自定义发光墙体,贴图动画版本。发光围栏。
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
// 頂點著色器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;}`;
?貼圖有動畫上升效果,并搭配漸變色背景。可自定義路徑范圍,高度顏色。
企鵝 🐧 ? 3448829451 ??
總結(jié)
以上是生活随笔為你收集整理的threejs 特效,自定义发光墙体,贴图动画版本。发光围栏。的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【网上订机票安全吗?网上订机票防止被骗妙
- 下一篇: 一句话+一张图——说清楚Aprioir关