前言
此篇文章源于前段时间商业有个项目需求，要实现一个比较复杂的 H5 交互动画。那说到动画常用的技术方案无非是下面几种：
- gif 图
- css3 动画属性
- 原生 Javascript 实现
- Canvas
- WebGL
gif图和css3动画属性显然只能实现展示型动画，而通过原生代码实现交互动画又是很复杂的，同时还得考虑动画的兼容性和性能问题。WebGL因为可提供硬件加速渲染，其渲染性能肯定是高于canvas的，但考虑到canvas与WebGL兼容性对比（如下图所示）及综合我们的项目要求，最初方案选定了用Canvas实现。
pixi 功能很强大，是好多人制作复杂动画和小游戏的首选，但学习 pixi 的中文资料不多，更复杂些的功能需要查看官方英文文档和研究源码了解，欢迎大家一起研究、探讨 pixi 的更多更好玩的功能！