three+TweenMax实现炫酷数字加载进度条动画效果代码

代码语言:html

所属分类:进度条

代码描述:three+TweenMax实现炫酷数字加载进度条动画效果代码

代码标签: three TweenMax 炫酷 数字 加载 进度条 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >
<head>
 
<meta charset="UTF-8">

<style>
    body
{
       
margin: 0;
       
overflow: hidden;
       
position: fixed;
}
canvas
{
       
width: 100%;
       
height: 100%;
}
</style>

</head>
<body>
<!-- partial:index.partial.html -->
<script id="vertexShader" type="x-shader/x-vertex">
                        varying vec2 vUv
;
                       
void main() {
                          vUv
= uv;
                          gl_Position
= projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
                       
}
               
</script>

               
<script id="fragmentShader" type="x-shader/x-fragment">
                        varying vec2 vUv;

                        uniform sampler2D texture;
                        uniform sampler2D texture2;
                        uniform sampler2D disp;

                        uniform float time;
                        uniform float random;
                        uniform float dispFactor;

                        vec2 rotate(vec2 v, float a) {
                                float s = sin(a);
                                float c = cos(a);
                                mat2 m = mat2(c, -s, s, c);
                                return m * v;
                        }

                        void main() {

                            vec2 uv = vUv;

                                vec2 newUV = v.........完整代码请登录后点击上方下载按钮下载查看

网友评论0