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

Added canvas preview to layer menu

Browse Source 
Decided to apply the same width / height ratio of the canvas to the preview.
This commit is contained in:
unsettledgames
2020-06-19 15:16:22 +02:00
parent 066582e309
commit c498a495d5
5 changed files with 45 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
js/_mouseEvents.js
View File

@@ -107,7 +107,7 @@ window.addEventListener("mouseup", function (mouseEvent) {
}
}
else if (currentTool.name == 'fill' && mouseEvent.target.className == 'drawingCanvas') {
console.log('filling')
//console.log('filling')
//get cursor postion
var cursorLocation = getCursorPosition(mouseEvent);
@@ -116,8 +116,9 @@ window.addEventListener("mouseup", function (mouseEvent) {
cursorLocation[0] += 2;
cursorLocation[1] += 12;
//fill starting at the location
//fill starting at the location
fill(cursorLocation);
currentLayer.updateLayerPreview();
}
else if (currentTool.name == 'zoom' && mouseEvent.target.className == 'drawingCanvas') {
let mode;
@@ -125,21 +126,6 @@ window.addEventListener("mouseup", function (mouseEvent) {
mode = "in";
}
}
else if (currentTool == 'fill' && mouseEvent.target.className == 'drawingCanvas') {
//console.log('filling');
//if you clicked on anything but the canvas, do nothing
if (!mouseEvent.target == currentLayer.canvas) return;
//get cursor postion
var cursorLocation = getCursorPosition(mouseEvent);
//offset to match cursor point
cursorLocation[0] += 2;
cursorLocation[1] += 12;
//fill starting at the location
fill(cursorLocation);
}
else if (currentTool == 'zoom' && mouseEvent.target.className == 'drawingCanvas') {
let mode;
if (mouseEvent.which == 1){
@@ -160,6 +146,7 @@ window.addEventListener("mouseup", function (mouseEvent) {
}
else if (currentTool.name == 'rectangle') {
endRectDrawing(mouseEvent);
currentLayer.updateLayerPreview();
}
dragging = false;
@@ -228,6 +215,8 @@ function draw (mouseEvent) {
//for the darkest 50% of colors, change the brush preview to dark mode
if (colorLightness>127) brushPreview.classList.remove('dark');
else brushPreview.classList.add('dark');
currentLayer.updateLayerPreview();
}
// Decided to write a different implementation in case of differences between the brush and the eraser tool
else if (currentTool.name == 'eraser') {
@@ -249,6 +238,8 @@ function draw (mouseEvent) {
lastPos = cursorLocation;
}
}
currentLayer.updateLayerPreview();
}
else if (currentTool.name == 'rectangle')
{