Added SpriteSheet support to chuck animations

app/Game/Client/GameObjects/Doll.js

@@ -107,6 +107,9 @@ function (Parent, Settings, Nc, Exception, ColorConverter, Layer) {
 
                 var texturePaths = [];
                 for (var i = start; i <= end; i++) {
+
+                    /*
+                    // Multiple File Animations
                     texturePaths.push(
                           Settings.GRAPHICS_PATH 
                         + Settings.GRAPHICS_SUBPATH_CHARACTERS 
@@ -115,8 +118,15 @@ function (Parent, Settings, Nc, Exception, ColorConverter, Layer) {
                         + padF(i) 
                         + ".png"
                     );
+                    */
+
+                    // Single File Animations (animation names from chuck_sheet.json, use option fromFrame=true)
+                    texturePaths.push(
+                        "Chuck" + arm.toUpperCaseFirstChar() + "0" + padF(i) + ".png"
+                    );
                 }
 
+
                 var callback = function(mesh) {
                     self.animatedMeshesContainer[arm][key] = mesh;
                     Nc.trigger(Nc.ns.client.view.mesh.add, self.layerId, mesh);
@@ -130,12 +140,13 @@ function (Parent, Settings, Nc, Exception, ColorConverter, Layer) {
                         x: 0,
                         y: 40 * 4
                     },
-                    width: 35,
+                    xScale: 0.25,
-                    height: 40,
+                    yScale: 0.25,
                     anchor: {
                         x: 0.5,
                         y: 0
-                    }
+                    },
+                    fromFrame: true
                 });
             }
 

app/Game/Client/Loader/Level.js

@@ -58,9 +58,12 @@ function (Parent, Settings, Nc, PIXI, AbstractLayer) {
             return n;
         }
 
+        /* 
+        // Single File Animations Preloading
         var characterNames = ["Chuck"];
         var animationSets = ["WithArms", "WithoutArms"];
         var addition = "";
+        
         for (var i = 0; i < characterNames.length; i++) {
             var characterName = characterNames[i];
             for (var j = 1; j <= 126; j++) {
@@ -79,6 +82,18 @@ function (Parent, Settings, Nc, PIXI, AbstractLayer) {
                 };
             };
         };
+        */
+
+        var characterName = characterNames[0];
+
+        paths.push(
+            Settings.GRAPHICS_PATH 
+            + Settings.GRAPHICS_SUBPATH_CHARACTERS 
+            + characterName
+            + "/Animation/"
+            + "/TexturePacker"
+            + "/witharms.json"
+        );
 
         paths.push(
             Settings.GRAPHICS_PATH 

app/Game/Client/View/Pixi/Layer.js

@@ -48,7 +48,10 @@ function (Parent, PIXI, ColorRangeReplaceFilter, Settings) {
 
     Layer.prototype.createMesh = function (texturePath, callback, options) {
 
-        var texture = PIXI.Texture.fromImage(texturePath);
+        var texture = (options && options.fromFrame)
+            ? PIXI.Texture.fromFrame(texturePath)
+            : PIXI.Texture.fromImage(texturePath);
+        
 
         var mesh = new PIXI.Sprite(texture);
 
@@ -60,7 +63,11 @@ function (Parent, PIXI, ColorRangeReplaceFilter, Settings) {
     Layer.prototype.createAnimatedMesh = function (texturePaths, callback, options) {
         var textures = [];
         for (var i = 0; i < texturePaths.length; i++) {
-            var texture = PIXI.Texture.fromImage(texturePaths[i]);
+
+            var texture = (options && options.fromFrame)
+                ? PIXI.Texture.fromFrame(texturePaths[i])
+                : PIXI.Texture.fromImage(texturePaths[i]);
+
             texture.width = options.width;
             texture.height = options.height;
             //PIXI.texturesToUpdate.push(texture);

app/Game/Client/View/Pixi/View.js

@@ -166,6 +166,17 @@ function (Parent, DomController, PIXI, Settings, Nc, Exception, GameStats, Layer
         this.currentZoom = Settings.ZOOM_DEFAULT;
     };
 
+    PixiView.prototype.getTexturesFromFrame = function(textureNames) {
+
+        var textures = [];
+
+        for (var i = 0; i < textureNames.length; i++) {
+            textures.push(PIXI.Texture.fromFrame(textureNames[i]));
+        };
+
+        return textures;
+    };
+
     PixiView.prototype.destroy = function() {
 
         this.layerManager.destroy(); // also calls all layers destroy

static/img/Characters/Chuck/Animation/TexturePacker/chuck.tps

@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<data version="1.0">
+    <struct type="Settings">
+        <key>fileFormatVersion</key>
+        <int>3</int>
+        <key>texturePackerVersion</key>
+        <string>3.6.0</string>
+        <key>fileName</key>
+        <string>/Users/logsol/Work/projects/js/chuck.js/static/img/Characters/Chuck/Animation/tp/tp.tps</string>
+        <key>autoSDSettings</key>
+        <array>
+            <struct type="AutoSDSettings">
+                <key>scale</key>
+                <double>1</double>
+                <key>extension</key>
+                <string></string>
+                <key>spriteFilter</key>
+                <string></string>
+                <key>acceptFractionalValues</key>
+                <false/>
+                <key>maxTextureSize</key>
+                <QSize>
+                    <key>width</key>
+                    <int>-1</int>
+                    <key>height</key>
+                    <int>-1</int>
+                </QSize>
+            </struct>
+        </array>
+        <key>allowRotation</key>
+        <false/>
+        <key>premultiplyAlpha</key>
+        <false/>
+        <key>shapeDebug</key>
+        <false/>
+        <key>dpi</key>
+        <uint>72</uint>
+        <key>dataFormat</key>
+        <string>json</string>
+        <key>textureFileName</key>
+        <filename>wa.png</filename>
+        <key>flipPVR</key>
+        <false/>
+        <key>pvrCompressionQuality</key>
+        <enum type="SettingsBase::PvrCompressionQuality">PVR_QUALITY_NORMAL</enum>
+        <key>mipMapMinSize</key>
+        <uint>32768</uint>
+        <key>etc1CompressionQuality</key>
+        <enum type="SettingsBase::Etc1CompressionQuality">ETC1_QUALITY_LOW_PERCEPTUAL</enum>
+        <key>dxtCompressionMode</key>
+        <enum type="SettingsBase::DxtCompressionMode">DXT_PERCEPTUAL</enum>
+        <key>jxrColorFormat</key>
+        <enum type="SettingsBase::JpegXrColorMode">JXR_YUV444</enum>
+        <key>jxrTrimFlexBits</key>
+        <uint>0</uint>
+        <key>jxrCompressionLevel</key>
+        <uint>0</uint>
+        <key>ditherType</key>
+        <enum type="SettingsBase::DitherType">NearestNeighbour</enum>
+        <key>backgroundColor</key>
+        <uint>0</uint>
+        <key>libGdx</key>
+        <struct type="LibGDX">
+            <key>filtering</key>
+            <struct type="LibGDXFiltering">
+                <key>x</key>
+                <enum type="LibGDXFiltering::Filtering">Linear</enum>
+                <key>y</key>
+                <enum type="LibGDXFiltering::Filtering">Linear</enum>
+            </struct>
+        </struct>
+        <key>shapePadding</key>
+        <uint>2</uint>
+        <key>jpgQuality</key>
+        <uint>80</uint>
+        <key>pngOptimizationLevel</key>
+        <uint>1</uint>
+        <key>webpQualityLevel</key>
+        <uint>101</uint>
+        <key>textureSubPath</key>
+        <string></string>
+        <key>textureFormat</key>
+        <enum type="SettingsBase::TextureFormat">png</enum>
+        <key>borderPadding</key>
+        <uint>2</uint>
+        <key>maxTextureSize</key>
+        <QSize>
+            <key>width</key>
+            <int>2048</int>
+            <key>height</key>
+            <int>2048</int>
+        </QSize>
+        <key>fixedTextureSize</key>
+        <QSize>
+            <key>width</key>
+            <int>-1</int>
+            <key>height</key>
+            <int>-1</int>
+        </QSize>
+        <key>reduceBorderArtifacts</key>
+        <false/>
+        <key>algorithmSettings</key>
+        <struct type="AlgorithmSettings">
+            <key>algorithm</key>
+            <enum type="AlgorithmSettings::AlgorithmId">MaxRects</enum>
+            <key>freeSizeMode</key>
+            <enum type="AlgorithmSettings::AlgorithmFreeSizeMode">Best</enum>
+            <key>sizeConstraints</key>
+            <enum type="AlgorithmSettings::SizeConstraints">AnySize</enum>
+            <key>forceSquared</key>
+            <false/>
+            <key>forceWordAligned</key>
+            <false/>
+            <key>maxRects</key>
+            <struct type="AlgorithmMaxRectsSettings">
+                <key>heuristic</key>
+                <enum type="AlgorithmMaxRectsSettings::Heuristic">Best</enum>
+            </struct>
+            <key>basic</key>
+            <struct type="AlgorithmBasicSettings">
+                <key>sortBy</key>
+                <enum type="AlgorithmBasicSettings::SortBy">Best</enum>
+                <key>order</key>
+                <enum type="AlgorithmBasicSettings::Order">Ascending</enum>
+            </struct>
+        </struct>
+        <key>andEngine</key>
+        <struct type="AndEngine">
+            <key>minFilter</key>
+            <enum type="AndEngine::MinFilter">Linear</enum>
+            <key>packageName</key>
+            <string>Texture</string>
+            <key>wrap</key>
+            <struct type="AndEngineWrap">
+                <key>s</key>
+                <enum type="AndEngineWrap::Wrap">Clamp</enum>
+                <key>t</key>
+                <enum type="AndEngineWrap::Wrap">Clamp</enum>
+            </struct>
+            <key>magFilter</key>
+            <enum type="AndEngine::MagFilter">MagLinear</enum>
+        </struct>
+        <key>dataFileNames</key>
+        <map type="GFileNameMap">
+            <key>data</key>
+            <struct type="DataFile">
+                <key>name</key>
+                <filename>witharms.json</filename>
+            </struct>
+        </map>
+        <key>multiPack</key>
+        <false/>
+        <key>forceIdenticalLayout</key>
+        <false/>
+        <key>outputFormat</key>
+        <enum type="SettingsBase::OutputFormat">RGBA8888</enum>
+        <key>contentProtection</key>
+        <struct type="ContentProtection">
+            <key>key</key>
+            <string></string>
+        </struct>
+        <key>autoAliasEnabled</key>
+        <true/>
+        <key>trimSpriteNames</key>
+        <false/>
+        <key>prependSmartFolderName</key>
+        <false/>
+        <key>cleanTransparentPixels</key>
+        <true/>
+        <key>globalSpriteSettings</key>
+        <struct type="SpriteSettings">
+            <key>scale</key>
+            <double>1</double>
+            <key>scaleMode</key>
+            <enum type="ScaleMode">Smooth</enum>
+            <key>innerPadding</key>
+            <uint>0</uint>
+            <key>extrude</key>
+            <uint>0</uint>
+            <key>trimThreshold</key>
+            <uint>1</uint>
+            <key>trimMode</key>
+            <enum type="SpriteSettings::TrimMode">Trim</enum>
+            <key>heuristicMask</key>
+            <false/>
+            <key>pivotPoint</key>
+            <enum type="SpriteSettings::PivotPoint">Center</enum>
+        </struct>
+        <key>fileList</key>
+        <array>
+            <filename>../WithArms</filename>
+        </array>
+        <key>ignoreFileList</key>
+        <array/>
+        <key>replaceList</key>
+        <array/>
+        <key>ignoredWarnings</key>
+        <array/>
+        <key>commonDivisorX</key>
+        <uint>1</uint>
+        <key>commonDivisorY</key>
+        <uint>1</uint>
+    </struct>
+</data>