Guides can now tile.

_notes.txt

@@ -38,6 +38,7 @@ $ new_name.jpg                    ; Create a new file with name
 
   Guides
 | 10 10 100 100                   ; Draw a guide
+| -100                            ; Draw a grid at every 100px
 | ?                               ; Remove guides
 
   Formatting

scripts/main.js

@@ -25,6 +25,8 @@ document.addEventListener('mouseup', function(e) {
 var keyboard = new Keyboard();
 document.onkeyup = function myFunction(){ keyboard.listen(event); };
 
+ronin.guides_context.imageSmoothingEnabled= false
+
 /* brush experiments
 
 var mirror_test = new Pointer();

scripts/ronin.js

@@ -58,23 +58,52 @@ function Ronin()
     var w = p[2] ? p[2] : 0 ;
     var h = p[3] ? p[3] : 0 ;
     
-    var g = new Guide(new Position(x,y), new Rect(w,h), new Color('000000'));
+    if(x < -10){
-    
+      x = Math.abs(x);
-    g.draw(this.guides_context);
+      for (i = 0; i < canvas.width/x; i++) {
+        var g = new Guide(new Position(x * i,y), new Rect(w,h), new Color('000000'));
+        g.draw(this.guides_context);
+      }
+    }
+    else if(y < -10){
+      y = Math.abs(y);
+      for (i = 0; i < canvas.width/y; i++) {
+        var g = new Guide(new Position(x,y* i), new Rect(w,h), new Color('000000'));
+        g.draw(this.guides_context);
+      }
+    }
+    else{
+      var g = new Guide(new Position(x,y), new Rect(w,h), new Color('000000'));
+      g.draw(this.guides_context);
+    }
   }
   
   this.add_guide = function(p)
   {
-    if(p == "-"){ this.clear_guides(); return; }
-    
     var x = p[0] ? p[0] : 0 ;
     var y = p[1] ? p[1] : 0 ;
     var w = p[2] ? p[2] : 0 ;
     var h = p[3] ? p[3] : 0 ;
     
-    var g = new Guide(new Position(x,y), new Rect(w,h), new Color('ff0000'));
+    if(x < -10){
+      x = Math.abs(x);
+      for (i = 0; i < canvas.width/x; i++) {
+        var g = new Guide(new Position(x * i,y), new Rect(w,h), new Color('000000'));
+        this.guides.push(g);
+      }
+    }
+    else if(y < -10){
+      y = Math.abs(y);
+      for (i = 0; i < canvas.width/y; i++) {
+        var g = new Guide(new Position(x,y* i), new Rect(w,h), new Color('000000'));
+        this.guides.push(g);
+      }
+    }
+    else{
+      var g = new Guide(new Position(x,y), new Rect(w,h), new Color('000000'));
+      this.guides.push(g);
+    }
     
-    this.guides.push(g);
     this.draw_guides();
   }
 }