基于jQuery(snowFall Jquery)下雪插件实现的超逼真下雪场景效果
Joe 于 2020-02-28 13:17:18 发布至 素材插件 累计 2374 次阅读
基于jQuery插件(snowFall Jquery)下雪插件实现的超逼真下雪场景效果HTML5页面,可以通过参数灵活控制下雪的样式。
首先引入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>
在页面加载完成后,调用该插件的方法初始化:
<script> $.snowFall({ //创建粒子数量,密度 particleNo: 500, //粒子下落速度 particleSpeed: 30, //粒子在垂直(Y轴)方向运动范围 particleY_Range: 1300, //粒子在垂直(X轴)方向运动范围 particleX_Range: 1000, //是否绑定鼠标事件 bindMouse: false, //相机离Z轴原点距离 zIndex: 600, //摄像机视野角度 angle: 55, wind_weight: 0 }); </script