HTML5 canvas绚丽宇宙星空背景特效jQuery插件

当前位置:主页 > Html5库 > html5 canvas > HTML5 canvas绚丽宇宙星空背景特效jQuery插件
HTML5 canvas绚丽宇宙星空背景特效jQuery插件
分享:

    插件介绍

    这是一款效果非常炫酷的宇宙星空背景特效jQuery插件。该插件基于HTML5 canvas制作出一个绚丽的宇宙星空背景,并且星空可以随鼠标进行移动,制作出星空漫游的效果。

    浏览器兼容性

    浏览器兼容性
    时间:05-04
    阅读:
简要教程

这是一款效果非常炫酷的宇宙星空背景特效jQuery插件。该插件基于HTML5 canvas制作出一个绚丽的宇宙星空背景,并且星空可以随鼠标进行移动,制作出星空漫游的效果。

使用方法

该星空背景插件的使用方法非常简单,首先要引入jQuery和jquery-starfield.js文件。

<script src='js/jquery.js'></script>                
<script src='js/jquery-starfield.js'></script>                
              

然后在你想要制作星空背景的元素上调用下面的方法即可。

 $('#starfield-div').starfield();                
              

配置参数

该星空背景特效插件有三个可用的参数:

  • starDensity :默认值1.0。星空中星星的密度。基于像素比计算,值越大星星越多。
  • mouseScale :默认值1.0。鼠标移动时星空的移动速度。值越大星空移动越快。
  • seedMovement :默认值true。是否在页面加载后就开始移动星空。在不支持鼠标功能的设备上也能动画。
$('#starfield-div').starfield({
  starDensity: 2.0,
  mouseScale: 0.5,
  seedMovement: true
});