本次要介绍的Pixijs 是一个 HTML5 的 2D 渲染引擎，支持 Canvas 和 Webgl 两种方式渲染。使用 Pixijs 可以制作几乎所有的 2D 动画效果，甚至一些简单的小游戏都可以实现。目前在 Github 上，已经有超过 2W star，是最流行的 2D 渲染引擎之一。

Pixijs 采用纯代码开发的形式，虽然开发过程不像 Egret 和 Coco2d 有图形化工具方便，但是该开发过程十分灵活，并且能够与其他业务系统进行无缝对接，是很多前端动画开发者的最爱。本场 Chat 就让我们来研究一下，Pixijs 是如何制作动画的。

本场 Chat 包括：

Pixijs 安装和使用简介；
Pixijs 动画元素渲染；
Pixijs 事件处理；
Pixijs 必备的插件。

这篇文章主要记录，Phaser画中画游戏的制作流程以及制作难点，主要涉及以下几点：项目效果

• Phaser横屏适配
• 搭建图片
• 长按效果
• 结束页面

现在移动端高端大气的动画h5非常多，去各大素材网站，或者关注一些大型的公众号，不时就会推出一些新颖的形式。这些移动端的h5除了设计非常地漂亮以外，动画效果也特别棒。我们作为前端程序猿是很有必要去学习怎么样去制作这类型的动画效果。