From f84c84fc1accd4dade03c70f618a83911d673093 Mon Sep 17 00:00:00 2001
From: Dan Ballard <dan@mindstab.net>
Date: Thu, 16 Jun 2011 07:15:21 -0700
Subject: [PATCH] Basic cell drawing

---
 life.html | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/life.html b/life.html
index 131a5e8..4158844 100644
--- a/life.html
+++ b/life.html
@@ -6,6 +6,7 @@
 			var speed;
 			var height;
 			var width;
+			var cells;
 
 
 			function btn_control_set_name(name) {
@@ -13,19 +14,60 @@
 				btn.value = name;
 			}
 
+			function init_cells() {
+				var hcells = height/size;
+				var wcells = width/size;
+				cells = new Array(hcells);
+				for(var i = 0; i < hcells; i++) {
+					cells[i] = new Array(wcells);
+				}
+				for (var y = 0; y < hcells; y++) {
+					for (var x = 0; x < wcells; x++) {
+						cells[y][x] = false;
+					}
+				}
+			}
+
 			function board_init() {
+				var canvas = document.getElementById('board');
+				width = canvas.width;
+				height = canvas.height;
 				btn_control_set_name('Start');
 				size = 10;
 				speed = 50;
+				init_cells();
 				redraw();
 			}
 
 			function redraw() {
 				var canvas = document.getElementById('board');
-				width = canvas.width;
-				height = canvas.height;
 				var c = canvas.getContext('2d');
 				draw_grid(c);
+				c.stroke();
+				
+				cells[1][2] = true;
+				cells[3][4] = true;
+				cells[5][5] = true;
+
+				draw_cells(c);
+				c.stroke();
+				c.fill();
+			}
+
+			function draw_cells(c) {
+				var hcells = height/size;
+				var wcells = width/size;
+				for (var y = 0; y < hcells; y++) {
+					for (var x =0; x < wcells; x ++) {
+						if (cells[y][x] == true) {
+							c.moveTo(x*size, y*size);
+							c.lineTo(x*size+ size, y*size);
+							c.lineTo(x*size+ size, y*size + size);
+							c.lineTo(x*size, y*size + size);
+							// auto return home?
+						}
+					}
+				}
 			}
 
 			function draw_grid(c) {
@@ -39,7 +81,6 @@
 					c.moveTo(x, 0);
 					c.lineTo(x, height);
 				}
-				c.stroke();
 
 			}