黎明之前，总有一段时间特别黑，悄悄努力你就会惊艳所有人。你不一定要逆风翻盘，但请一定向阳而生；你知道吗？梦想，就是梦里想做的事，醒来后，努力去实现；所谓的万丈深渊，走下去，也是前程万里。嘿，朋友。也许这个世界并不美好，但你足够好。前途未必光明坦荡，但一定充满无限可能。愿你不负青春，不负自己，做一个潇洒的人。

前言

接下来我会出一个 PixiJS 的系列文章，旨在为想了解 PixiJS 的小伙伴能更快的去了解和学习。（毕竟 PixiJS 的官网是英文文档。）

本文主要介绍了 PixiJS 是什么？能做什么？不能做什么？以便读者们有较明确的选择。

PixiJS 到底是什么？

官网的解释：HTML5创建引擎。最快、最灵活的 2D WebGL 渲染器。

详细点说：PixiJS 的核心是一个渲染系统，它使用 WebGL（或者Canvas）来显示图像和其他 2D 视觉内容。 它提供了完整的场景图（要渲染对象的层次结构），并提供交互支持以启用处理点击和触摸事件。 它是现代 HTML5 世界中 Flash 的自然替代品，但提供了更好的性能和像素级效果，超出了 Flash 所能达到的范围。 它非常适合在线游戏、教育内容、交互式广告、数据可视化……任何需要复杂图形的基于 Web 的应用程序。 再加上 Cordova 和 Electron 等技术，PixiJS 应用程序可以作为移动和桌面应用程序分布在浏览器之外。

Pixi API的优势在于它具有通用性：它不仅仅是一个游戏引擎。 因为你可以完全自由地使用它制作自己喜欢的东西，甚至是创建自己的游戏引擎。

PixiJS 的特点

市面上的渲染引擎很多，很多渲染引擎比PixiJS强，但为什么还有这么多人使用PixiJS？那就是因为PixiJS有别的引擎多不具备的特点。下面依次介绍一下。

很快，非常快！

PixiJS 是一个非常快的2D sprite渲染引擎。它与其他基于 Web 的渲染解决方案的主要区别之一是速度。 从底层开始，渲染管线已建立以使你在浏览器中获得尽可能多的性能。 无论是自动批量处理精灵和几何图形，还是细致的 WebGL 资源 和 紧凑的场景图， 都能使你的应用程序拥有非常快的运行速度。

不仅仅只有精灵（Sprites）

在页面上绘制图像可以使用 HTML5 和 DOM 来处理，那么为什么还要使用 PixiJS？ 除了性能之外，答案是 PixiJS 远远超出了简单的图像。 使用 SimpleRope 绘制小径和轨迹。 使用 Graphics 绘制多边形、线条、圆形和其他图元。 Text 提供与 sprite 一样高性能的全文渲染支持。 即使在绘制简单的图像时，PixiJS 本身也支持 spritesheets 以实现高效加载和易于开发。

WebGL 本地化

WebGL 是用于访问用户 GPU 以实现快速渲染和高级效果的 JavaScript API。 PixiJS 利用 WebGL 高效地显示数以千计的移动精灵，即使在移动设备上也是如此。 但是使用 WebGL 提供的不仅仅是速度。 通过使用 Filter 类，你可以编写着色器程序（或使用预构建的程序！）来实现置换贴图、模糊和其他仅使用 DOM 或 Canvas API 无法实现的高级视觉效果。

开源

PixiJS，是一个具有完整源代码访问权限的成熟项目。 我们可以获得 MIT 的兼容性许可，并托管在 GitHub 上以进行问题跟踪和轻松访问。

可扩展的

PixiJS 易于扩展的真正原因是干净的内部 API，经过多年的开发和 5 个主要版本，无论你的项目是什么，PixiJS 都可以和你的项目完美的结合。这一点怎么说呢？对于新手不是特别友好吧，会给人一种API不全的感觉。

易于部署

Flash 需要播放器。 Unity 需要安装程序或应用商店。 而 PixiJS 仅需要一个浏览器。
在网络上部署 PixiJS 就像部署一个网站一样。 用户只需访问一个 URL，你的游戏或其他内容就可以运行了。 但 PixiJS 远不止于网络。 如果想部署一个移动应用程序，需要把 PixiJS 代码包装到Cordova 中。 若需要部署独立的桌面程序，则需要构建一个 Electron 包装器。

PixiJS 不能做哪些事？

PixiJS 虽然有很多优点，但也有自己做不到的一些事。在咱们选择工具的时候，必须知道这个工具能做什么不能做什么。以防咱们选择了一个工具最后不能完成咱们的需求，那就完犊子了。所以，接下来咱们看一下 PixiJS 有哪些 “缺点”。

不是一个框架

PixiJS 旨在很好地完成一件事——渲染图形内容。 这让我们可以专注于跟上新技术的步伐，并且让 PixiJS 的下载速度非常快。
PixiJS 不像 Unity 或 Phaser 这样的框架。 框架旨在完成您在构建游戏时需要做的所有事情——用户设置管理、音乐播放、对象脚本、艺术管道管理等。

不是一个3D 渲染器

PixiJS 是一个 2D 渲染器。 对于平台游戏、冒险游戏、互动广告、自定义数据可视化等一切都能很好的支持。 但如果想渲染 3D 模型，那就不行了，可以查看一下 babylon.js 或 three.js 。

移动应用程序有限制

PixiJS 能很好的实现移动端应用，但是如果想要访问本机绑定，则需要使用像 Apache Cordova 这样的部署系统。 PixiJS 不提供对摄像头、定位服务、通知等的访问权限。

没有 UI 库

构建一个真正通用的 UI 系统， 一直是 PixiJS 的一个巨大的挑战，PixiJS 不像 Unity 有自己的 UI 库。 PixiJS 选择避免复杂性，以忠于对速度的核心关注。 虽然也可以使用 PixiJS 的场景图和交互管理器构建自己的 UI 库，但 PixiJS 并没有提供开箱即用的 UI 库。

数据存储

用户可以使用许多技术来实现存储设置。 Cookies、Web Storage、基于服务器的存储等都各有优缺点。 用户可以将它们中的任何一个与 PixiJS 一起使用，但PixiJS 不提供这样做的工具。

音频库

音频库在 PixiJS 中是支持的，但并不是开箱即用。网络音频技术是不断发展的，许多浏览器的规则都在不断变化。 有许多专用的网络音频库，例如 Howler.js 可以与 PixiJS 一起使用来实现播放音视频，也可以使用 PixiJS Sound 插件 与 PixiJS 很好地配合使用。

开发环境

有许多工具可以结合 PixiJS 来构建 2D 艺术和游戏，但这些工具并不是 PixiJS 的一部分，PixiJS 仅仅是一个渲染引擎，没有自己的开发环境。 打包sprite表、处理图像、构建mipmap 或 Retina-ready sprites 都有相对应的此类工具。 在之后的文章中适当的地方，我会列出对应的工具。

系列文章，兄弟们可以收藏专栏，以便系统的学习，当然别忘了点赞👍 👍 👍