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