mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

fix #369 improve perf of grid rendering

Browse Source
This commit is contained in:
Julian Descottes 2016-12-23 23:41:41 +01:00
parent eb84e87a13
commit 8551a8546a
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/js/rendering/frame/FrameRenderer.js
View File

@ -261,27 +261,31 @@
this.margin.y - this.offset.y * z this.margin.y - this.offset.y * z
); );
// Scale up to draw the canvas content
displayContext.scale(z, z);
if (pskl.UserSettings.get('SEAMLESS_MODE')) { if (pskl.UserSettings.get('SEAMLESS_MODE')) {
displayContext.clearRect(-1 * w * z, -1 * h * z, 3 * w * z, 3 * h * z); displayContext.clearRect(-1 * w, -1 * h, 3 * w, 3 * h);
} else { } else {
displayContext.clearRect(0, 0, w * z, h * z); displayContext.clearRect(0, 0, w, h);
} }
if (pskl.UserSettings.get('SEAMLESS_MODE')) {
this.drawTiledFrames_(displayContext, this.canvas, w, h, 1);
}
displayContext.drawImage(this.canvas, 0, 0);
// Draw grid.
var gridWidth = this.computeGridWidthForDisplay_(); var gridWidth = this.computeGridWidthForDisplay_();
if (gridWidth > 0) { if (gridWidth > 0) {
var scaled = pskl.utils.ImageResizer.resizeNearestNeighbour(this.canvas, z, gridWidth); // Scale out before drawing the grid.
displayContext.scale(1 / z, 1 / z);
if (pskl.UserSettings.get('SEAMLESS_MODE')) { for (var i = 1 ; i < frame.getWidth() ; i++) {
this.drawTiledFrames_(displayContext, scaled, w, h, z); displayContext.clearRect((i * z) - (gridWidth / 2), 0, gridWidth, h * z);
} }
displayContext.drawImage(scaled, 0, 0); for (var i = 1 ; i < frame.getHeight() ; i++) {
} else { displayContext.clearRect(0, (i * z) - (gridWidth / 2), w * z, gridWidth);
displayContext.scale(z, z);
if (pskl.UserSettings.get('SEAMLESS_MODE')) {
this.drawTiledFrames_(displayContext, this.canvas, w, h, 1);
} }
displayContext.drawImage(this.canvas, 0, 0);
} }
displayContext.restore(); displayContext.restore();