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 のドキュメントをご覧ください。この投稿についてはフォーラムで話しましょう！