什么是Pixi

Pixi是一个非常快的2D sprite渲染引擎。这是什么意思?这意味着它可以帮助你显示、动画和管理交互式图形，这样你就可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。它有一个合理的，整洁的API，并包括许多有用的功能，如支持纹理地图集和提供一个精简的系统，为动画精灵(交互式图像)。它还为您提供了一个完整的场景图，这样您就可以创建嵌套精灵(精灵中的精灵)的层次结构，并允许您将鼠标和触摸事件直接附加到精灵上。而且，最重要的是，Pixi可以让您自由的使用，使其适应您的个人编码风格，并与其它框架无缝集成。

Pixi的API实际上是Macromedia / Adob​​e Flash率先使用的，并且经过反复考验和改进，所以Flash开发人员极易上手。 当前使用类似的API的渲染框架包括：CreateJS，Starling，Sparrow和Apple的SpriteKit。 Pixi API的优势在于它具有通用性：它不是游戏引擎。 这样对使用者来说很棒，因为您可以完全自由地使用它制作自己喜欢的东西，甚至是创建自己的游戏引擎。

在本教程中，你将了解如何结合Pixi强大的图像渲染功能和场景图来开始制作游戏。但是Pixi不只是用于游戏——你可以使用这些技术来创建任何交互式应用，包括手机应用。

在开始学习本教程之前，您需要了解哪些知识呢？

你应该对HTML和JavaScript有一些了解，但不需要精通。如果你不知道HTML和JavaScript，最好还是从这本书学习一下。

Foundation Game Design with HTML5 and JavaScript

我知道这是最好的书，因为是我写的(译者向大佬鞠躬)。

当然，也有一些不错的网络资料供你入门。

Khan Academy: Computer Programming

Code Academy: JavaScript

选择一个你喜欢的方式就可以了。

还有一个问题，您知道什么是JavaScript变量、函数、数组和对象以及如何使用它们吗?您知道JSON数据文件是什么吗?你使用过Canvas绘图API吗？

要使用Pixi，您还需要在根项目目录中运行Web服务。 最便利的方法是使用node.js，然后安装http-server。 但是，有一个前提，需要你能够熟练使用Unix命令行。 您可以在此视频中学习如何使用Unix，然后再此视频中学习。只需花费几个小时即可学会如何使用Unix，这是与计算机进行交互的一种有趣且方便的方法。

但是如果你还不想在命令行上浪费时间，试试Mongoose Web服务：

Mongoose

你还可以使用Brackets编辑器编写所有代码。当你点击闪电按钮时，Brackets会自动启动Web服务和浏览器。

如果你已经准备好了，那就开始吧!

注意

这是一份实时文档。如果您对文档中的内容有任何疑问，请在此GitHub仓库中创建一个issue 。

（译者：水平有限，翻译内容有诸多错误，请在这个github仓库中创建issue，上面那个是Pixi官方文档仓库。）