PixiJS 是什么

那么 PixiJS 到底是什么？从本质上说，PixiJS 是一种渲染系统，它使用 WebGL（或可选的 Canvas）来显示图像和其他 2D 可视化内容。它提供了一个完整的场景图（要渲染的对象层次结构），并提供交互支持以启用点击和触摸事件处理。它是现代 HTML5 世界中 Flash 的自然替代品，但它提供了超越 Flash 所能实现的更好性能和像素级效果。它非常适用于在线游戏、教育内容、互动广告、数据可视化......任何复杂图形非常重要的基于 web 的应用程序。再加上 Cordova 和 Electron 等技术，PixiJS 应用程序可以作为移动和桌面应用程序在浏览器之外进行分发。

以下是 PixiJS 的其他功能

PixiJS 是 ... 快速的

PixiJS 与其他基于 Web 的渲染解决方案相区别的主要特性之一是速度。从一开始，渲染管线就旨在从用户的浏览器中获得最佳性能。自动精灵和几何体批处理、谨慎使用 GPU 资源、紧凑的场景图 - 无论你的应用程序如何，速度都是宝贵的，而 PixiJS 却有足够的速度。

... 超越精灵

网页上的绘图可以使用 HTML5 和 DOM 来处理，那为什么还要使用 PixiJS？除了性能，答案是 PixiJS 超越了简单的图片。使用 MeshRope 绘制轨迹和痕迹。使用 Graphics 绘制多边形、线、圆圈和其他基本体。使用 Text 提供与精灵一样的出色文本渲染支持。即使是绘制简单的图片，PixiJS 本机地支持雪碧图，以便更有效地加载和轻松开发。

…硬件加速

JavaScript 有两个用于处理图形渲染硬件加速的 API：WebGL 和更加先进的 WebGPU。本质上，这两个 API 都是 JavaScript API，可访问用户的 GPU 来实现快速渲染和高级效果。PixiJS 利用这两个 API 来有效地显示数千个移动精灵，即使是在移动设备上。但是，使用 WebGL 和 WebGPU 不仅仅是实现了速度提升。通过使用 Filter 类，你可以编写着色器程序（或者使用预先构建的程序！）来实现位移贴图、模糊和其他高级视觉效果，这些都是无法通过 DOM 或 Canvas API 单独完成的。

…开源

想了解这个引擎是如何工作的吗？想追查一个 bug 吗？曾经因为闭源项目停止而捉襟见肘吗？有了 PixiJS，你可以获得一个成熟的项目，并获得完整的源代码访问权限。我们采用 MIT 许可证以确保兼容性，并且在 GitHub 上托管 以便于追踪问题和轻松访问。

…可扩展性

开源是有帮助的。基于 JavaScript 也是有帮助的。但是，真正让 PixiJS 易于扩展的原因是支撑系统每一个部分的干净内部 API。经过多年的开发和 5 个主要版本，PixiJS 已做好准备让你的项目取得成功，无论你的需求是什么。

…易于部署

Flash 需要播放器。Unity 需要安装程序或应用商店。PixiJS 需要... 一个浏览器。在网上部署 PixiJS 与部署网站完全一样。就是这样——JavaScript + 图片 + 音频，就像您做过数百次一样。您的用户只需访问一个 URL，您的游戏或其他内容就可运行。但这不仅仅局限于网络。如果您想部署移动应用，可将您的 PixiJS 代码包装在 Cordova 中。想部署独立桌面程序？构建 Electron 包装，您就可以行动了。