piskel/js/drawingtools/SimplePen.js

/*
 * @provide pskl.drawingtools.SimplePen
 *
 * @require pskl.utils
 */
(function() {
	var ns = $.namespace("pskl.drawingtools");

	ns.SimplePen = function() {
		this.toolId = "tool-pen"
	};

	this.previousCol = null;
	this.previousRow = null;

	pskl.utils.inherit(ns.SimplePen, ns.BaseTool);
	
	/**
	 * @override
	 */
	ns.SimplePen.prototype.applyToolAt = function(col, row, frame, color, canvas, dpi) {
		
		this.previousCol = col;
		this.previousRow = row;

		// Change model:
		var color = pskl.utils.normalizeColor(color);
	    if (color != frame[col][row]) {
	        frame[col][row] = color;
	    }

	    // Draw on canvas:
	    // TODO: Remove that when we have the centralized redraw loop
	    this.drawPixelInCanvas(col, row, canvas, color, dpi);
	};

	ns.SimplePen.prototype.moveToolAt = function(col, row, frame, color, canvas, dpi) {
		
		if((Math.abs(col - this.previousCol) > 1) || (Math.abs(row - this.previousRow) > 1)) {
			// The pen movement is too fast for the mousemove frequency, there is a gap between the
			// current point and the previously drawn one.
			// We fill the gap by calculating missing dots (simple linear interpolation) and draw them.
			var interpolatedPixels = this.getLinePixels_(col, this.previousCol, row, this.previousRow);
			for(var i=0, l=interpolatedPixels.length; i<l; i++) {
				this.applyToolAt(interpolatedPixels[i].col, interpolatedPixels[i].row, frame, color, canvas, dpi);
			}
		}
		else {
			this.applyToolAt(col, row, frame, color, canvas, dpi);
		}

		this.previousCol = col;
		this.previousRow = row;
	};
})();