ゲームを作っていくと、キャラごとのアニメーション差分が増えてきて、画像の管理も煩雑になってきますクマ。
（増えていくアッチャパルピカ。これは地獄クマ・・・）
そこで今回は、「複数画像を１つの画像にまとめて、ゲームで展開する方法」について書きますクマ！（技術的な話題をブログに書くのは何ヶ月ぶりか・・・
（無限に増えていく画像たちをまとめてやるクマ！！）
森クマはフリーツールのShoeBoxを利用してますクマ。
ShoeBoxは、複数画像をいろんなフレームワークに対応した形で１つの画像にまとめてくれる優れもののフリーツール！もちろん、我らがcocos2d-xで扱える形式にも対応しているクマ！
早速、KUMANTAの助走シーンで使用する４枚の画像を、１つにまとめてみましょうクマ。
KUMANTA 開発２日目
— SleepingMuseum＠ふりふら (@sleepmuse) 2016年5月23日
助走シーンを仮実装してみるクマ。#KUMANTA pic.twitter.com/lqg5eXPMVw
ShoeBoxを起動して、ウインドウ内のSpriteSheetのアイコンに、１つにまとめたい画像をドラッグするクマ。
すると・・・
おぉ・・・KUMANTAたちが読み込まれたクマ！！
続けて右下のSettingボタンをクリックすると、設定ウインドウが表示されますクマ。
TemplateをCococs 2DにしてFile Nameに任意の名前を入力して、Applyクマ！！
最後に、画像が表示されているウインドウのSaveボタンをクリック！！これで、 画像のドラッグ元と同じディレクトリに以下２つのファイルが出来るクマ。
（ファイル名はFile Nameで指定したものになるクマ）
- sprites_kumanta.png（１枚にまとめられた画像）
- sprites_kumanta.plist（１枚にまとめられた画像の各情報が定義されている）
これをcocos2d-xでアニメーションに展開してSpriteに読み込む方法は以下です
クマ（C++で実装）。
// plistから画像情報をキャッシュに追加
SpriteFrameCache::getInstance()->addSpriteFramesWithFile("sprites_kumanta.plist");
// ファイル名を指定して、キャッシュからSpriteを作成
Sprite *spriteKumanta = Sprite::createWithSpriteFrameName("kumanta_run_00.png");
次回は、今回まとめた画像ファイル＆plistから、パラパラアニメーションを作成する方法を書きますクマー！
