Added vector tool.

index.html

@@ -11,6 +11,7 @@
     <script type="text/javascript" src="scripts/ronin.canvas.js"></script>
     <script type="text/javascript" src="scripts/ronin.filter.js"></script>
     <script type="text/javascript" src="scripts/ronin.stroke.js"></script>
+    <script type="text/javascript" src="scripts/ronin.vector.js"></script>
     <script type="text/javascript" src="scripts/ronin.overlay.js"></script>
     <script type="text/javascript" src="scripts/ronin.brush.js"></script>
     <script type="text/javascript" src="scripts/ronin.brush.pointer.js"></script>
@@ -26,7 +27,7 @@
       <canvas id='overlay' width="1480" height="800"></canvas>
       <canvas id="workspace" width="1480" height="800" style="background:#efefef"></canvas>
       <div id ='commander'>
-        <div id='commander_hint'>Hey</div>
+        <div id='commander_hint'></div>
         <input id='commander_input'/>
       </div>
     </div>

scripts/commander.js

@@ -53,6 +53,9 @@ function Commander(element,element_input)
       case ":":
         ronin.filter.active(cmd);
         break;
+      case "+":
+        ronin.vector.active(cmd);
+        break;
     }
     
     this.hide();
@@ -96,6 +99,10 @@ function Commander(element,element_input)
         ronin.filter.passive(this.cmd);
         ronin.module = ronin.filter;
         break;
+      case "+":
+        ronin.vector.passive(this.cmd);
+        ronin.module = ronin.vector;
+        break;
     }
   }
 }

scripts/ronin.js

@@ -7,4 +7,5 @@ function Ronin()
   this.hint     = new Hint();
   this.filter   = new Filter();
   this.stroke   = new Stroke();
+  this.vector   = new Vector();
 }

scripts/ronin.vector.js

@@ -0,0 +1,21 @@
+function Vector()
+{
+  Module.call(this);
+  
+  // Module
+  
+  this.passive = function(cmd)
+  {
+  }
+  
+  this.active = function(cmd)
+  {
+    var path = new Path2D('M 100,100 h 50 v 50 h 50');
+    ronin.canvas.context().stroke(path);
+  }
+  
+  this.hint = function(cmd)
+  {
+    return "Vector: "
+  }
+}