# 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 全站最「渣」仓库，真的真的非常渣，都掉下来了！！！  
> 如果你的电脑卡死了，说明你该换台新电脑了！！！
> 
> -- <cite>[红薯](https://gitee.com/ld)</cite>

## 演示效果

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)