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

Implemented pixel grid

Browse Source 
Added settings for pixel grid, move settings to editor sub menu.
This commit is contained in:
unsettledgames
2020-09-26 12:32:31 +02:00
parent 034715fac8
commit 933b2919b4
3 changed files with 53 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
js/_pixelGrid.js
View File

@ -1,5 +1,33 @@
let pixelGridColor = "#0000FF";
let lineDistance = 12;
pixelGridCanvas = document.getElementById("pixel-grid");
function fillPixelGrid() {
let context = pixelGridCanvas.getContext("2d");
let originalSize = layers[0].canvasSize;
pixelGridCanvas.width = originalSize[0] * lineDistance;
pixelGridCanvas.height = originalSize[1] * lineDistance;
// OPTIMIZABLE, could probably be a bit more elegant
// Draw horizontal lines
for (let i=0; i<pixelGridCanvas.width / lineDistance; i++) {
context.strokeStyle = pixelGridColor;
context.beginPath();
context.moveTo(i * lineDistance + 0.5, 0);
context.lineTo(i * lineDistance + 0.5, originalSize[1] * lineDistance);
context.stroke();
context.closePath();
}
// Draw vertical lines
for (let i=0; i<pixelGridCanvas.height / lineDistance; i++) {
context.beginPath();
context.moveTo(0, i * lineDistance + 0.5);
context.lineTo(originalSize[0] * lineDistance, i * lineDistance + 0.5);
context.stroke();
context.closePath();
}
}