HTML5-超逼真下雪场景效果

插件介绍
这是一款基于jquery的超逼真下雪场景特效。该特效使用jquery代码来动态插件html5 canvas元素,然后在canvas中制作下雪特效。

使用方法

在页面中引入ThreeCanvas.js、jquery和Snow.js和snowFall.js文件。
<script src=”path/to/ThreeCanvas.js”></script>
<script src=”path/to/jquery.min.js”></script>
<script src=”path/to/Snow.js”></script>
<script src=”path/to/snowFall.js”></script>

初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该下雪特效。
$.snowFall({
//创建粒子数量,密度
particleNo: 500,
//粒子下落速度
particleSpeed:30,
//粒子在垂直(Y轴)方向运动范围
particleY_Range:1300,
//粒子在垂直(X轴)方向运动范围
particleX_Range:1000,
//是否绑定鼠标事件
bindMouse: false,
//相机离Z轴原点距离
zIndex:600,
//摄像机视野角度
angle:55,
wind_weight:0
});

配置参数
particleNo:创建粒子数量,密度。
particleSpeed:粒子下落的速度。
particleY_Range:粒子在垂直(Y轴)方向运动范围。
particleX_Range:粒子在垂直(X轴)方向运动范围。
bindMouse:是否绑定鼠标事件。
zIndex:相机离Z轴原点距离。
angle:角度。
wind_weight:风的等级。

在线预览 网盘下载

网盘下载密码:ty2s

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论