Spine– category –

Spine で作ったアニメーションを Unity で動かすには、公式のランタイム spine-unity を入れます。 spine-unity の版は、書き出したエディタの版（4.3 など）と合わせる 入れ方は unitypackage か、Package Manager の git URL 書き出すファイルは .json ...

Spine のメッシュは、画像に頂点を置いて、画像を曲げたりゆがめたりできるようにする仕組みです。 頂点をボーンに結び付ける（ウェイトを付ける）と、ボーンを動かすだけで画像がなめらかに変形します。 メッシュにする：リージョンアタッチメントのプロ...

Spine のスキンは、同じボーンとアニメーションのまま、見た目（画像）だけを差し替える仕組みです。 衣装違いのキャラクターや、同じ動きの色違いの敵を作るときに使います。 スキンを作る：ツリーの「Skins」を選び、「New...」→「Skin」 差し替える場所...

Spine で作ったアニメーションをゲームで動かすには、データ（JSON かバイナリ）と、画像をまとめたテクスチャアトラスを書き出します。 データは JSON かバイナリ。バイナリのほうがかなり小さい 「Pack」にチェックを入れると、データと一緒にテクスチャ...

IK は、手先や足先の位置を決めると、腕や脚の曲がり方を Spine が自動で計算する仕組みです。 歩くアニメーションで足が床にめり込まないようにするときなどに使います。 作り方：ボーンを1本か2本（親と子）選び、プロパティの「New...」→「IK Constrain...

本記事では、ちびキャラ作成における骨入れからセットアップ（リギング）までの手順を解説します。 前回はSpineの3つのコンストレイントのうち「パスコンストレイント」を使ってセットアップしましたが、今回は「トランスフォームコンストレイント」と「IK...

Spineで動くキャラクターを作成する場合、等身の高い立ち絵よりもSDイラスト（ちびキャラ）を動かす事例が多く見られます。 ゲームでちびキャラを動かすならSpineですよね そこで今回は、SDイラストの作成からSpineへのインポートまで実際に行い、制作時の...

Spineへインポートするための書き出しスクリプト「PhotoshopToSpine」の詳しい使い方と、日本語化の手順を解説します。 2026年10月3日に公式配布の PhotoshopToSpine.jsx（ファイル内の scriptVersion は7.42）と公式READMEを照合しました。 掲載画像と後...

本記事では、Spine初心者向けにインストールから基本的な使い方までを解説します。 連動して動く簡単なリグも組むので、Spineの一通りの制作工程がわかります！ 今回は風鈴を揺らします。Spineが初めてでも数時間で作れます！ Spineは画像の取り込みから骨...

Spineは買い切り型のソフトで、月額料金はかかりません。 有料版はEssentialとProfessionalの2種類で、どちらも一度払えば使い続けられます。 料金は後半の表にまとめています。 本記事では、Spineの概要と初心者向けの始め方を解説します。 スマートフォ...