アニメーションを流用する際のSpriteStudioファイル管理
SpriteStudioは基本４つのファイルで構成されます。
- sspj ：プロジェクトファイル。全てのファイルを統括するファイル。
- ssae ：アニメーションファイル。アニメのフレームキーの情報などはここに入っています。
- ssce ：セルファイル。画像ファイルのどの部分を切り取ってパーツとして使うのかを管理しているファイル。
- png ：画像ファイル。実際に動かすために必要な絵がパーツ毎にバラバラ状態で描かれている透過pngファイル。
これら４つのファイルは密接に関連づいて紐付けされているので、量産時に前のデータを流用する際にちょっとしたコツが要ります。どれかひとつをリネームしただけで「見つからないよ！」とエラーを吐いてしまうので、単純にコピー＆ペーストしただけでは動かない事が多いのです。
ここでは特にソーシャルゲーム制作でよくある、同じアニメーションモーションを複数のキャラクタ絵で使い廻す際に自分が行っているファイルコピー手順を書いてみます。
パーツ毎の形状は変わらず、絵柄のみが変化し、且つセルマップの位置にも変化が無い場合、単純にssceを右クリックして【参照イメージの変更】で対象のpngファイルを変更してやればキャラクタ絵のチェンジは完了しますが、大抵のソーシャルゲームの場合キャラクタは数字のIDで管理され、それに対応するsspjやssaeも同様にIDが割り振られます。ですので先に挙げた基本の４ファイル全てをリネームして指定された位置に保存する必要があります。
ここでは以下のファイル構成の「与えられたpng画像から新規に流用アニメーションを作る」場合を考えてみます。oldキャラクタを流用してnewキャラクタを作る作業です。これは作業完了後の完成予想図です。psdから直接PSDtoSSを利用して作ったssceを使う場合はまた別の機会に。
フォルダ毎に１キャラクタなのが普通だと思いますが、ソシャゲには大抵「進化前」「進化後」がありますので、そういうキャラはひとまとめに同一のフォルダ管理をしているケースが多いと思います。勿論IDは違いますが。ここでは「進化前」＝oldから「進化後」=newを制作する、と思ってください。
フォルダ内rootにはsspjファイルがあります。
cellフォルダ内にはpng画像が入っています。psdは元となったPhotoshop画像が入っていますが、ここにまで戻って作業するといったケースは希な気がします。
oldフォルダ内にはssaeとssceが入っています。こちらを流用してnewファイルを作るのが今回の作業です。
１：新規フォルダ作成
oldフォルダと並ぶ位置にnewフォルダを作ります。大抵は指定されたIDナンバーで作成する事になると思います。
２：画像pngファイルの準備
cellフォルダの中に別途作成しておいたnew画像pngファイルを置きます。
３：sspjファイルの作成
old.sspjファイルをコピー＆ペーストしてnew.sspjにリネームします。他のファイルはリネームすると紐付けの関係で問題が起きますが、sspjファイルは何処からも呼び出されませんのでここだけ通常のリネームが可能です。
４：作成したsspjファイルからSpriteStudio起動
この時点では単にsspjをリネームしただけですので、中身は全てoldです。
５：ssaeの複製
まずはアニメーションファイルssaeの複製に入ります。「プロジェクト」ウィンドウからoldact.ssaeを右クリックし、【複製(U)】を選びます。
newフォルダを選び、リネームしてnewact.ssaeとして保存します。
無事所定のフォルダにリネームしたssaeファイルを置くことが出来たので、いらなくなったoldact.ssaeファイルは【プロジェクトから除外(R)】しておきます。この際誤って【ファイルの削除(D)】を選んでしまうと、流用元であるoldact.ssaeをフォルダ内から削除してしまうので注意が必要です。
６：ssceの複製
次に同様にoldcell.ssceを右クリックし、【複製(U)】を選びます。
ssceもssaeと同様に、newフォルダの中にnewcell.ssceとして保存します。これでsspjと別ディレクトリにあるssae、ssceも正しく読みに行ってくれるようになりました。
ですがここで注意点。この後oldcell.ssceをプロジェクトから除外しないでください。
現時点ではリネームをしただけですので、アニメーションファイルnewact.ssaeはセル情報をoldcell.ssceから参照しています。この段階でoldcell.ssceを削除なり除外なりしてしまうとssaeがssceを見つけられなくて画像が表示されなくなったりエラーを吐いたり、最悪ソフト自体がフリーズしたりします。
また、newcell.ssceが参照している画像も未だold.pngです。ですのでここから
・ssceの参照先pngを変更 → ssaeの参照先ssceを変更
という手順を踏まなくてはなりません。
７：セルマップ参照イメージの変更
前項で示したとおり、newcell.ssceの参照する画像pngは未だ古いままです。
newcell.ssceを右クリックし、【参照イメージの変更(I)】を選び、new.pngを選択します。
これでssceの参照先が新しい画像のものになりました。
８：セルマップの修正
セルマップで切り取られている画像パーツの範囲はoldcell.ssceのものですので、これをnew用に修正していきます。また、追加パーツ等必要なセルパーツを追加していきます。
反対にoldでは使用していたが、newでは使わないパーツというものも出てくると思います。
大抵は変なところを切り取って謎の絵になっているか、透明になっているかだと思いますが、これは経験則ですがあまり削除しない方が良いと思います（後述）透明部分を指定してブランク状態にしておくのがベターかと思います。
９：参照先セルマップの変更
いよいよssaeの参照先セルマップを変更します。newact.ssaeを右クリックし、【参照先セルマップの変更(M)】を選択します。
newセル→newセル、oldセル→oldセルのようになっていると思いますので、ここをどちらも変更先がnewセルになるようにします。変更先の下のoldcell.ssceを何回かクリックすると変更ダイアログが出てきますので、ここをnewcell.ssceに替えます。
これでnewact.ssae上でnew.pngの絵が動くようになります。
１０：変更後パーツ・キーフレームのチェック
ここで表示がおかしかったり、原点がズレていたり、oldでは使わなかったパーツを追加したりといったクオリティアップ作業をしてしまいます。そして何より、最も重要なoldでは使っていたけれどnewでは使わないパーツが呼び出されていないかのキーフレームのチェックをします。
何処かのフレームキーで、newでは使わないのにoldでは使っていたパーツが呼び出された時、そのセルパーツが削除されていたりした場合エラーを吐くことがあります。８項で不要なセルパーツを削除しない方が良いといったのはこのためです。セルパーツからの使用キー逆引きは現バージョンではまだ実装されておりませんので、地道に参照セルを見て確認するしかありません。
１１：保存及びファイルのバックアップ
ここでファイルのバックアップを強く推奨します。万一呼び出しエラーが発生したとしてもアンドゥで戻れないからです。
１２：古いssceをプロジェクトから除外
いよいよいらなくなったoldcell.ssceファイルを削除する時が来ました。oldcell.ssceを右クリックして【プロジェクトから除外(R)】します。
このとき警告が出るようなら何処かのフレームキーにoldcell.ssceを参照する「参照セル」が残っています。
フレームコントロールから各パーツの「＋」タブを押すと「参照セル」アトリビュートを使用しているキーが解りますので、これを利用してしらみつぶしにチェックします。
１３：保存後終了、のち再起動
これですべてnewになった流用アニメーションファイルの完成です。ですが納品前に一度プロジェクトを終了し、再度SpriteStudioで起動してみる事をオススメします。削除時に警告が出なかったのに、起動時に参照先が見つからずにエラーを吐く事例が稀によくあるからです。再起動してしまったので元には戻せません。バックアップを取っておくのはそのためです。
以上、SpriteStudioでのコピー＆ペースト事情でしたが如何だったでしょうか。最近のバージョンは大分改善されましてそこまで酷いエラーは吐かなくなりましたが、以前は参照先データ全部が吹っ飛んでほぼ一からやりなおし…なんて事もありましたのでssce廻りは相当デリケートに扱っております。
他にこんな事しなくてももっと簡単な方法があるよ！みたいなのがあったら気軽にお伝え下さい。偉そうに語ってますがまだ使用履歴１年経ってないペーぺーですので…
