cross brush

2 files changed, 23 insertions, 0 deletions

diff --git a/index.html b/index.html
index 7f07c6d..9ce5a7e 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
     <div id="tools_rapper" class="block">
       <span id="square_el" class="tool">square</span><br>
       <span id="circle_el" class="tool">circle</span><br>
+      <span id="cross_el" class="tool">cross</span><br>
       <span id="text_el" class="tool">text</span><br>
       <span id="select_el" class="tool">select</span><br>
       <span id="fill_el" class="tool">fill</span><br>
diff --git a/js/ui/controls.js b/js/ui/controls.js
index 2f98398..661f881 100644
--- a/js/ui/controls.js
+++ b/js/ui/controls.js
@@ -2,6 +2,27 @@ var controls = (function(){
 
   var controls = {}
 
+  controls.cross = new Tool (cross_el)
+  controls.cross.use = function(){
+    brush.generate = controls.cross.generate
+    brush.generate()
+    drawing = true
+    filling = false
+    selection.hide()
+    brush.modified = false
+  }
+  controls.cross.generate = function(){
+    var fg = brush.fg, bg = brush.bg
+    brush.forEach(function(lex,x,y) {
+      if ((x+y)%2) {
+        lex.clear()
+      }
+      else {
+        lex.fill(fg,bg)
+      }
+    })
+  }
+
   controls.circle = new Tool (circle_el)
   controls.circle.use = function(){
     brush.generate = controls.circle.generate
@@ -168,6 +189,7 @@ var controls = (function(){
     [
       controls.square,
       controls.circle,
+      controls.cross,
       controls.text,
       controls.fill,
       controls.select,