html穿越星空效果,html5canvas绚丽3d星空飞⾏穿梭动画特效简要教程
这是⼀款使⽤ html5 canvas和 jQuery 制作的绚丽3d星空飞⾏穿梭动画特效。该3d星空飞⾏特效模拟了飞船在宇宙星空中快速穿梭的动画场景,效果⾮常逼真。
HTML结构
HTML结构就使⽤⼀个canvas即可。
Internet Explorer 8 Not Supported
使⽤⽅法
⾸先要引⼊ jQuery和html5_3d_animation.js⽂件。
然后使⽤下⾯的⽅法调⽤该3d星空飞⾏动画:
$(function() {
$("#html5_3d_animation").html5_3d_animation({
window_width:'600',
window_height:'300',
window_background:'#00113F',
star_count:'1000',
star_color:'#FBFFAF',
star_depth:'100'
});
});
参数配置
有⼀些可⽤的参数,下⾯加⼀说明:
window_width:canvas窗⼝的宽度。
window_height:canvas窗⼝的⾼度。
jquery免费特效下载window_background:canvas窗⼝的背景颜⾊。
star_count:星星的数量。
star_color:星星的颜⾊。
star_depth:星空的深度。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论