piskel/js/drawingtools/selectiontools/RectangleSelect.js

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

	ns.RectangleSelect = function() {
		this.toolId = "tool-rectangle-select";
		this.helpText = "Rectangle selection tool";
		
		ns.BaseSelect.call(this);
	};

	pskl.utils.inherit(ns.RectangleSelect, ns.BaseSelect);
	

	/**
	 * @override
	 */
	ns.RectangleSelect.prototype.onSelectStart_ = function (col, row, color, frame, overlay) {
		// Drawing the first point of the rectangle in the fake overlay canvas:
		overlay.setPixel(col, row, color);
	};

	/**
	 * When creating the rectangle selection, we clear the current overlayFrame and
	 * redraw the current rectangle based on the orgin coordinate and
	 * the current mouse coordiinate in sprite.
	 * @override
	 */
	ns.RectangleSelect.prototype.onSelect_ = function (col, row, color, frame, overlay) {
		overlay.clear();
		if(this.startCol == col &&this.startRow == row) {
			$.publish(Events.SELECTION_DISMISSED);
		} else {
			var selection = new pskl.selection.RectangularSelection(
				this.startCol, this.startRow, col, row);
			$.publish(Events.SELECTION_CREATED, [selection]);
			this.drawSelectionOnOverlay_(selection, overlay);
		}
	};

	/**
	 * @override
	 */
	ns.RectangleSelect.prototype.onSelectEnd_ = function (col, row, color, frame, overlay) {
		this.onSelect_(col, row, color, frame, overlay);
	};

})();