スロットゲーム向け Spineアニメーション＆VFX制作
著者 Jim Tseng, 創業者 兼 アートディレクター更新日
PlaySmith Studioは、スロットゲームのアセットをSpineでアニメーション化し、あわせてパーティクルVFXを制作します。シンボルの当選・停止・待機、キャラクター、ロゴ、ビッグウィンやフリースピンの導入演出、UIフィードバックまで対応。編集可能なSpineプロジェクトとJSON・アトラスの書き出し、エンジンが必要とする場合はスプライトシートも用意し、Spineランタイム、Unity、Cocos、HTML5向けにパッケージして納品します。
- アニメーション手法
- Spineスケルタルアニメーション＋パーティクルVFX
- 対応エンジン
- Spineランタイム、Unity、Cocos、HTML5
- 納品物
- .spine、JSON／バイナリ、アトラス、スプライトシート
- 1タイトルの制作期間
- 30営業日（約6週間）
- 制作体制
- アーティスト20名以上、月5タイトルまで並行対応
- 見積もり回答
- 3〜5営業日、打ち合わせ不要
Spineでアニメーション化できるスロットのアセットは？
スロット画面で動くビジュアル要素は、すべてSpineスケルトン、パーティクルエフェクト、またはその両方で制作できます。下表はフルタイトル制作における一般的な構成です。単体でのご依頼では、シンボル1セットのみといった一部だけの対応も承ります。
| アセット | 通常制作するステート | 主な形式 |
|---|---|---|
| シンボル（低配当・高配当・ワイルド・スキャッター・ボーナス） | 待機（idle）、停止（land）、当選（win）、当選ループ、期待演出（anticipation） | Spineスケルトン＋VFXオーバーレイ |
| キャラクター（ホスト、マスコット、敵役） | 待機、当選リアクション、ボーナス導入、フリースピン中の待機 | メッシュ変形を使ったSpineスケルトン |
| ロゴ | ローディングループ、タイトル出現、待機時のきらめき | Spineまたは連番フレーム |
| ビッグウィン／メガウィン／エピックウィン | 導入、カウントアップループ、終了 | Spine＋パーティクルのスプライトシート |
| フリースピン・ボーナスの導入演出 | 画面遷移イン、ステージ待機、画面遷移アウト | Spine＋パーティクルのスプライトシート |
| UIフィードバック | スピン押下、ベット変更、オートプレイ、リール停止、倍率ポップ | Spineまたはスプライトシート |
| 背景・環境演出 | パララックスレイヤー、光線、天候、火の粉 | Spineループ＋パーティクル |
PlaySmithにSpineアニメーションを外注すると何が納品されますか？
納品するのはプレビュー動画ではなく、そのままエンジンに組み込めるアニメーションパッケージです。すべての納品に、編集可能なソースと、開発チームがビルドに投入できる書き出しデータが含まれます。
- スケルトン・ボーン・スロット・スキン・アニメーションに名前を付けた、編集可能な.spineプロジェクトファイル
- JSONまたはバイナリ形式のスケルトン書き出しと、パックされたテクスチャアトラス（.atlasとPNGページ）
- スケルトンとして再生できないアセット向けの連番フレームまたはスプライトシート
- アルファ付きスプライトシート（フリップブック）形式のパーティクルVFX：グロー、火花、コイン、煙、魔法の軌跡など
- すべてのスケルトン、アニメーション、タイムラインイベントと、その発火タイミングを一覧にした命名表
- エンジンごとのフォルダ構成と簡単な組み込みメモ、さらに承認用に各ステートのMP4／GIFプレビュー
書き出しデータはどのエンジン・ランタイムで使えますか？
書き出しは下記4つの環境に合わせて準備します。キックオフ時にエンジンとランタイムのバージョンをお知らせください。自社開発のパッケージングシステムが、自動スライス、統一された命名、サイズ・形式チェックを行い、環境に合ったパッケージを生成します。
| エンジン | 納品内容 | 備考 |
|---|---|---|
| Spineランタイム（公式） | JSONまたはバイナリのスケルトン＋アトラス | 書き出しバージョンはお使いのランタイムに合わせます |
| Unity | Spine-Unity用フォルダ、非スケルタルVFX用スプライトシート | アトラスページはターゲットプラットフォームに合わせたサイズ |
| Cocos（Creator／2d-x） | Spine書き出し＋アトラス、ご要望に応じてスプライトフレーム | プレハブの命名規則に合わせた名前を維持 |
| HTML5（PixiJS、Phaser、独自WebGL） | Spine JSON＋アトラス、JSON hash／array形式のスプライトシート | Web読み込み時間に配慮した圧縮PNGページ |
アニメーションのステートはどのように命名・パッケージされますか？
アセットごとに1スケルトン、ステートごとに1アニメーションとし、名前は制作開始前に合意します。フラットで小文字の予測しやすい命名規則を採用しているため、コード側で変換テーブルを持たずにステートを参照できます。
貴社に既存の命名規則があれば、そちらに合わせます。パッケージングシステムが納品前にすべてのファイル名、寸法、形式を検査するため、名前の誤りやサイズ違いのまま届くことはありません。
- スケルトン：sym_wild、char_host、ui_spin_btn、fx_bigwin
- アニメーション：idle、land、win、win_loop、anticipation、intro、outro
- サウンドやロジックのフック用タイムラインイベント：hit、coin_burst、loop_start など
- 1つのリグを共有するシンボル差分用のスキン：ゴールド版と通常版など
- フォルダ構成：/spine/<asset>/、/sheets/<asset>/、/fx/<effect>/ の各フォルダにREADMEを同梱
モバイルスロットでも軽く動くSpineアニメーションにするには？
パフォーマンス予算はキックオフ時に貴社の開発チームと取り決め、すべてのファイルで遵守します。適切な数値はエンジン、対象端末、同時に動くシンボル数によって変わるため、固定の上限値は公開していません。当社が管理する主な調整項目は次のとおりです。
- アトラスサイズ：対象端末が対応する最大テクスチャサイズ内にページを収め、常に同時表示されるシンボルは1枚のアトラスにまとめる
- ボーン数とメッシュ数：動きに必要な最小限のボーンにとどめ、メッシュ変形は複数の個別画像を置き換えられる箇所のみに使用
- 描画順序とアタッチメントをグループ化し、可能な限り1スケルトンを1アトラスページに収める。クリッピングや追加のブレンドモードは避けるか分離する
- パーティクルVFXはアルファを詰めたトリミング済みスプライトシットに焼き込み、実行時に大量のパーティクルを計算せずフレーム再生で済むようにする
- 待機ループは短くシームレスにし、長時間プレイでもメモリ使用量を安定させる
Spineアニメーションの範囲と見積もりはどう決まりますか？
アニメーションはアセット単位・ステート単位で範囲を定めます。そのため、待機・停止・当選の3ステートを持つシンボルは、当選のみのシンボルより大きな項目になります。スロットのビジュアル制作一式の一部として、または既にお持ちのアートに対する単体パッケージとしてご依頼いただけます。
フル制作の一部としてご依頼いただく場合、SpineアニメーションとパーティクルVFXは1タイトルあたりUS$8,000からのプロジェクト単価（最終見積もりではなく、あくまで参考の起点価格）に含まれ、30営業日のサイクル内で制作します。継続的な案件をお持ちのスタジオには、専任チームと優先スケジュールを確保する月次キャパシティプランをご用意しています。対応範囲はビジュアルアセットのみで、組み込み作業は貴社の開発チームにお任せします。
- 1. アセットリスト、対象エンジン、参考ゲームをメールでお送りください。打ち合わせは不要です。
- 2. 3〜5営業日以内に、ステートごとの制作範囲と見積もりをお返しします。
- 3. NDAを締結し、命名規則とパフォーマンス予算を貴社の開発者と合意します。
- 4. 各ステートのプレビューレンダーを承認用にご提出。大幅な修正は1ラウンド分を含みます。
- 5. 書き出し、自動チェックと人によるQCを経て、ドキュメントとともに納品します。
Spineスケルタルアニメーションと連番フレーム、スロットにはどちらを使うべき？
ループするもの、ゲームの状態に反応するもの、複数端末でスケールさせる必要があるものにはSpineを使います。短時間で視覚的に密度が高く、リグを組むより焼き込むほうが安いエフェクトには、連番フレームまたはスプライトシートを使います。ほとんどのタイトルは両方を併用しており、当社は同じ元アートから両方を納品します。
| Spineスケルタルアニメーション | 連番フレーム／スプライトシート | |
|---|---|---|
| ファイルサイズ | 小さい：テクスチャ1セット、動きはデータとして保存 | フレーム数と解像度に比例して増える |
| 実行時の制御 | ブレンド、速度変更、スキン切替、イベント発火 | 再生、一時停止、ループ |
| 向いている用途 | リグ付きキャラクター、シンボル、UI、ロゴ | 流体、煙、爆発、焼き込んだ3D |
| 解像度 | 1つのプロジェクトからターゲットごとにアトラスを再書き出し | ターゲットサイズごとに別シートが必要 |
| エンジン要件 | Spineランタイム | 任意の2Dエンジン |
よくある質問
はい。レイヤー分けされたソースファイル（PSDまたは同等形式）をお送りいただければ、承認済みのデザインを変えることなくSpineでリグを組み、アニメーション化します。統合済みのPNGしかない場合は、まずレイヤーを再構築し、その作業は見積もりに別項目として記載します。ファイル共有の前にNDAを締結します。
両方を納品します。すべての納品に、JSONまたはバイナリのスケルトンとアトラスの書き出しに加え、編集可能な.spineプロジェクトが含まれます。これにより、貴社チームは当社に戻すことなく、後からタイミングの調整やステートの追加ができます。アートソースファイルの完全なIP譲渡は、完了と最終支払いの時点で行います。
貴社のランタイムが使用しているバージョンです。Spineの書き出しはエンジンにコンパイルされたランタイムのバージョンに紐づくため、キックオフ時に確認し、それに合わせて書き出します。異なるランタイムを持つ複数のエンジンビルドで展開する場合は、同じソースプロジェクトから複数の書き出しを提供します。
いいえ。PlaySmithが納品するのはビジュアルアセットのみで、ソフトウェア開発と組み込みは貴社チームの担当となります。パーティクルVFXはアルファ付きスプライトシート（フリップブック）として、またそのほうが軽い場合はSpine駆動のエフェクトレイヤーとして納品します。貴社の開発者がネイティブのパーティクルシステムでエフェクトを再構築する際にタイミングを合わせられるよう、参考レンダーも同梱します。
アセット数とステート数によって異なるため、ステート単位で範囲を定めています。スロットのビジュアル制作一式の一部としてご依頼いただく場合、アニメーションは1タイトルあたり30営業日（約6週間）のサイクル内に収まります。単体でのご依頼では、3〜5営業日以内に見積もりとあわせてスケジュールをお返しします。
プロジェクト単価には、大幅な修正1ラウンド分が含まれます。プレビューレンダーの確認中に出たタイミングやイージングの微調整は、書き出し前の通常制作の範囲内で対応します。承認済みデザインの変更や新規ステートの追加は、双方にとって範囲が明確になるよう別途お見積もりします。
はい。パッケージングシステムが書き出しのスライスと命名を自動で行うため、承認済みのSpineアニメーションからスプライトシート版のフォールバックを作るのは定型作業です。旧端末でも動作させる必要があるHTML5ビルドや、動画・バナー用にフレームが必要なマーケティングチームに役立ちます。
アセットリストをお送りください。ステート単位でお見積もりします
hello@playsmith.studio へのメール、またはお問い合わせページから、アセットリスト、対象エンジン、参考ゲームをお知らせください。非同期でのブリーフィングも歓迎で、打ち合わせは不要です。3〜5営業日以内に、アセット単位・ステート単位の見積もりをお返しします。
PlaySmithに問い合わせる本ページの数値は料金ページおよび llms.txt と同じ情報源に基づいています。