备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Rainyday.js – 傻眼了！竟然有如此逼真的雨滴效果

2013-10-23 1084
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　Rainyday.js 是一个轻量的 JavaScript 库，利用 HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果。Rainyday.js 尽可能的模拟现实的雨滴效果，几乎可以以假乱真了。

　　Rainyday.js 是一个轻量的 JavaScript 库，利用 HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果。Rainyday.js 尽可能的模拟现实的雨滴效果，几乎可以以假乱真了。赶紧来瞅瞅吧！

您可能感兴趣的相关文章

 

 

 

插件下载      效果演示

 

本文链接：Rainyday.js – 超赞！实现超现实的雨滴效果

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

文章标签：
JavaScript
前端开发
HTML5
移动开发
缓存
关键词：
JavaScript逼真
JavaScript雨滴
秋天风景
目录
相关文章
秋天风景
|
JavaScript 前端开发 HTML5
Dynamics.js - 创建逼真的物理动画的 JS 库
　　Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面，然后就可以激活任何 DOM 元素的 CSS 属性动画，也可以用户 SVG 属性。
秋天风景
1093 0
秋天风景
|
移动开发 JavaScript 前端开发
Rainyday.js – 使用 JavaScript 实现雨滴效果
　　Rainyday.js 背后的想法是创建一个 JavaScript 库，利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API，例如碰撞检测和易于扩展自己的不同的动画组件的实现。
秋天风景
1230 0
童小纯
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解（学习总结---从入门到深化）
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解（学习总结---从入门到深化）
童小纯
27 0
童小纯
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解（学习总结---从入门到深化）
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解（学习总结---从入门到深化）
童小纯
77 0
vohelon
|
2天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
vohelon
10 1
find_starshine
|
10天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
find_starshine
17 0
python兴趣圈
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
python兴趣圈
33 2
hhzz
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节（4 / 6）
Vue.js学习详细课程系列--共32节（4 / 6）
hhzz
35 0
明月看潮生
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
明月看潮生
25 0
mrq4nk6ni2neg
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发：HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发，介绍HTML、CSS和JavaScript的基础知识与应用，帮助读者快速入门前端开发领域。
mrq4nk6ni2neg
64 1

热门文章

最新文章

  • 1
    JavaScript基础语法（codewhy版本）（一）
  • 2
    JavaScript 权威指南第七版（GPT 重译）（三）(1)
  • 3
    JavaScript高级笔记-coderwhy版本（六）
  • 4
    JavaScript 权威指南第七版（GPT 重译）（六）(4)
  • 5
    JavaScript 权威指南第七版（GPT 重译）（四）(4)
  • 6
    JavaScript 权威指南第七版（GPT 重译）（二）(1)
  • 7
    JavaScript 权威指南第七版（GPT 重译）（六）(3)
  • 8
    JavaScript 权威指南第七版（GPT 重译）（三）(2)
  • 9
    报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
  • 10
    在Blazor中使用Chart.js快速创建图表
  • 1
    js开发：请解释事件冒泡和事件捕获。
    16
  • 2
    js开发：请解释this关键字在JavaScript中的用法。
    7
  • 3
    js开发：请解释同步和异步编程的区别。
    12
  • 4
    学习JavaScript
    10
  • 5
    JS 几种循环遍历
    8
  • 6
    深入解析JavaScript原生操作DOM技术
    12
  • 7
    深入剖析JavaScript的事件循环
    11
  • 8
    JavaScript中的性能优化：代码优化技巧与性能分析工具
    13
  • 9
    JavaScript中的错误处理：try-catch语句与错误对象
    7
  • 10
    浏览器插件crx文件--JS混淆与解密
    9

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）