moved Frame and FrameSheet to model package

js/model/Frame.js

@@ -0,0 +1,53 @@
+(function () {
+	var ns = $.namespace("pskl.model");
+	ns.Frame = function (pixels) {
+		this.pixels = pixels;
+	};
+
+	ns.Frame.createEmpty = function (width, height) {
+		var pixels = []; //new Array(width);
+		for (var columnIndex=0; columnIndex < width; columnIndex++) {
+			var columnArray = [];
+			for(var heightIndex = 0; heightIndex < height; heightIndex++) {
+				columnArray.push(Constants.TRANSPARENT_COLOR);
+			}
+			pixels[columnIndex] = columnArray;
+    	}
+		return new ns.Frame(pixels);
+	};
+
+	ns.Frame.createEmptyFromFrame = function (frame) {
+		return ns.Frame.createEmpty(frame.getWidth(), frame.getHeight());
+	};
+
+	ns.Frame.prototype.clone = function () {
+		var clone = ns.Frame.createEmptyFromFrame(this);
+		for (var col = 0 ; col < clone.getWidth() ; col++) {
+			for (var row = 0 ; row < clone.getHeight() ; row++) {
+				clone.setPixel(col, row, this.getPixel(col, row));
+			}
+		}
+		return clone;
+	};
+
+	ns.Frame.prototype.setPixel = function (col, row, color) {
+		this.pixels[col][row] = color;
+	};
+
+	ns.Frame.prototype.getPixel = function (col, row) {
+		return this.pixels[col][row];
+	};
+
+	ns.Frame.prototype.getWidth = function () {
+		return this.pixels.length;
+	};
+
+	ns.Frame.prototype.getHeight = function () {
+		return this.pixels[0].length;
+	};
+
+	ns.Frame.prototype.containsPixel = function (col, row) {
+		return col >= 0 && row >= 0 && col <= this.pixels.length && row <= this.pixels[0].length;
+	};
+
+})();

js/model/FrameSheet.js

@@ -0,0 +1,83 @@
+(function () {
+	var ns = $.namespace("pskl.model");
+	ns.FrameSheet = function () {
+		this.frames = [];
+	};
+
+	ns.FrameSheet.prototype.validate = function () {
+		throw "FrameSheet.prototype.validate not implemented"
+	};
+
+	ns.FrameSheet.prototype.addEmptyFrame = function () {
+		this.addFrame(ns.Frame.createEmpty(width, height));
+	};
+
+	ns.FrameSheet.prototype.addFrame = function (frame) {
+		this.frames.push(frame);
+	};
+
+	ns.FrameSheet.prototype.getFrameCount = function () {
+		return this.frames.length;
+	};
+
+	ns.FrameSheet.prototype.getUsedColors = function() {
+		var colors = {};
+		for (var frameIndex=0; frameIndex < this.frames.length; frameIndex++) {
+			var frame = this.frames[frameIndex];
+			for (var i = 0, width = frame.getWidth(); i < width  ; i++) {
+				var line = frame[i];
+				for (var j = 0, height = frame.getHeight() ; j < height ; j++) {
+					var pixel = frame.getPixel(i, j);
+					colors[pixel] = pixel;
+				}
+			}
+		}
+		return colors;
+	};
+
+	// Could be used to pass around model using long GET param (good enough for simple models) and 
+	// do some temporary locastorage
+	ns.FrameSheet.prototype.serialize = function() {
+		throw "FrameSheet.prototype.serialize not implemented"
+		//return JSON.stringify(frames);
+	};
+
+	/**
+	 * Load a framesheet from a string that might have been persisted in db / localstorage
+	 * Overrides existing frames.
+	 * @param {String} serialized
+	 */
+	ns.FrameSheet.prototype.deserialize = function (serialized) {
+		throw "FrameSheet.prototype.deserialize not implemented"
+		// try {
+		// 	frames = JSON.parse(serialized);
+		// 	$.publish(Events.FRAMESHEET_RESET);
+		// } catch (e) {
+		// 	throw "Could not load serialized framesheet." + e.message
+		// }	
+	};
+
+	ns.FrameSheet.prototype.getFrameByIndex = function(index) {
+		if (isNaN(index)) {
+			throw "Bad argument value for getFrameByIndex method: <" + index + ">";
+		} 
+
+		if (index < 0 || index > this.getFrameCount()) {
+			throw "Out of bound index for frameSheet object.";
+		}
+
+		return this.frames[index];
+	};
+
+	ns.FrameSheet.prototype.removeFrameByIndex = function(index) {
+		if(index < 0 || index > this.getFrameCount()) {
+			throw "Out of bound index for frameSheet object.";
+		}
+		frames.splice(index, 1);
+	};
+
+	ns.FrameSheet.prototype.duplicateFrameByIndex = function(index) {
+		var frame = this.getFrameByIndex(index);
+		this.frames.splice(index + 1, 0, frame.clone());
+	};
+})();