TexturePackerの使い方

Cocos2d-JS

1)ダウンロード

http://www.codeandweb.com/texturepackerからDLする

2)設定。

Ouput->DataFormatをcocos2dに設定
Ouput->Texture formatは PNG
Ouput->Imageformatは RGBA8888
Geomatry->Maxsize W:2048 H:2048

3)分割された画像を追加する

今回は
battle1.png battle2.png battle3.png battle4.png battle5.pngを追加

4)Publishを押下して、保存場所を選択する

ここではbattle_spriteという名称にしたら battle_sprite.png / battle_sprite.plistが作成された。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
        <key>frames</key>
        <dict>
            <key>battle1.png</key>
            <dict>
                <key>frame</key>
                <string>{{2,293},{145,201}}</string>
                <key>offset</key>
                <string>{44,-38}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{96,84},{145,201}}</string>
                <key>sourceSize</key>
                <string>{249,293}</string>
            </dict>
            <key>battle2.png</key>
            <dict>
                <key>frame</key>
                <string>{{149,293},{139,201}}</string>
                <key>offset</key>
                <string>{40,-42}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{95,88},{139,201}}</string>
                <key>sourceSize</key>
                <string>{249,293}</string>
            </dict>
            <key>battle3.png</key>
            <dict>
                <key>frame</key>
                <string>{{2,2},{157,289}}</string>
                <key>offset</key>
                <string>{46,2}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{92,0},{157,289}}</string>
                <key>sourceSize</key>
                <string>{249,293}</string>
            </dict>
            <key>battle4.png</key>
            <dict>
                <key>frame</key>
                <string>{{290,2},{197,247}}</string>
                <key>offset</key>
                <string>{-7,-23}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{19,46},{197,247}}</string>
                <key>sourceSize</key>
                <string>{249,293}</string>
            </dict>
            <key>battle5.png</key>
            <dict>
                <key>frame</key>
                <string>{{290,251},{233,183}}</string>
                <key>offset</key>
                <string>{-8,-50}</string>
                <key>rotated</key>
                <true/>
                <key>sourceColorRect</key>
                <string>{{0,105},{233,183}}</string>
                <key>sourceSize</key>
                <string>{249,293}</string>
            </dict>
        </dict>
        <key>metadata</key>
        <dict>
            <key>format</key>
            <integer>2</integer>
            <key>realTextureFileName</key>
            <string>battle_sprite.png</string>
            <key>size</key>
            <string>{512,512}</string>
            <key>smartupdate</key>
            <string>$TexturePacker:SmartUpdate:50056924f2f40f7a6633b6605edc66aa:e039505d56904ff6e236533451bedc0f:e22a7b1a740310d1697b97a29a0bcab6$</string>
            <key>textureFileName</key>
            <string>battle_sprite.png</string>
        </dict>
    </dict>
</plist>