Migrated the rest of the units.

README.md

@@ -7,12 +7,6 @@
 @ ?                               ; Clear canvas
 ```
 
-##Background
-``` 
-* #ff0000                         ; Fill background with red color
-* ?                               ; Remove background
-``` 
-
 ##History*
 ```
 ~                                 ; Keep image progress

index.html

@@ -3,13 +3,13 @@
     <link rel="stylesheet" type="text/css" href="links/main.css"/>
     
     <script type="text/javascript" src="scripts/unit.rect.js"></script>
+    <script type="text/javascript" src="scripts/unit.color.js"></script>
+    <script type="text/javascript" src="scripts/unit.position.js"></script>
     
     <script type="text/javascript" src="scripts/ronin.module.js"></script>
     <script type="text/javascript" src="scripts/ronin.canvas.js"></script>
     <script type="text/javascript" src="scripts/ronin.overlay.js"></script>
     
-    <script type="text/javascript" src="scripts/position.js"></script>
-    <script type="text/javascript" src="scripts/color.js"></script>
     <script type="text/javascript" src="scripts/pointer.js"></script>
     <script type="text/javascript" src="scripts/brush.js"></script>
     <script type="text/javascript" src="scripts/keyboard.js"></script>

scripts/ronin.canvas.js

@@ -14,7 +14,12 @@ function Canvas(element)
     
     if(p.length > 1 && p[1].indexOf("#") >= 0){
       var color = new Color(p[1]);
-      console.log("TODO: Fill with color");
+      console.log(color);
+      
+      this.element.getContext('2d').beginPath();
+      this.element.getContext('2d').rect(0, 0, canvas.width, canvas.height);
+      this.element.getContext('2d').fillStyle = color.hex;
+      this.element.getContext('2d').fill();
     }
   }
   

scripts/unit.color.js

@@ -1,10 +1,10 @@
-function Color(val = '000000')
+function Color(hex = '#000000')
 {
-  this.val = val;
+  this.hex = hex;
 
   this.rgb = function()
   {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(this.val);
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(this.hex);
     return result ? {
         r: parseInt(result[1], 16),
         g: parseInt(result[2], 16),