跳到主要内容

欢迎来到 PixiJS 宇宙!

·11 分钟阅读时间
Zyie

我们很高兴地宣布推出 PixiJS 宇宙,这是一项旨在进一步提升 PixiJS 功能并让开发人员更轻松地制作精彩游戏和应用的计划。

多年来,PixiJS 一直都是网络中最受欢迎的 2D 渲染器,但它始终“只是一个渲染引擎”。社区创造了许多出色的工具来帮助开发人员使用 PixiJS 构建游戏和应用程序,但我们缺少维护和改进这些工具的人力,从而导致社区的分散。为了解决这个问题,Playco 已经组建了一支由开发人员组成的专门团队,他们将全职从事 PixiJS。在接下来的一年里,我们计划了十几个项目,在此公告中,我们想要介绍其中的一些。

第一阶段

我们正在进行多个新项目,并且将在今年分四个阶段发布这些项目。我们目前即将完成第一阶段,在此阶段中,我们已经为 PixiJS 发布了几个令人兴奋的新工具和库

PixiJS 网站

首先,我们很高兴地宣布我们将发布 PixiJS 新网站的 beta 版本。

多年来,当前文档一直经历着长期的有机增长,但很少有结构,因此 PixiJS 文档的大部分内容都分散在多个网站中。这个新网站将把您需要的一切集中在一处,并且可以轻松搜索。

我们还计划改进文档,增加更多指南和示例,并考虑将文档翻译成其他语言。

如果您有任何关于如何改进网站的想法,请告诉我们!

PixiJS React​

接下来是 PixiJS React。这是一个在 React 应用程序中使用 PixiJS 的库。PixiJS React 是 Patrick Brouwer 创建的 react-pixi 库的延续,在 React 项目中被 PixiJS 社区广泛使用。PixiJS 已接手该库的维护,致力于改进该库的性能、文档和对新特性的支持。

该库提供一个易于使用的界面,这让开发者可以用 PixiJS 创建 React 应用程序变得容易。这个库集成了 PixiJS 的所有核心功能,允许您为第三方库创建自定义组件。

PixiJS 开源游戏​

我们现在发布了一个名为“PixiJS 开源游戏”的新代码库。这是一个开源游戏集合,展示了如何使用 PixiJS 创建游戏,并且在 MIT 许可下发布。这些游戏的目的是提供如何使用 PixiJS 进行游戏开发的专业示例。

发布的前两款游戏是一款匹配 3 游戏和一款泡泡射击游戏。这些游戏不仅演示了如何使用 PixiJS 进行游戏开发,还演示了如何使用其他库,比如 PixiJS UI 和 AssetPack。我们还计划发布更多游戏,这些游戏将演示如何将 PixiJS 与其他库(如 PixiJS Layout 和 PixiJS React)一同使用。

希望 PixiJS 开源游戏对希望了解如何使用 PixiJS 进行游戏开发的游戏开发者来说是一个宝贵的资源,并且对于希望使用 PixiJS 创建自己的游戏的开发者来说也是一个很好的灵感来源。该项目在 GitHub 上可用,供任何想要探索代码或为该项目做出贡献的人使用。

PixiJS UI & PixiJS Layout​

PixiJS UI 是一个适用于希望使用 PixiJS 创建漂亮而实用的用户界面的开发者的全新库。该库包括一系列组件,如按钮、复选框、滑块、文本输入、滚动视图、列表、单选按钮和进度条,可以轻松集成到游戏中。这些组件高度可定制,允许您调整每个元素的外观和行为以满足游戏的特定需求。

PixiJS UI 已用于所有开源游戏中,因此,您可随时查看这些游戏中的真实案例。

PixiJS Layout 是另一个能为您的开发人员生活带来便利的库。此库让您能够使用 PixiJS 创建响应式布局,这意味着您可以设计能够适应不同屏幕大小和纵横比的界面。PixiJS Layout 能很好地配合 PixiJS UI 使用,让您能够合并这两个库以创建复杂、动态的界面,这些界面可以响应用户输入和屏幕变化。

利用 PixiJS Layout,您可灵活地创建可调整大小的布局,以适合任何屏幕大小或设备。这意味着,您的游戏界面在各种设备上都会非常出色,无论是小型移动设备还是大型台式机显示屏。

PixiJS Layout 仍在开发中,但会在未来几周内准备就绪

AssetPack​

最后,在阶段 1 我们宣布推出 AssetPack。

资产管理是开发应用程序的重要组成部分,而新的 AssetPack 库旨在简化此流程。AssetPack 是一个与框架无关的库,可与任何框架一起使用,包括 PixiJS、ThreeJS 和 Phaser。它提供了众多功能,可帮助开发人员高效地管理他们的资产。AssetPack 的主要功能是能够即时自动生成新资产。例如,您可向其提供一个单独图像的文件夹,它将生成精灵表,这可以大幅提升应用程序的性能。它还提供即时生成多级渐远纹理、将字体转换成不同格式、将音频转换成不同格式、压缩图像以及缩小 JSON 的插件。这些功能可帮助开发人员对他们的资产进行优化,以加快加载时间、提高性能并改进用户体验。

我们很快就会发布一篇新博文,其中提供有关如何使用它的更多详细信息。凭借其众多的有用功能和与框架无关的设计,该库可用于任何框架。但是,如果您希望在今天就开始使用它,那就查看一下 GitHub 存储库

阶段 2​

阶段 2 将很快开始,旨在简化 PixiJS 应用程序的使用。

PixiJS JumpStart​

Jumpstart 是一款由 PixiJS 团队开发的新 CLI 工具,用于简化创建新 PixiJS 应用程序的流程。使用此工具,开发人员不再需要设置复杂工具或担心设置不同的捆绑器和框架。此工具将为您处理所有设置,让您能够专注于构建您的应用程序。

Jumpstart 将与其他 CLI 工具如 Create-React-App 或 Create-Vue 相似,这些工具已在前沿开发社区中流行起来。该工具将为不同的打包器和框架提供模板,包括 webpack、parcel、rollup 等。这将令开发者无论使用哪种偏好工具和工作流程,都能轻松地开始使用 PixiJS。借助 Jumpstart,你只需几分钟便能创建全新的 PixiJS 应用程序,并立即开始构建。

PixiJS 开发工具​

PixiJS 开发工具将成为浏览器扩展,计划很快发布,旨在帮助开发者调试 PixiJS 应用程序。该工具的目的在于帮助开发者更容易地了解 PixiJS 的内部工作原理、优化其代码以及遵循最佳实践。它被设计用来帮助开发者诊断性能问题和可视化他们的应用程序正在消耗的资源。

PixiJS 开发工具的一项重要功能是它的帮助开发者了解 PixiJS 中批量处理复杂流程的能力。批量处理是一种用于优化在同一绘制调用中对多个对象进行渲染的技术。这个过程可能难以理解,对新开发者来说尤其如此。PixiJS 开发工具的目标在于简化对象渲染调试和优化。

总之,PixiJS 开发工具将是一款强大的工具,让开发者可以更轻松地构建具备高性能和视觉冲击力的 PixiJS 应用程序。通过为开发者提供对 PixiJS 内部工作原理的深入理解,这款工具包将帮助开发者优化其代码,并创建更高效和更具吸引力的应用程序。

第三阶段​

第三阶段中,我们的长期项目将开始揭晓。这些是对 PixiJS 生态系统的重大变更,对此我们激动万分

Comet​

Comet 将成为一款新的编辑器,旨在最大程度地简化使用 PixiJS 设计和创建游戏和应用程序。借助其直观和用户友好的界面,编辑器被设计成同时吸引设计师和开发者,让两组人员能够协作并更高效地工作。

Comet 的一项出众功能是它为创建和编辑场景、精灵、动画等提供的可视化界面。这意味着设计师无需编写任何代码,便可以创建和编辑复杂的场景。编辑器提供一系列工具和选项用于创建精灵、动画和其他游戏元素,帮助用户轻松开始创建游戏或应用程序。

此外,开发者将会喜欢运行时播放器功能,该功能允许他们在自己的应用程序中轻松地重新创建场景。这便于测试和反复修改设计,确保最终产品既实用又具有视觉吸引力。通过多人实时协作,Comet 使团队可以轻松地协作,共享资产和创意并在创纪录的时间内创建高质量的游戏和应用程序。

PixiJS v8​

PixiJS v8 将是下一主要版本,它代表了 PixiJS 从头开始的完全重写。开发团队利用其多年来的丰富经验对核心 PixiJS 引擎进行了改进和优化。新版 PixiJS 的设计更快、更高效,与 v7 相比渲染性能有了显著提升(目前为 x2)。

PixiJS v8 最令人激动的功能之一是包含对 WebGPU(由主要浏览器供应商开发的新图形 API)的一流支持。这将使开发者能够利用高级 GPU 功能,而这可以大幅度提升图形密集型应用程序的性能。除了支持 WebGPU,PixiJS 团队还对优化画布渲染器引擎做出了显著的努力,而这将作为一流选项提供给希望减少捆绑大小的开发者。

总体而言,PixiJS v8 代表了我们的一大飞跃,开发者可以期待一个速度更快且更有效率的引擎,该引擎更适合构建复杂的图形密集型应用程序。

阶段 4​

对于 PixiJS 而而言,阶段 4 代表着迈入新领域的飞跃,因为我们寻求更深入地探究严格的 2D 渲染以外的领域。

PixiJS 3D​

多年来,Goodboy(现为 Playco)有一个内部 3D 引擎,名为 Odie,其构建于 PixiJS 之上。我们现在计划对其进行开源,这对希望在自己的游戏或应用程序中无缝混合 2D 和 3D 内容的你们而言是激动人心的。通过 PixiJS 3D,你将不再需要在引擎或框架之间切换,便可以在项目中纳入 3D 元素。

尽管这项长期项目,但团队正在取得进展并且计划在今年晚些时候分享更多信息。该版本极大地扩展了 PixiJS 的功能,并在开发者构建其应用程序时赋予了他们更高的灵活性。

PixiJS 游戏引擎​

最后,我们非常激动地宣布,我们将开发一个名为 PixiJS 游戏引擎的新库。这款游戏引擎旨在提供你对 2D/3D 游戏引擎的所有期待,并将提供许多功能和工具,使游戏开发更加轻松和高效。

PixiJS 游戏引擎的一些功能将包括对物理引擎、音频、输入处理、资源加载和管理、状态管理、动画和补间等的支持。

结论

我们分享了关于新项目和 PixiJS 社区更新的许多激动人心的消息。未来几个月有很多值得期待的。

我们谨向 PixiJS 社区及其贡献者、Playco 致以诚挚的谢意,感谢你们的付出让这一切成为可能。我们很高兴看到您将使用这些新工具和资源创造什么,我们期望继续支持和发展 PixiJS 生态系统。请务必查看上面提到的 GitHub 链接,并继续关注 PixiJS Universe 的更多更新!