浙江 杭州

html5 canvas绚丽3d星空飞行穿梭动画特效

系统分类: 网页特效 - html5 2015-09-10

人气28760

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


这是一款使用html5 canvas和jQuery制作的绚丽3d星空飞行穿梭动画特效。该3d星空特效模拟了飞船在宇宙星空中快速穿梭的动画场景,效果非常逼真。

这是一款使用 html5 canvas和 jQuery 制作的绚丽3d星空飞行穿梭动画特效。该3d星空飞行特效模拟了飞船在宇宙星空中快速穿梭的动画场景,效果非常逼真。

HTML结构

HTML结构就使用一个canvas即可。

<canvas id="html5_3d_animation">Internet Explorer 8 Not Supported</canvas>
                

使用方法

首先要引入 jQuery和html5_3d_animation.js文件。

<script src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script src="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'
    });
});
                

参数配置

有一些可用的参数,下面加一说明:

  • window_width:canvas窗口的宽度。
  • window_height:canvas窗口的高度。
  • window_background:canvas窗口的背景颜色。
  • star_count:星星的数量。
  • star_color:星星的颜色。
  • star_depth:星空的深度。

查看演示
下载资源:14
下载资源
错误提交:

格式:zip 大小:16.78KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-1134.html 非特殊说明,本文版权归原作者所有,转载请注明出处
html5 canvas绚丽3d星空飞行穿梭动画特效

我当前G币余额:0 已下载次数:14

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

评论功能关闭...(已有5 评论)