html5 canvas绚丽3d星空飞行穿梭动画特效
简要教程
这是一款使用 html5 canvas和 jQuery 制作的绚丽3d星空飞行穿梭动画特效。该3d星空飞行特效模拟了飞船在宇宙星空中快速穿梭的动画场景,效果非常逼真。 HTML结构HTML结构就使用一个canvas即可。
<canvasid="html5_3d_animation">Internet Explorer 8 Not Supported</canvas>
使用方法首先要引入 jQuery和html5_3d_animation.js文件。
<scriptsrc="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js"type="text/javascript"></script> <scriptsrc="js/html5_3d_animation.js"type="text/javascript"></script>
然后使用下面的方法调用该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' }); });
参数配置有一些可用的参数,下面加一说明:
|