
6款html5 WebGL酷炫网页动画特效,结合TweenMax、Three.js创建形状,打造出各种动画效果都十分的好看。
js代码
<script type=\"x-shader/x-vertex\" id=\"wrapVertexShader\">
attribute float size;
attribute vec3 color;
varying vec3 vColor;
void main() {
vColor = color;
vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
gl_PointSize = size * ( 350.0 / - mvPosition.z );
gl_Position = projectionMatrix * mvPosition;
}
</script>
<script type=\"x-shader/x-fragment\" id=\"wrapFragmentShader\">
varying vec3 vColor;
uniform sampler2D texture;
void main(){
vec4 textureColor = texture2D( texture, gl_PointCoord );
if ( textureColor.a < 0.3 ) discard;
vec4 color = vec4(vColor.xyz, 1.0) * textureColor;
gl_FragColor = color;
}
</script>
<script src=\"js/three.min.js\"></script>
<script src=\"js/TweenMax.min.js\"></script>










暂无评论内容