mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
Moved drawing logic outside of tools. Previews and animations are broken. Performance is somehow degraded
This commit is contained in:
@ -8,55 +8,11 @@
|
||||
|
||||
ns.BaseTool = function() {};
|
||||
|
||||
ns.BaseTool.prototype.applyToolAt = function(col, row, frame, color, canvas, dpi) {};
|
||||
ns.BaseTool.prototype.applyToolAt = function(col, row, frame) {};
|
||||
|
||||
ns.BaseTool.prototype.moveToolAt = function(col, row, frame, color, canvas, dpi) {};
|
||||
ns.BaseTool.prototype.moveToolAt = function(col, row, frame) {};
|
||||
|
||||
ns.BaseTool.prototype.releaseToolAt = function(col, row, frame, color, canvas, dpi) {};
|
||||
|
||||
// TODO: Remove that when we have the centralized redraw loop
|
||||
ns.BaseTool.prototype.drawPixelInCanvas = function (col, row, canvas, color, dpi) {
|
||||
var context = canvas.getContext('2d');
|
||||
if(color == undefined || color == Constants.TRANSPARENT_COLOR) {
|
||||
context.clearRect(col * dpi, row * dpi, dpi, dpi);
|
||||
}
|
||||
else {
|
||||
if(color != Constants.SELECTION_TRANSPARENT_COLOR) {
|
||||
// TODO(vincz): Found a better design to update the palette, it's called too frequently.
|
||||
$.publish(Events.COLOR_USED, [color]);
|
||||
}
|
||||
context.fillStyle = color;
|
||||
context.fillRect(col * dpi, row * dpi, dpi, dpi);
|
||||
}
|
||||
};
|
||||
|
||||
// TODO: Remove that when we have the centralized redraw loop
|
||||
ns.BaseTool.prototype.drawFrameInCanvas = function (frame, canvas, dpi) {
|
||||
var color;
|
||||
for(var col = 0, num_col = frame.length; col < num_col; col++) {
|
||||
for(var row = 0, num_row = frame[col].length; row < num_row; row++) {
|
||||
color = frame[col][row];
|
||||
this.drawPixelInCanvas(col, row,canvas, color, dpi);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// For some tools, we need a fake canvas that overlay the drawing canvas. These tools are
|
||||
// generally 'drap and release' based tools (stroke, selection, etc) and the fake canvas
|
||||
// will help to visualize the tool interaction (without modifying the canvas).
|
||||
ns.BaseTool.prototype.createCanvasOverlay = function (canvas) {
|
||||
var overlayCanvas = document.createElement("canvas");
|
||||
overlayCanvas.className = "canvas-overlay";
|
||||
overlayCanvas.setAttribute("width", canvas.width);
|
||||
overlayCanvas.setAttribute("height", canvas.height);
|
||||
|
||||
canvas.parentNode.appendChild(overlayCanvas);
|
||||
return overlayCanvas;
|
||||
};
|
||||
|
||||
ns.BaseTool.prototype.removeCanvasOverlays = function () {
|
||||
$(".canvas-overlay").remove();
|
||||
};
|
||||
ns.BaseTool.prototype.releaseToolAt = function(col, row, frame) {};
|
||||
|
||||
/**
|
||||
* Bresenham line algorihtm: Get an array of pixels from
|
||||
|
Reference in New Issue
Block a user