# PageAnimation **Repository Path**: gitee-frontend/page-animation ## Basic Information - **Project Name**: PageAnimation - **Description**: Gitee 全站最「渣」仓库,帅到掉渣 - **Primary Language**: JavaScript - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: https://gitee-frontend.gitee.io/page-animation/ - **GVP Project**: No ## Statistics - **Stars**: 401 - **Forks**: 85 - **Created**: 2020-03-31 - **Last Updated**: 2025-04-23 ## Categories & Tags **Categories**: animation **Tags**: None ## README # PageAnimation > 这个仓库是 Gitee 全站最「渣」仓库,真的真的非常渣,都掉下来了!!! > 如果你的电脑卡死了,说明你该换台新电脑了!!! > > -- [红薯](https://gitee.com/ld) ## 演示效果 https://gitee-frontend.gitee.io/page-animation/ ## 贡献 想改进这个动画?可以试试做以下改进: - 让碎片转起来 - 让碎片掉得更快 - 加上 3D 变换,让碎片转得更有立体感 - 优化渲染性能,让动画更流畅 - 解决手机端的页面内容模糊的问题 ## 参考 - [码云前端组开发日志](https://gitee-frontend.gitee.io/blog/2020/04/01/gitee-project-animation/) - [Canvas - Web API 接口参考 | MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API) - [如何将一个 JavaScript 数组打乱顺序? - 知乎](https://www.zhihu.com/question/68330851) - [HTML5/Canvas 物理学自由落体动画 - 踏得网](https://wow.techbrood.com/fiddle/7854)