Fixed line tool bugs

css/pixel-editor.scss

@@ -1553,6 +1553,8 @@ div#pb-options {
 
 	background-color: #232125 !important;
 	opacity: 1 !important;
+
+	display: none !important;
 	
 	#splash-input {
 		width:70%;

js/_line.js

@@ -16,7 +16,8 @@ function diagLine(lastMouseClickPos, zoom, cursorLocation) {
     const canvas = document.getElementById('tmp-canvas');
     const context = canvas.getContext('2d');
 
-    context.fillStyle=currentGlobalColor;
+	context.fillStyle=currentGlobalColor;
+	canvas.style.zIndex = MAX_Z_INDEX;
     context.clearRect(0, 0, canvas.width, canvas.height);
 
 	while (true) {

js/_mouseEvents.js

@@ -338,6 +338,21 @@ function draw (mouseEvent) {
 			tool.rectangle.moveBrushPreview(lastMouseClickPos);
 			currentTool.updateCursor();
 		}
+		else if (currentTool.name == 'resizeline' && dragging) {
+			//get new brush size based on x distance from original clicking location
+			var distanceFromClick = cursorLocation[0] - lastMouseClickPos[0];
+			//var roundingAmount = 20 - Math.round(distanceFromClick/10);
+			//this doesnt work in reverse...  because... it's not basing it off of the brush size which it should be
+			var lineSizeChange = Math.round(distanceFromClick/10);
+			var newLineSize = tool.line.previousBrushSize + lineSizeChange;
+
+			//set the brush to the new size as long as its bigger than 1
+			tool.line.brushSize = Math.max(1, newLineSize);
+
+			//fix offset so the cursor stays centered
+			tool.line.moveBrushPreview(lastMouseClickPos);
+			currentTool.updateCursor();
+		}
 		else if (currentTool.name == 'rectselect') {
 			if (dragging && !isRectSelecting && mouseEvent.target.className == 'drawingCanvas') {
 				isRectSelecting = true;

js/tools/_all.js

@@ -0,0 +1,64 @@
+new Tool('eraser', {
+	cursor: 'crosshair',
+	brushPreview: true,
+});
+new Tool('resizeeraser', {
+	cursor: 'default',
+});
+
+new Tool('eyedropper', {
+	imageCursor: 'eyedropper',
+});
+
+new Tool('fill', {
+	imageCursor: 'fill',
+});
+
+new Tool('line', {
+	cursor: 'crosshair',
+	brushPreview: true,
+});
+new Tool('resizeline', {
+	cursor: 'default',
+});
+
+new Tool('pan', {
+	cursor: function () {
+		if (dragging) return 'url(\'/pixel-editor/pan-held.png\'), auto';
+		else return 'url(\'/pixel-editor/pan.png\'), auto';
+	},
+});
+
+new Tool('pencil', {
+	cursor: 'crosshair',
+	brushPreview: true,
+});
+new Tool('resizebrush', {
+	cursor: 'default',
+});
+
+new Tool('rectangle', {
+	cursor: 'crosshair',
+	brushPreview: true,
+});
+new Tool('resizerectangle', {
+	cursor: 'default',
+});
+
+new Tool('rectselect', {
+	cursor: 'crosshair',
+	brushPreview: true,
+});
+
+
+new Tool('moveselection', {
+	cursor: 'crosshair',
+});
+
+new Tool('zoom', {
+	imageCursor: 'zoom-in',
+});
+
+//set a default tool
+var currentTool = tool.pencil;
+var currentToolTemp = tool.pencil;

js/tools/_eraser.js

@@ -1,13 +0,0 @@
-
-new Tool('eraser', {
-	cursor: 'crosshair',
-	brushPreview: true,
-});
-
-
-
-new Tool('resizeeraser', {
-	cursor: 'default',
-});
-
-/*global Tool, tool*/

js/tools/_eyedropper.js

@@ -1,7 +0,0 @@
-
-new Tool('eyedropper', {
-	imageCursor: 'eyedropper',
-});
-
-
-/*global Tool, tool*/

js/tools/_fill.js

@@ -1,7 +0,0 @@
-
-new Tool('fill', {
-	imageCursor: 'fill',
-});
-
-
-/*global Tool, tool*/

js/tools/_line.js

@@ -1,8 +0,0 @@
-new Tool('line', {
-	cursor: 'crosshair',
-	brushPreview: true,
-});
-
-new Tool('resizeline', {
-	cursor: 'default',
-});

js/tools/_pan.js

@@ -1,10 +0,0 @@
-
-new Tool('pan', {
-	cursor: function () {
-		if (dragging) return 'url(\'/pixel-editor/pan-held.png\'), auto';
-		else return 'url(\'/pixel-editor/pan.png\'), auto';
-	},
-});
-
-
-/*global Tool, tool*/

js/tools/_pencil.js

@@ -1,17 +0,0 @@
-
-new Tool('pencil', {
-	cursor: 'crosshair',
-	brushPreview: true,
-});
-
-
-new Tool('resizebrush', {
-	cursor: 'default',
-});
-
-
-//set as default tool
-var currentTool = tool.pencil;
-var currentToolTemp = tool.pencil;
-
-/*global Tool, tool*/

js/tools/_rectangle.js

@@ -1,14 +0,0 @@
-
-new Tool('rectangle', {
-	cursor: 'crosshair',
-	brushPreview: true,
-});
-
-
-
-new Tool('resizerectangle', {
-	cursor: 'default',
-});
-
-
-/*global Tool, tool*/

js/tools/_select.js

@@ -1,14 +0,0 @@
-
-
-new Tool('rectselect', {
-	cursor: 'crosshair',
-	brushPreview: true,
-});
-
-
-new Tool('moveselection', {
-	cursor: 'crosshair',
-});
-
-
-/*global Tool, tool*/

js/tools/_zoom.js

@@ -1,6 +0,0 @@
-
-new Tool('zoom', {
-	imageCursor: 'zoom-in',
-});
-
-/*global Tool, tool*/