基于jquery的非常逼真的全屏下雪效果

所属分类：其他-动画效果

39030 470 查看评论 (4)

分享到微信朋友圈

查看演示立即下载

插件描述：插件基于jquery和ThreeCanvas.js，自动充满屏幕

首先引入依赖文件：

<script type="text/javascript" src="./js/ThreeCanvas.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="./js/Snow.js"></script>
<script type="text/javascript" src="./js/snowFall.js"></script>

调用jquery全局方法：

$.snowFall({
//创建粒子数量，密度
particleNo: 100,
//粒子下拉速度
particleSpeed:15,
//粒子在垂直（Y轴）方向运动范围
particleY_Range:1300,
//粒子在垂直（X轴）方向运动范围
particleX_Range:1000,
//是否绑定鼠标事件
    bindMouse: false,
    //相机离Z轴原点距离
    zIndex:600,
  //摄像机视野角度
    angle:55,
    wind_weight:0
});

3D折页效果立体焦点图代码

图片带左右箭头滚动+鼠标点击放大效果