three+webgl实现涟漪波纹扩散光感动画效果代码
代码语言:html
所属分类:动画
代码描述:three+webgl实现涟漪波纹扩散光感动画效果代码
代码标签: three webgl 涟漪 波纹 扩散 光感 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> *{ padding: 0; margin: 0; } </style> </head> <body> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.89.js"></script> <div id="container"></div> <script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0 ); } </script> <script id="fragmentShader" type="x-shader/x-fragment"> //参考 https://tympanus.net/Development/ScrollSpiral/ #define TWO_PI 6.2831853072 #define PI 3.14159265359 precision highp float; uniform vec2 resolution; uniform float time; void main(void) { vec2 uv = (gl_FragCoord.xy.........完整代码请登录后点击上方下载按钮下载查看
网友评论0