您的位置:首页 > Web前端 > HTML5

HTML5实现的瀑布动画,超逼真

2021-01-18 20:06 1046 查看

插件简介
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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: