Added layer select with arrows

scripts/modules/brush.js

@@ -44,6 +44,18 @@ function Brush(rune)
       ronin.overlay.draw(cmd.position());
     }
   }
+
+  this.size_up = function()
+  {
+    this.size -= this.size > 1 ? 1 : 0;
+    ronin.widget.update();
+  }
+
+  this.size_down = function()
+  {
+     this.size += 1;
+     ronin.widget.update();
+  }
   
   this.add_pointer = function(cmd)
   {
@@ -74,10 +86,6 @@ function Brush(rune)
 
     return this.pointers.length > 0 ? "Brush "+this.size+", "+this.pointers.length+" pointers" : "No Pointers";
   }
-
-  // Commands
-
-  // this.
   
   // Cursor
 

scripts/modules/surface.js

@@ -80,12 +80,12 @@ function Surface(rune)
   {
     if(!this.active_layer){ return ""; }
 
-    var s = "# "+this.size.render()+"<br />";
+    var s = "";
 
     Object.keys(ronin.surface.layers).forEach(function (key) {
-      s += ronin.surface.layers[key].widget();
+      s = ronin.surface.layers[key].widget()+s;
     });
-    return s;
+    return "# "+this.size.render()+"<br />"+s;
   }
   
   this.widget_cursor = function()
@@ -93,6 +93,26 @@ function Surface(rune)
     return "Drag";
   }
 
+  // Commands
+
+  this.layer_up = function()
+  {
+    var keys = Object.keys(ronin.surface.layers);
+    var loc = keys.indexOf(this.active_layer.name);
+
+    if(loc >= keys.length-1){ console.log("Reached end"); return false; }
+
+    if(keys[loc+1] != null){this.select_layer(ronin.surface.layers[keys[loc+1]]);}
+  }
+
+  this.layer_down = function()
+  {
+    var keys = Object.keys(ronin.surface.layers);
+    var loc = keys.indexOf(this.active_layer.name);
+
+    if(keys[loc-1] != null){this.select_layer(ronin.surface.layers[keys[loc-1]]);}
+  }
+
   // Layers
 
   this.context = function()