跳至主要内容

PixiJS 加入 Spine 4.2 物理革命!🚀

·3 分钟阅读时间
GoodBoyDigital

对于所有动画爱好者和游戏开发者来说,我们有一个激动人心的消息!Spine 团队刚刚在 Spine 4.2 的发布会上惊艳众人,其中包括一些真正出色的新功能。对于我们 PixiJS 用户来说,最好的部分是什么?我们今天就可以在 v7 和 v8 中开始利用这些非凡的功能!

对于那些不熟悉的人来说,Spine 是创建令人惊叹的 2D 动画的标准。它提供了一个直观的编辑器和众多运行时,以确保你的动画可以在各种平台上使用。在 PixiJS 和 Spine 同时存在的几乎所有时间里(大约 10 年)里,PixiJS 都支持 Spine!就个人而言,我们也使用 Spine 制作游戏约有那么久了。

最初,我们维护自己的播放器。这样做效果很好,但随着 Spine 的发展和新版本的推出,我们不得不投入大量时间和精力来修改我们的自定义播放器。去年,在 PixiJS 的 elementalcode 在其出色的 HTML5 运行时之上进行了初步实施后,Esoteric 团队一直在管理 v7 版本的播放器。这意味着随着这些令人难以置信的更新的发布,PixiJS 社区几乎可以立即使用它们!

以下是一些令人兴奋的新功能

🏋️‍♂️ Spine 中的物理

Spine 4.2 通过内置物理特性彻底改变了动画方式,它可以通过模拟真实世界的物理特性让骨骼自然地移动。这意味着

  • 自动次要运动:节省时间,并通过自动化运动让你的动画在头发、衣服等方面得到增强。
  • 动态运动:享受能够针对角色移动和动画做出响应的流畅而逼真的物理效果。

📎 附件

你现在可以使用一个简单易用的 API 将任何 PixiJS 容器附加到动画中的插槽里。

  • addSlotObject(slotName, object)
  • removeSlotObject(slotName)
  • getSlotObject(slotName)

🏎️ v8 Spine 播放器测试版

我们没有忘记 v8!正如我们设计 v8 的目标是使其成为最快的 WebGPU(和 WebGL!)渲染器一样,我们也会将这种关注点应用到 Spine 的 v8 实现中。这里有一些令人印象深刻的统计数据

  • 快 50%:享受显著的性能提升,使其速度比之前的 v7 版本快 50% 以上。
  • 内存减少 50%:我们已优化内存使用量,与当前的 v7 版本相比,内存使用量减少了 50% 以上。

我们很自豪地说,这是渲染 Web 上 Spine 动画最快的一种方式,如果不是的话🏆。准备好轻松创建流畅的高性能动画吧。

一旦我们点明了 i,并标记了 t,我们计划将此实现再交给 Spine 团队。最后一个缺失的功能是暗色调属性,它目前在 v8 中渲染时并未考虑在内。除此之外,所有其他功能均已具备。如果你不使用暗色调,那么此版本將在 v8 上完美运行;我们已经在我们的游戏中将其用于生产了!

我们在仓库中为你提供了所有示例供你使用,点此

你还可以查看实时 v8 示例,点此

📲 保持联系

关注社交媒体上的 Doormat23PixiJS,获取最新更新。加入我们充满生机的 Discord 社区,参与实时讨论和获取支持。