HTML5实现的瀑布动画，超逼真
16lz
2021-01-22
插件简介
HTML5 Canvas是一个很有意思的前端网页技术，我们在Canvas画布上可以做任何有趣的事情。今天要分享的这款瀑布动画就是利用了HTML5 Canvas的相关特性实现的。这个瀑布非常美妙，因为它模拟了整个瀑布落入湖面的美妙景象，但是从逼真度上来说，还是稍微有待改进，不过个人觉得已经非常不错了。
这个HTML5瀑布动画依赖于一个HTML5 2D渲染引擎：Pixi.js，Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。Pixi渲染器可以开发者享受到硬件加速，但并不需要了解WebGL。
插件预览
插件下载
在线演示链接：
https://www.html5tricks.com/demo/html5-canvas-waterfall-lake/index.html
插件下载链接：
https://www.html5tricks.com/download/html5-canvas-waterfall-lake.rar
Pixi.js官方网站：
https://www.pixijs.com/
解压密码：RJ4587
©著作权归作者所有：来自51CTO博客作者mb5ff5930cde1cd的原创作品，如需转载，请注明出处，否则将追究法律责任更多相关文章
- Bong！5 款超牛逼的 Jupyter Notebook 插件！
- SPI 机制-插件化扩展功能
- 8 个给前端的顶级 VS Code 扩展插件 [每日前端夜话0x33]
- jupyter平台最强插件没有之一
- 用了这个jupyter插件，我已经半个月没打开过excel了
- 答应我，用了这个jupyter插件，别再重复造轮子了
- 好用到飞起的12个jupyter lab插件
- jupyter lab最强代码提示插件来了
- 15款好用到爆炸的Jupyter Lab插件