# 什么是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 (opens new window)

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

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

Khan Academy: Computer Programming (opens new window)

Code Academy: JavaScript (opens new window)

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

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

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

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

Mongoose (opens new window)

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

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

注意

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

(译者:水平有限,翻译内容有诸多错误,请在这个github仓库 (opens new window)中创建issue,上面那个是Pixi官方文档仓库。)

lastUpdate: 11/16/2021, 6:11:55 AM