tool.el

3 files changed, 6 insertions, 9 deletions

diff --git a/js/app.js b/js/app.js
index de399bc..6deab95 100644
--- a/js/app.js
+++ b/js/app.js
@@ -25,6 +25,8 @@ function build () {
 	brush.bg = colors.red
 	brush.generate()
 	brush.build()
+
+	controls.grid.use()
 }
 function bind () {
 	canvas.bind()
diff --git a/js/tool.js b/js/tool.js
index b0bc536..9cbc107 100644
--- a/js/tool.js
+++ b/js/tool.js
@@ -1,4 +1,5 @@
 function Tool (span) {
+	this.el = span
 	this.lex = new Lex (span)
 	this.name = span.innerHTML
 	this.span = span
diff --git a/js/ui/controls.js b/js/ui/controls.js
index e8c9abd..bd475c1 100644
--- a/js/ui/controls.js
+++ b/js/ui/controls.js
@@ -2,7 +2,6 @@ var controls = (function(){
 
 	var controls = {}
 	
-	
 	controls.circle = new Tool (circle_el)
 	controls.circle.use = function(){
 		brush.generate = controls.circle.generate
@@ -35,8 +34,7 @@ var controls = (function(){
 		var fg = brush.fg, bg = brush.bg
 		brush.fill(fg,bg)
 	}
-
-
+	
 	controls.text = new Tool (text_el)
 	controls.text.use = function(){
 		brush.generate = controls.text.generate
@@ -46,19 +44,16 @@ var controls = (function(){
 	controls.text.generate = function(){
 	}
 	
-
 	controls.clear = new Tool (clear_el)
 	controls.clear.use = function(){
 		canvas.clear()
 	}
 	
-
 	controls.grid = new Tool (grid_el)
 	controls.grid.use = function(){
 		document.body.classList.toggle('grid')
 	}
 
-
 	controls.shader = new Tool (shader_el)
 	controls.shader.use = function(){
 		shader_textarea.style.display = "block"
@@ -97,11 +92,10 @@ var controls = (function(){
 	controls.animate = new Tool (animate_checkbox)
 	controls.animate.use = function(){
 		var state = shader.toggle()
-		if (state) animate_checkbox.innerHTML = "x animate"
-		else       animate_checkbox.innerHTML = "_ animate"
+		if (state) this.el.innerHTML = "x animate"
+		else       this.el.innerHTML = "_ animate"
 	}
 	
-	
 	controls.width = new Lex (width_el)
 	controls.height = new Lex (height_el)
 	controls.canvas_width = new Lex (canvas_width_el)