Spine– category –
2DアニメーションツールSpineに関する記事です。操作と書き出しの設定をまとめています。
-
SpineをUnityで動かす方法｜導入と再生
Spine で作ったアニメーションを Unity で動かすには、公式のランタイム spine-unity を入れます。 spine-unity の版は、書き出したエディタの版（4.3 など）と合わせる 入れ方は unitypackage か、Package Manager の git URL 書き出すファイルは .json ... -
Spineのメッシュとウェイト｜練習と切り分け
Spine のメッシュは、画像に頂点を置いて、画像を曲げたりゆがめたりできるようにする仕組みです。 頂点をボーンに結び付ける（ウェイトを付ける）と、ボーンを動かすだけで画像がなめらかに変形します。 メッシュにする：リージョンアタッチメントのプロ... -
Spineのスキン切り替え｜Unityコードと確認
Spine のスキンは、同じボーンとアニメーションのまま、見た目（画像）だけを差し替える仕組みです。 衣装違いのキャラクターや、同じ動きの色違いの敵を作るときに使います。 スキンを作る：ツリーの「Skins」を選び、「New...」→「Skin」 差し替える場所... -
Spineの書き出し｜JSON・アトラスと版の確認
Spine で作ったアニメーションをゲームで動かすには、データ（JSON かバイナリ）と、画像をまとめたテクスチャアトラスを書き出します。 データは JSON かバイナリ。バイナリのほうがかなり小さい 「Pack」にチェックを入れると、データと一緒にテクスチャ... -
Spineの2本IK｜足の固定と届かない場合
IK は、手先や足先の位置を決めると、腕や脚の曲がり方を Spine が自動で計算する仕組みです。 歩くアニメーションで足が床にめり込まないようにするときなどに使います。 作り方：ボーンを1本か2本（親と子）選び、プロパティの「New...」→「IK Constrain... -
【Spine】使い方を解説！ちびキャラ作成！骨入れからセットアップ（リギング）まで
本記事では、ちびキャラ作成における骨入れからセットアップ（リギング）までの手順を解説します。 前回はSpineの3つのコンストレイントのうち「パスコンストレイント」を使ってセットアップしましたが、今回は「トランスフォームコンストレイント」と「IK... -
【Spine】動くちびキャラ作成！SDイラスト作成からインポートまでを解説
Spineで動くキャラクターを作成する場合、等身の高い立ち絵よりもSDイラスト（ちびキャラ）を動かす事例が多く見られます。 ゲームでちびキャラを動かすならSpineですよね そこで今回は、SDイラストの作成からSpineへのインポートまで実際に行い、制作時の... -
【Spine】書き出しスクリプト「PhotoshopToSpine」の詳細解説と日本語化について
Spineへインポートするための書き出しスクリプト「PhotoshopToSpine」の詳しい使い方と、日本語化の手順を解説します。 2026年10月3日に公式配布の PhotoshopToSpine.jsx（ファイル内の scriptVersion は7.42）と公式READMEを照合しました。 掲載画像と後... -
【Spine】初心者向けチュートリアル！インストールから使い方まで解説
本記事では、Spine初心者向けに画像の取り込みからリグとアニメーションを作る流れを解説します。 掲載画面と風鈴の操作手順は、2020年当時のSpine 3.8.84体験版・Photoshop CC 2017による例です。 現行版では画面や導入手順が異なるため、ダウンロードとP... -
【Spine】Spineとは？初心者向けの始め方を解説
Spine（スパイン）は、2Dイラストにボーンを入れて動かすアニメーション制作ソフトです。Essential／Professionalは買い切り型ですが、Enterpriseなどは契約期間が異なります。 Essential／Professionalは月額不要の買い切り型で、基本機能のEssential版と...
1