RainEffect
发表于|更新于
|浏览量:
不要从你自己的口袋里掏出勋章借给你的朋友,这是侮辱他的——泰戈尔
分享一个真实的雨滴效果:
https://tympanus.net/Development/RainEffect/#slide-1
github地址:https://github.com/codrops/RainEffect
还是非常炫酷的

相关推荐
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎,使用 HTML5 和 JavaScript 构建。它功能强大且灵活,广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能,使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点: 丰富的图形和动画支持:提供 Sprite、Tilemap、Particle 等多种图形元素支持,方便实现复杂的游戏画面。 强大的物理引擎:内置多种物理引擎,包括 Arcade Physics 和 Matter.js,支持游戏物体的碰撞、重力等物理效果。 跨平台:PhaserJS 支持在浏览器、移动设备等多种平台上运行,适用于开发基于 Web 的跨平台游戏。 易用的 API:PhaserJS 提供了清晰、易用的 API,使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站:PhaserJS Documentation GitHub 仓库:phase...
2025-08-06
awesome-phonenumber
天下之事不难于立法,而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”!深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中,处理和验证电话号码是常见但却容易“踩坑”的细节:格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼?现在,有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber! 什么是 @grantila/awesome-phonenumber?它是一个基于 Google libphonenumber 的预编译版本,专为 Node.js 和前端环境设计,拥有更简洁的接口、极小的体积、无依赖,并且支持 TypeScript。简而言之,它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库! 主要特色 超小体积,无依赖:极大节省你的项目空间,运行速度快,加载迅速。 API简洁易用:新版 API 更加清晰,无需复杂构造或函数调用,错误处理也更友好(不抛异常)。 TypeScript ...
2021-04-13
学习uni-app官方教程
生命是一条奔流不息的河,我们都是那个过河的人。——席慕蓉 官网 我们直接实战 创建两个项目 从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下 然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...
2022-11-20
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2022-03-31
vue项目配置可选调用链
生活是苦难的,我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置,因此只能手动配置 介绍:https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装: 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增: 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整: 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2024-06-11
tensorflowjs
生命的定义就是拥有明天。——冯骥才 我们有一些前端机器学习的需求可以用这个 https://www.tensorflow.org/js/demos?hl=zh-cn 这有非常多的demo Holobooth 也很好玩 https://lipsync.withyoutube.com/ 开始 bookmark_border TensorFlow.js 是一个 JavaScript 库,用于在浏览器和 Node.js 训练和部署机器学习模型。 了解开始的更多方式,请参阅下面的部分。 在不直接处理张量的情况下编写 ML 程序想要开始机器学习,同时不用担心任何类似张量或优化器的低级细节吗? ml5.js 库构建在 TensorFlow.js 之上,通过简洁的、可利用的 API,可以在浏览器中访问机器学习算法和模型。 Check out ml5.js 安装 TensorFlow.jsTensorFlow.js 与 Tensors (张量)、Layers (图层)、Optimizers (优化器) 和损失函数等概念兼容(或希望与它们兼容)吗?TensorFlow.js 为 JavaScr...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog