Merge pull request #86 from grosbouddha/mirror-tool

Vertical mirror tool baby

js/controller/ToolController.js

@@ -6,6 +6,7 @@
 	
         this.toolInstances = {
             "simplePen" : new pskl.drawingtools.SimplePen(),
+            "verticalMirrorPen" : new pskl.drawingtools.VerticalMirrorPen(),
             "eraser" : new pskl.drawingtools.Eraser(),
             "paintBucket" : new pskl.drawingtools.PaintBucket(),
             "stroke" : new pskl.drawingtools.Stroke(),
@@ -68,6 +69,7 @@
      */
     ns.ToolController.prototype.createToolMarkup_ = function() {
         var currentTool, toolMarkup = '';
+        // TODO(vincz): Tools rendering order is not enforced by the data stucture (this.toolInstances), fix that.
         for (var toolKey in this.toolInstances) {
             currentTool = this.toolInstances[toolKey];
             toolMarkup += '<li class="tool-icon ' + currentTool.toolId + '" data-tool-id="' + currentTool.toolId +

js/drawingtools/SimplePen.js

@@ -8,11 +8,12 @@
 
 	ns.SimplePen = function() {
 		this.toolId = "tool-pen";
-		this.helpText = "Pen tool"
-	};
+		this.helpText = "Pen tool";
 
-	this.previousCol = null;
-	this.previousRow = null;
+		this.previousCol = null;
+		this.previousRow = null;
+
+	};
 
 	pskl.utils.inherit(ns.SimplePen, ns.BaseTool);
 	

js/drawingtools/VerticalMirrorPen.js

@@ -0,0 +1,46 @@
+(function() {
+	var ns = $.namespace("pskl.drawingtools");
+
+	ns.VerticalMirrorPen = function() {
+		this.toolId = "tool-vertical-mirror-pen";
+		this.helpText = "vertical mirror pen tool";
+
+		this.swap = null
+		this.mirroredPreviousCol = null;
+	    this.mirroredPreviousRow = null;
+	};
+
+	pskl.utils.inherit(ns.VerticalMirrorPen, ns.SimplePen);
+	
+
+	ns.VerticalMirrorPen.prototype.setMirrorContext = function() {
+		this.swap = this.previousCol;
+		this.previousCol = this.mirroredPreviousCol;
+	};
+
+	ns.VerticalMirrorPen.prototype.unsetMirrorContext = function() {
+		this.mirroredPreviousCol = this.previousCol;
+		this.previousCol = this.swap;
+	};
+
+	/**
+	 * @override
+	 */
+	ns.VerticalMirrorPen.prototype.applyToolAt = function(col, row, color, frame, overlay) {
+		this.superclass.applyToolAt.call(this, col, row, color, frame, overlay);
+
+		var mirroredCol = this.getSymmetricCol_(col, frame);
+		this.mirroredPreviousCol = mirroredCol;
+
+		this.setMirrorContext();
+		this.superclass.applyToolAt.call(this, mirroredCol, row, color, frame, overlay);
+		this.unsetMirrorContext();
+	};
+
+	/**
+	 * @private
+	 */
+	ns.VerticalMirrorPen.prototype.getSymmetricCol_ = function(col, frame) {
+		return frame.getWidth() - col - 1; 
+	};
+})();

js/utils/core.js

@@ -30,9 +30,6 @@ jQuery.namespace = function() {
         extendedObject.prototype = Object.create(inheritFrom.prototype);
         extendedObject.prototype.constructor = extendedObject;
         extendedObject.prototype.superclass = inheritFrom.prototype;
-        
-        //pskl.ToolBehavior.Eraser.prototype = Object.create(pskl.ToolBehavior.BaseTool.prototype);
-        //prototypeskl.ToolBehavior.Eraser.prototype.constructor = pskl.ToolBehavior.Eraser;
     };
 
 })();