diff --git a/_notes.txt b/_notes.txt index ddb9214..f6e4b32 100644 --- a/_notes.txt +++ b/_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 diff --git a/scripts/main.js b/scripts/main.js index 3e5bb21..7ea117d 100644 --- a/scripts/main.js +++ b/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(); diff --git a/scripts/ronin.js b/scripts/ronin.js index a16cb1b..ccf1903 100644 --- a/scripts/ronin.js +++ b/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')); - - g.draw(this.guides_context); + 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')); + 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(); } } \ No newline at end of file