我們有令人興奮的消息要告訴所有動畫愛好者和遊戲開發者!Spine 團隊剛剛以發布 Spine 4.2 震驚整個業界,其中包含一些真正很棒的新功能。對我們 PixiJS 使用者來說,最棒的部分是什麼?我們可以在 v7 和 v8 開始運用這些傑出的功能!
對於不熟悉的人來說,Spine 是用於建立令人驚艷 2D 動畫的標準。它提供一個直覺式的編輯器和大量執行環境,用來確保您的動畫可以在各種平台上使用。PixiJS 支援 Spine 的時間幾乎和兩者存在的時間一樣久,(大約 10 年)!就個人而言,我們也差不多用 Spine 製作遊戲有那麼長的時間了。
最初,我們自己維護播放器。這樣很不錯,但由於 Spine 不斷演進,並推出新的版本,我們必須投入大量的時間和精力來修改我們的自訂播放器。去年,Esoteric 團隊負責管理 v7 版本的播放器,而 PixiJS 的 elementalcode 利用其出色的 HTML5 執行環境做了最初的實作。這表示隨著這些令人難以置信的更新發布,PixiJS 社群幾乎可以立即使用它們!
以下列出一些令人興奮的新功能
🏋️♂️ Spine 中的物理
Spine 4.2 透過內建物理功能革新了動畫,讓骨骼能夠以模擬真實世界物理的方式自然移動。這表示
- 自動次要動態:省下時間,並透過自動化的動態為頭髮、衣服等強化您的動畫。
- 動態動態:享受流暢又逼真的物理效果,對角色動作和動畫做出回應。
📎 附件
您現在可以使用一個易於使用的 API 將任何 PixiJS 容器附加到動畫中的插槽。
addSlotObject(slotName, object)
removeSlotObject(slotName)
getSlotObject(slotName)
🏎️ v8 Spine Player Beta
我們不會忘記 v8!就像我們設計 v8 的目標是成為最快的 WebGPU(以及 WebGL!)渲染器一樣,我們也將這種重點應用於 Spine 的 v8 實作上。以下是令人印象深刻的統計資料
- 快 50%:享受顯著的效能改善,比先前的 v7 版本快 50% 以上。
- 記憶體減少 50%:我們已最佳化記憶體使用率,與目前的 v7 版本相比減少了 50% 以上。
我們很自豪地說,這是目前最快(如果不是最快的)在網路上渲染 Spine 動畫的方法🏆。做好準備,輕鬆製作流暢、高品質的動畫。
當我們把所有點都點完、所有的 T 都劃完後,我們計畫把這個實作版本交還給 Spine 團隊。最後一個缺少的功能是暗色調屬性,在 v8 中渲染時目前不會考慮到這個屬性。除此之外,其他功能都已經存在。如果您沒有使用暗色調,那麼這個版本將可以在 v8 上順利運作;我們已經在我們的遊戲中將它用於製作中!
我們在存放庫中包含了所有範例,讓您遊玩 這裡。
您也可以查看即時 v8 範例 這裡
📲 保持連線
追蹤 Doormat23 和 PixiJS 的社群媒體,以獲得最新更新。加入我們在 Discord 上充滿活力的社群,進行即時討論和獲得支援。