spine-pixiランタイムをリリースしました

July 25th, 2024

新しく spine-pixi ランタイムをリリースしました！

PixiJSは、WebGL ベースのレンダリングライブラリとして長年にわたって最も広く使用されているライブラリの 1 つであり、その高速で柔軟なレンダラーによって数え切れないほどの Web ゲームやアプリケーションに力を与えています。

spine-pixi は当社のTypeScriptランタイムである spine-core の上に構築されています。spine-pixi はSpineのすべての機能をサポートしており、さらに PixiJS オブジェクトをスロットにシームレスに追加する機能も提供し、クリッピングアタッチメントや透明度にも対応しています。また、スロット内に他の Spine スケルトンを埋め込むこともでき、プロジェクトに大きな柔軟性と創造性を提供します。

PixiJS は最近バージョン 8 をリリースし、WebGPU のサポートと大幅な内部リファクタリングを導入しましたが、残念ながらこのバージョンについては spine-pixi はまだ対応していません。ただし近日中に対応する予定です。v8 サポートが利用可能になった時に通知を受け取りたい方は、GitHub トラッカーでこのissueを購読してください。

利用するには、まず spine-pixi のドキュメントをご覧ください。また、このリリースに関する話題はフォーラムで話しましょう！

spine-canvaskitランタイムをリリースしました

July 9th, 2024

新しく spine-canvaskit ランタイムの一般提供を開始しました。

spine-canvaskit を使用すると、Chrome、Android、Flutter、その他多くの製品で使用されているオープンソースの 2D グラフィックライブラリ Skia のWebAssemblyバージョンである CanvasKit を介して Spineアニメーションをレンダリングすることができます。

spine-canvaskit は、当社のTypeScriptランタイムである spine-core の上に構築されています。そのため、spine-canvaskitを使用すれば、モダンブラウザや Node.js など、WebAssemblyをサポートするすべてのJavaScript環境でSpine アニメーションをレンダリングできます。

最も期待できる使用例の 1 つは、spine-canvaskit を使用して Node.js 経由でサーバーなどのヘッドレス環境でSpineアニメーションをレンダリングできることです。spine-canvaskit、CanvasKit、および Node.js を使用したヘッドレスレンダリングの例をご覧ください。

ブラウザでは、CanvasKit が ~3.3MB という大きな依存関係にあるため、spine-canvaskit の有用性は低いでしょう。ウェブアプリで Spineアニメーションを再生したい場合は、spine-player、spine-phaser、spine-pixiランタイムをチェックしてみてください。とはいえ、CanvasKitを使えばウェブ上でちょっとした楽しい物を作ることができます。Celeste をドラッグして動かしてみてください :)

詳しくはspine-canvaskit のドキュメントをご覧ください。この投稿についてはフォーラムで話しましょう！

spine-iosランタイムをリリースしました

July 2nd, 2024

新しく、spine-iosランタイムをリリースしました！

この新しいランタイムは、SwiftとSwiftUI、またはObjective-CとUIKitのどちらを利用していても、あなたのiOSアプリにSpineアニメーションを統合することを容易にします。spine-ios は、C++用ランタイムである spine-cpp の上に構築されています。

コアとなる Spineランタイム API は、Swift と Objective-C のイディオムとして公開されています。また、コア API の上に、Spineアニメーションを簡単に統合できる SpineView (SwiftUI) や SpineUIView (UIKit) のような iOS 固有のクラスを作成しました。

spine-ios は Swift Package Manager または CocoaPods でプロジェクトに追加できます。

詳細については、spine-ios のドキュメントおよびサンプルプロジェクトをチェックしてみてください。

このブログ記事についてフォーラムで話しましょう！