2014-04-03 00:21:32 +04:00
|
|
|
(function () {
|
|
|
|
var ns = $.namespace('pskl.drawingtools');
|
|
|
|
/**
|
|
|
|
* Abstract shape tool class, parent to all shape tools (rectangle, circle).
|
|
|
|
* Shape tools should override only the draw_ method
|
|
|
|
*/
|
|
|
|
ns.ShapeTool = function() {
|
|
|
|
// Shapes's first point coordinates (set in applyToolAt)
|
|
|
|
this.startCol = null;
|
|
|
|
this.startRow = null;
|
|
|
|
};
|
|
|
|
|
|
|
|
pskl.utils.inherit(ns.ShapeTool, ns.BaseTool);
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @override
|
|
|
|
*/
|
|
|
|
ns.ShapeTool.prototype.applyToolAt = function(col, row, color, frame, overlay, event) {
|
2014-04-12 01:32:28 +04:00
|
|
|
$.publish(Events.DRAG_START, [col, row]);
|
2014-04-03 00:21:32 +04:00
|
|
|
this.startCol = col;
|
|
|
|
this.startRow = row;
|
|
|
|
|
|
|
|
// Drawing the first point of the rectangle in the fake overlay canvas:
|
|
|
|
overlay.setPixel(col, row, color);
|
|
|
|
};
|
|
|
|
|
|
|
|
ns.ShapeTool.prototype.moveToolAt = function(col, row, color, frame, overlay, event) {
|
2014-04-12 01:32:28 +04:00
|
|
|
var coords = this.getCoordinates_(col, row, event);
|
|
|
|
$.publish(Events.CURSOR_MOVED, [coords.col, coords.row]);
|
|
|
|
|
2014-04-03 00:21:32 +04:00
|
|
|
overlay.clear();
|
|
|
|
if(color == Constants.TRANSPARENT_COLOR) {
|
|
|
|
color = Constants.SELECTION_TRANSPARENT_COLOR;
|
|
|
|
}
|
|
|
|
|
|
|
|
// draw in overlay
|
|
|
|
this.draw_(coords.col, coords.row, color, overlay);
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @override
|
|
|
|
*/
|
|
|
|
ns.ShapeTool.prototype.releaseToolAt = function(col, row, color, frame, overlay, event) {
|
|
|
|
overlay.clear();
|
|
|
|
if (event.shiftKey) {
|
|
|
|
var scaled = this.getScaledCoordinates_(col, row);
|
|
|
|
col = scaled.col;
|
|
|
|
row = scaled.row;
|
|
|
|
}
|
|
|
|
var coords = this.getCoordinates_(col, row, event);
|
|
|
|
this.draw_(coords.col, coords.row, color, frame);
|
2014-04-17 03:27:49 +04:00
|
|
|
|
2014-04-12 01:32:28 +04:00
|
|
|
$.publish(Events.DRAG_END, [col, row]);
|
2014-04-17 03:27:49 +04:00
|
|
|
|
|
|
|
$.publish(Events.PISKEL_SAVE_STATE, {
|
|
|
|
type : 'TOOL',
|
|
|
|
tool : this,
|
|
|
|
replay : {
|
|
|
|
col : col,
|
|
|
|
row : row,
|
|
|
|
startCol : this.startCol,
|
|
|
|
startRow : this.startRow,
|
|
|
|
color : color
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @override
|
|
|
|
*/
|
|
|
|
ns.ShapeTool.prototype.replay = function(frame, replayData) {
|
|
|
|
this.startCol = replayData.startCol;
|
|
|
|
this.startRow = replayData.startRow;
|
|
|
|
this.draw_(replayData.col, replayData.row, replayData.color, frame);
|
2014-04-03 00:21:32 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Transform the current coordinates based on the original event
|
|
|
|
* @param {Number} col current col/x coordinate in the frame
|
|
|
|
* @param {Number} row current row/y coordinate in the frame
|
|
|
|
* @param {Event} event current event (can be mousemove, mouseup ...)
|
|
|
|
* @return {Object} {row : Number, col : Number}
|
|
|
|
*/
|
|
|
|
ns.ShapeTool.prototype.getCoordinates_ = function(col, row, event) {
|
|
|
|
if (event.shiftKey) {
|
|
|
|
return this.getScaledCoordinates_(col, row);
|
|
|
|
} else {
|
|
|
|
return {col : col, row : row};
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Transform the coordinates to preserve a square 1:1 ratio from the origin of the shape
|
|
|
|
* @param {Number} col current col/x coordinate in the frame
|
|
|
|
* @param {Number} row current row/y coordinate in the frame
|
|
|
|
* @return {Object} {row : Number, col : Number}
|
|
|
|
*/
|
|
|
|
ns.ShapeTool.prototype.getScaledCoordinates_ = function(col, row) {
|
2014-04-12 11:49:29 +04:00
|
|
|
var dX = this.startCol - col;
|
|
|
|
var absX = Math.abs(dX);
|
|
|
|
|
|
|
|
var dY = this.startRow - row;
|
|
|
|
var absY = Math.abs(dY);
|
|
|
|
|
|
|
|
var delta = Math.min(absX, absY);
|
|
|
|
row = this.startRow - ((dY/absY)*delta);
|
|
|
|
col = this.startCol - ((dX/absX)*delta);
|
|
|
|
|
2014-04-03 00:21:32 +04:00
|
|
|
return {
|
|
|
|
col : col,
|
|
|
|
row : row
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
ns.ShapeTool.prototype.draw_ = Constants.ABSTRACT_FUNCTION;
|
|
|
|
|
|
|
|
})();
|