アニメーション愛好家とゲーム開発者の皆様に、エキサイティングなニュースがあります! SpineチームがSpine 4.2をリリースし、素晴らしい新機能がいくつか追加されました。PixiJSユーザーにとって最も嬉しいのは、これらの注目すべき機能をv7とv8の両方で今日から活用できることです!
ご存知ない方のために説明すると、Spineは素晴らしい2Dアニメーションを作成するための標準です。直感的なエディターと、さまざまなプラットフォームでアニメーションを利用できるようにする多数のランタイムを提供しています。PixiJSは、ほぼ両者が存在した当初から(約10年前!)、Spineをサポートしてきました。個人的には、私たちも同じくらいの期間、Spineを使ったゲームをリリースしています。
当初、私たちは独自のプレーヤーをメンテナンスしていました。これはうまくいきましたが、Spineが進化し、新しいリリースが導入されるにつれて、カスタムプレーヤーを修正するためにかなりの時間とエネルギーを費やす必要がありました。過去1年間、PixiJSのelementalcodeが優れたHTML5ランタイムに基づいて初期実装を行った後、Esotericチームがプレーヤーのv7バージョンを管理してきました。つまり、これらの素晴らしいアップデートがリリースされると、PixiJSコミュニティはほぼすぐにそれらを使用できるのです!
以下に、いくつかのエキサイティングな新機能を紹介します。
🏋️♂️ Spineの物理演算
Spine 4.2は、内蔵の物理演算によりアニメーションに革命をもたらし、骨が現実世界の物理演算をシミュレートすることで自然に動くようにします。これはつまり、
- 自動二次モーション:髪、服などの自動モーションによって時間を節約し、アニメーションを強化します。
- ダイナミックモーション:キャラクターの動きやアニメーションに反応する、流動的でリアルな物理演算をお楽しみください。
📎 アタッチメント
シンプルなAPIを使用して、任意のPixiJSコンテナをアニメーションのスロットにアタッチできるようになりました。
addSlotObject(slotName, object)
removeSlotObject(slotName)
getSlotObject(slotName)
🏎️ v8 Spineプレーヤーベータ版
v8のことを忘れていたわけではありません! WebGPU(およびWebGL!)レンダラーの中で最速であることを目標にv8を設計したように、Spineのv8実装にも同じ焦点を当てました。以下に、いくつかの素晴らしい統計を示します。
- 50%高速化:大幅なパフォーマンスの向上により、以前のv7バージョンより50%以上高速になりました。
- 50%のメモリ削減:メモリ使用量を最適化し、現在のv7バージョンと比較して50%以上削減しました。
これは、Web上でSpineアニメーションをレンダリングする最も速い方法の1つである、あるいは最も速い方法であると自信を持って言えます🏆。スムーズで高性能なアニメーションを簡単に作成する準備をしましょう。
すべてのiに点を打ち、tをクロスさせたら、この実装をSpineチームに返還する予定です。最後に残っている機能は、v8でレンダリングする際に現在考慮されていない暗い色合いのプロパティです。それ以外は、他のすべての機能が存在します。暗い色合いを使用していない場合は、このバージョンがv8でうまく動作します。すでにゲームの制作に使用しています!
リポジトリにすべてのサンプルを同梱して、こちらで試せるようにしました。
ライブのv8サンプルをこちらで確認することもできます。
📲 最新情報を入手
最新の更新については、ソーシャルメディアでDoormat23とPixiJSをフォローしてください。リアルタイムなディスカッションとサポートについては、Discordの活気のあるコミュニティに参加してください。