spine-canvaskit runtime released

July 9th, 2024

We're happy to announce the general availability of our brand new spine-canvaskit runtime.

spine-canvaskit allows you to render Spine animations via CanvasKit, the WebAssembly version of Skia, an open-source 2D graphics library that powers Chrome, Android, Flutter, and many other products.

spine-canvaskit is built on top of spine-core, our TypeScript runtime. As such, spine-canvaskit allows you to render Spine animations in all JavaScript environments that support WebAssembly, such as modern browsers or Node.js.

One of the use cases we are most excited about is the possibility to use spine-canvaskit to render Spine animations in headless environments, such as servers, via Node.js. Check out our headless rendering example, powered by spine-canvaskit, CanvasKit, and Node.js.

In the browser, spine-canvaskit is likely less useful, as CanvasKit is a large dependency weighing in at ~3.3MB. Have a look at our spine-player, spine-phaser, or spine-pixi runtimes if you want to play back Spine animations in your web app. That said, you can create fun little things on the web with CanvasKit. Try dragging Celeste around :)

Read the spine-canvaskit documentation to learn more and discuss this post on the forum.


July 2nd, 2024


この新しいランタイムは、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 のドキュメントおよびサンプルプロジェクトをチェックしてみてください。


フォロースルーとアクションのオーバラップ - Spineを使ったアニメーション #8

May 15th, 2024


動画で使用している画像とSpineプロジェクトは以下にあります: https://esotericsoftware.com/files/projects/follow-through-and-overlapping-action-project.zip