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
のドキュメントをご覧ください。また、このリリースに関する話題はフォーラムで話しましょう!
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
のドキュメントをご覧ください。この投稿についてはフォーラムで話しましょう!
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 のドキュメントおよびサンプルプロジェクトをチェックしてみてください。
このブログ記事についてフォーラムで話しましょう!
June 14th, 2024
最新のSpine Tipsビデオで、物理演算を使って制作をスピードアップする方法を学びましょう!
フォーラム