fix select

README.md

@@ -66,6 +66,8 @@ ASCIIBIRD is mostly usable. There are some bugs however to note at the moment. R
 * Keyboard shortcuts can be pressed at the same time which makes bugs for undo and redo if you aren't careful!
 * Circle brush (works okay for odd width and height numbers)
 * Importer could be re-written with regex
+* Drag ascii canvas then right click and it gets stuck
+* That inverted black / white bug when exporting, happens if fg or bg is null
 
 * Having more than a few layers depending on ascii size will slow things down, until the `fillNullBlocks` is refactored.
  * CHUNKED DIFF ENGINE

src/ascii.js

@@ -511,11 +511,11 @@ export const exportMirc = () => {
         } else {
 
           if (curBlock.bg === null && curBlock.fg !== null) {
-            pushString = `\u0003\u0003${zeroPad(curBlock.fg,2,)}`;
+            pushString = `\u0003\u0003${zeroPad(curBlock.fg, 2)}`;
           }
 
           if (curBlock.bg !== null && curBlock.fg !== null) {
-            pushString = `\u0003${zeroPad(curBlock.fg,2,)},${zeroPad(curBlock.bg, 2)}`;
+            pushString = `\u0003${zeroPad(curBlock.fg, 2)},${zeroPad(curBlock.bg, 2)}`;
           }
 
           output.push(pushString);
@@ -788,9 +788,7 @@ export const mergeLayers = function (blocks = null) {
     }
   }
 
-  return {
-    ...mergedLayers
-  };
+  return mergedLayers;
 }
 
 

src/store/index.js

@@ -37,7 +37,7 @@ export default new Vuex.Store({
       renderOffScreen: true,
       undoLimit: 50,
       tabLimit: 12,
-      fps: 30,
+      fps: 50,
     },
     // Current tab user is viewing
     tab: 0,

src/views/Editor.vue

@@ -30,9 +30,9 @@
           class="canvastools"
           :width="currentAsciiWidth * blockWidth"
           :height="currentAsciiHeight * blockHeight"
-          @mousemove="canvasMouseMove"
-          @mousedown="canvasMouseDown"
-          @mouseup="canvasMouseUp"
+          @mousemove.left="canvasMouseMove"
+          @mousedown.left="canvasMouseDown"
+          @mouseup.left="canvasMouseUp"
           @touchmove="canvasMouseMove"
           @touchend="canvasMouseDown"
           @touchstart="canvasMouseUp"
@@ -160,7 +160,7 @@ export default {
       return this.$store.getters.currentChar;
     },
     isTextEditing() {
-      return this.currentTool.name === "text" || false;
+      return this.currentTool.name === "text";
     },
     isTextEditingValues() {
       return (
@@ -168,13 +168,13 @@ export default {
       );
     },
     isSelecting() {
-      return this.currentTool.name === "select" || false;
+      return this.currentTool.name === "select";
     },
     isDefault() {
-      return this.currentTool.name === "default" || false;
+      return this.currentTool.name === "default";
     },
     isBrushing() {
-      return this.currentTool.name === "brush" || false;
+      return this.currentTool.name === "brush";
     },
     isSelected() {
       return (
@@ -315,7 +315,7 @@ export default {
       this.$emit("selecting", val);
     },
     yOffset() {
-      // this.delayRedrawCanvas();
+      this.delayRedrawCanvas();
     },
     // asciiBlockAtXy(val, old) {
 
@@ -445,6 +445,7 @@ export default {
 
           // Experimental code to not rows blocks off screen
           if (
+            this.options.renderOffScreen &&
             this.top !== false &&
             !this.checkVisible(this.top + canvasY - this.yOffset)
           ) {
@@ -505,6 +506,8 @@ export default {
       // Update left and top in panel
       this.top = y;
       this.$store.commit("changeAsciiCanvasState", { x, y });
+
+      this.delayRedrawCanvas()
     },
     onCanvasDrag(x, y) {
       this.top = y;