canvas教程

html5 canvas逼真下雪场景动画特效-canvas

字号+ 作者:H5之家 来源:H5之家 2015-11-11 10:59 我要评论( )

这是一款效果十分逼真的html5 canvas下雪场景动画特效插件。这款下雪特效是基于Jason Brown的 Snowfall jquery plugin 的基础上制作的。在Snowfall jquery plugin插件的基础上,这款html5下雪动画插件插件提供了更多用于控制雪花动画的参数和方法。 注意:该

这是一款效果十分逼真的html5 canvas下雪场景动画特效插件。这款下雪特效是基于Jason Brown的 Snowfall jquery plugin 的基础上制作的。在Snowfall jquery plugin插件的基础上,这款html5下雪动画插件插件提供了更多用于控制雪花动画的参数和方法。

注意:该幻灯片插件已经在Chrome, Firefox, Safari的桌面和移动设备浏览器测试通过,IE浏览器上还未做过测试。

HTML结构

首先,要使用这个html5下雪场景动画特效插件,需要在html的头部引入jQuery和jQuery.flipping_gallery.js文件。

<body> .. <canvas class="snow" width="100%" height="100%"></canvas> .. </body> JAVASCRIPT

通过下面的jQuery代码来调用插件:

$("canvas.snow").let_it_snow({ speed: 0, interaction: true, size: 2, count: 200, opacity: 0, color: "#ffffff", windPower: 0, image: false });

通过上面的基本参数设置,该html5 canvas下雪场景插件将自动适应canvas的大小并开始生成下雪动画效果。你所要做的只是将canvas放置在你需要的地方。

下面是一些可用的参数:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 可创建gooey效果抖动窗口的jquery插件

    可创建gooey效果抖动窗口的jquery插件

    2017-04-15 10:00

  • HTML5资料by html5zhijia.com

    HTML5资料by html5zhijia.com

    2017-04-10 12:07

  • HTML5 canvas水波纹动画特效

    HTML5 canvas水波纹动画特效

    2017-04-06 12:01

  • 可生成指定图案的js二维码插件

    可生成指定图案的js二维码插件

    2017-02-26 18:00

网友点评
t