核弹头H5小游戏

关闭

核弹头小游戏

游戏轻松点
无需下载,点开即玩

拿起手机!扫我啊

核弹头小游戏
无需下载点击即玩

回到顶部

当前位置: 核弹头首页 > 游戏教程 > 正文

基于HTML5 Canvas实现雨滴效果

来源:www.h5uc.com    作者:集   时间:2016-09-14

一个简单的脚本来模拟雨滴落在玻璃表面效果。rainyday.js拥有功能可扩展的API,碰撞检测!

本文小编为您带来的是一个简单的脚本来模拟雨滴落在玻璃表面效果。rainyday.js拥有功能可扩展的API,碰撞检测,并很容易用自己不同的动画组件实现扩展。

Rainyday.js是一个纯的JavaScript库,用到了HTML5的特性,所以都支持大多数现代浏览器它。

How to use: var engine = new RainyDay({ element: image, // Image element // This value is required parentElement: someDiv, // Element to be used as a parent for the canvas // If not provided assuming the 'body' element crop: [0, 0, 50, 60], // Coordinates if only a part of the image should be used // If not provided entire image will be used blur: 10, // Defines blur due to rain effect // Assuming 10 if not provided // Use 0 value to disable the blur opacity: 1 // Opacity of rain drops // Assuming 1 if not provided }); engine.rain( [ [1, 0, 20], // add 20 drops of size 1... [3, 3, 1] // ... and 1 drop of size from 3 - 6 ... ], 100);

以上便是小编为您带来的全部内容了,更多精彩内容敬请关注核弹头小游戏网。

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!
软件排行
1
PDF转换器免费版下载
PDF转换器免费版下载 实用工具 | 5分
详情
3
Fores专注森林免费版
Fores专注森林免费版 实用工具 | 4分
详情
4
贴贴TieTie安卓版下载
贴贴TieTie安卓版下载 社交聊天 | 4分
详情
5
八门神器app下载
八门神器app下载 实用工具 | 4分
详情
6
空气投篮免费版下载
空气投篮免费版下载 体育运动 | 4分
详情
7
233乐园免费下载
233乐园免费下载 实用工具 | 4分
详情
8
快对app官方版
快对app官方版 实用工具 | 5分
详情

热门网游

福利游戏排行版

1
91翻天奇迹mu怀旧版
91翻天奇迹mu怀旧版 角色扮演 | 5分
下载
3
霸王天下手机版下载
霸王天下手机版下载 角色扮演 | 5分
下载
4
砰砰法师满V版下载
砰砰法师满V版下载 角色扮演 | 5分
下载
5
落神之地手机版下载
落神之地手机版下载 角色扮演 | 5分
下载
6
墨斗手机版下载
墨斗手机版下载 角色扮演 | 5分
下载
7
300大作战破解版
300大作战破解版 角色扮演 | 5分
下载
8
天姬变红包版下载
天姬变红包版下载 角色扮演 | 5分
下载
1
荣耀世纪怀旧服
荣耀世纪怀旧服 BT游戏 | 5分
下载
2
荣耀世纪最新版
荣耀世纪最新版 BT游戏 | 5分
下载
3
荣耀世纪福利版
荣耀世纪福利版 BT游戏 | 5分
下载
4
荣耀世纪变态版
荣耀世纪变态版 BT游戏 | 5分
下载
5
荣耀世纪破解版
荣耀世纪破解版 BT游戏 | 5分
下载
6
荣耀世纪
荣耀世纪 BT游戏 | 5分
下载