piskel/js/FrameSheetModel.js

$.namespace("pskl");

pskl.FrameSheetModel = (function() {
    
    var inst;
    var frames = [];
    var width;
    var height;

    /**
     * Create empty frame of dimension [width * height] with Constants.TRANSPARENT_COLOR
     * as a default value.
     * 
     * @private
     */
    var createEmptyFrame_ = function() {
    	var emptyFrame = []; //new Array(width);
		for (var columnIndex=0; columnIndex < width; columnIndex++) {
			var columnArray = [];
			for(var heightIndex = 0; heightIndex < height; heightIndex++) {
				columnArray.push(Constants.TRANSPARENT_COLOR);
			}
			emptyFrame[columnIndex] = columnArray;
    	}
    	return emptyFrame;
    };

    /**
     * @private
     */
    var requestLocalStorageSave_ = function() {
    	
    };

	return {
		validate: function() {
			return true; // I'm always right dude
		},

		getAllPixels : function () {
			var pixels = [];
			for (var i = 0 ; i < frames.length ; i++) {
				pixels = pixels.concat(this._getFramePixels(frames[i]));
			}
			return pixels;
		},

		_getFramePixels : function (frame) {
			var pixels = [];
			for (var i = 0 ; i < frame.length ; i++) {
				var line = frame[i];
				for (var j = 0 ; j < line.length ; j++) {
					pixels.push(line[j]);
				}
			}
			return pixels;
		},

		getUsedColors: function() {
			var colors = {};
			for (var frameIndex=0; frameIndex < frames.length; frameIndex++) {
				var currentFrame = frames[frameIndex];
				for (var i = 0 ; i < currentFrame.length ; i++) {
					var line = currentFrame[i];
					for (var j = 0 ; j < line.length ; j++) {
						colors[line[j]] = line[j];
					}
				}
			}
			return colors;
		},

		// Could be used to pass around model using long GET param (good enough for simple models) and 
		// do some temporary locastorage
		serialize: function() {
			return JSON.stringify(frames);
		},

		/**
		 * Load a framesheet from a string that might have been persisted in db / localstorage
		 * Overrides existing frames.
		 * @param {String} serialized
		 */
		deserialize : function (serialized) {
			try {
				frames = JSON.parse(serialized);
				$.publish(Events.FRAMESHEET_RESET);
			} catch (e) {
				throw "Could not load serialized framesheet." + e.message
			}	
		},
		
		addEmptyFrame: function() {
			frames.push(createEmptyFrame_());
		},

		getFrameCount: function() {
			return frames.length;
		},

		getFrameByIndex: function(index) {
			if (isNaN(index)) {
				throw "Bad argument value for getFrameByIndex method: <" + index + ">"
			} else if (index < 0 || index > frames.length) {
				throw "Out of bound index for frameSheet object."
			}

			return frames[index];
		},

		removeFrameByIndex: function(index) {
		  if(index < 0 || index > inst.getFrameCount()) {
		  	throw "Bad index value for removeFrameByIndex.";
		  }
		  frames.splice(index, 1);
		},

		duplicateFrameByIndex: function(frameToDuplicateIndex) {
			var frame = inst.getFrameByIndex(frameToDuplicateIndex);
			var clonedFrame = [];
			for(var i=0, l=frame.length; i<l; i++) {
				clonedFrame.push(frame[i].slice(0));
			}
			frames.splice(frameToDuplicateIndex + 1, 0, clonedFrame);
		},
        
		getInstance: function(width_, height_) {
			
			if (isNaN(width_) || isNaN(height_)) {
				throw "Bad FrameSheetModel initialization in getInstance method.";
			}

			inst = this;

			width = width_;
			height = height_;

			return inst;
		}
	}
})();