Spine– category –
2DアニメーションツールSpineに関する記事です。操作と書き出しの設定をまとめています。
-
Spineの代わりになる2Dアニメーションソフト比較｜用途と価格
Spineの代わりになる2Dアニメーションソフトを、公式の価格・ライセンス・対応OSで比較。ゲーム向けとVTuber・映像向けに分けて、迷ったときの選び方も示します。 -
SpineをUnityで動かす方法｜導入と再生
Spine で作ったアニメーションを Unity で動かすには、公式のランタイム spine-unity を入れます。 spine-unity の版は、書き出したエディタの版（4.3 など）と合わせる 入れ方は unitypackage か、Package Manager の git URL 書き出すファイルは .json ... -
Spineのメッシュとウェイト｜練習と切り分け
Spine のメッシュは、画像に頂点を置いて、画像を曲げたりゆがめたりできるようにする仕組みです。 頂点をボーンに結び付ける（ウェイトを付ける）と、ボーンを動かして画像を変形できます。 メッシュにする：リージョンアタッチメントのプロパティで「Mes... -
Spineのスキン切り替え｜Unityコードと確認
Spineのスキンは、アニメーションを再利用しながら、衣装などのアタッチメントや有効なボーン・コンストレイントを切り替える仕組みです。 衣装違いのキャラクターや、同じ動きの色違いの敵を作るときに使います。 スキンを作る：ツリーの「Skins」を選び... -
Spineの書き出し｜JSON・アトラスと版の確認
Spine で作ったアニメーションをゲームで動かすには、データ（JSON かバイナリ）と、画像をまとめたテクスチャアトラスを書き出します。 データは JSON かバイナリ。バイナリのほうがかなり小さい 「Pack」にチェックを入れると、データと一緒にテクスチャ... -
Spineの2本IK｜足の固定と届かない場合
IK は、手先や足先の位置を決めると、腕や脚の曲がり方を Spine が自動で計算する仕組みです。 歩くアニメーションで足が床にめり込まないようにするときなどに使います。 FKは親から子へボーンの回転を指定する方法で、IKは手先・足先の目標位置から回転... -
【Spine】使い方を解説！ちびキャラ作成！骨入れからセットアップ（リギング）まで
本記事では、ちびキャラの骨入れからセットアップ（リギング）まで、過去の制作例を解説します。掲載画面のSpineの版は特定できておらず、数値はこの素材向けの設定例です。別の素材では、親子関係やウェイトを確認して調整してください。 前回はSpineのコ... -
【Spine】動くちびキャラ作成！SDイラスト作成からインポートまでを解説
Spineへ取り込むSDイラスト（ちびキャラ）を、IllustratorとPhotoshopで準備する作業例です。 この記事は2020年3月の作業記録です。現行版の実機での再現確認は行っていません。 動かす部位を別レイヤーで描き、PSDからPNGと配置情報のJSONを書き出してSpi... -
【Spine】書き出しスクリプト「PhotoshopToSpine」の詳細解説と日本語化について
PhotoshopToSpineは、PSDの各レイヤーをPNG画像と配置情報のJSONへ書き出すスクリプトです。 2026年10月26日に公式READMEと PhotoshopToSpine.jsx 7.42を再照合しました。 掲載画像と後半の行番号表は2020年当時の記録です。 2026年10月16日に、Windows 11... -
【Spine】初心者向けチュートリアル！インストールから使い方まで解説
Spineで風鈴を揺らす作例を使い、画像の取り込みからリグ（動かすための骨組み）とアニメーションを作る流れを解説します。 掲載画面と風鈴の操作手順は、2020年当時のSpine 3.8.84体験版・Photoshop CC 2017による例です。 初めて使う場合は、現行版のPSD... -
【Spine】Spineとは？初心者向けの始め方を解説
Spine（スパイン）は、2Dイラストにボーンを入れて動かすアニメーション制作ソフトです。 Essential／Professionalは買い切り型ですが、Enterpriseなどは契約期間が異なります。 基本機能から始めるならEssential、メッシュやIKによる変形・制御が必要なら...
1