X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=2d.js;h=4dd38355ddf06826ff0af32fd1fb00bb9da0a3e3;hb=c5557a76486a3ff6a07af90b3fe8b1b08dc4f60d;hp=9460aa71d5bb3c8df99fdc4478d3e65f1cc161b9;hpb=4aff4ddc2edf85b1eb846c7e126545f1a9e9bd33;p=cellular-automaton.git

diff --git a/2d.js b/2d.js
index 9460aa7..4dd3835 100644
--- a/2d.js
+++ b/2d.js
@@ -1,13 +1,8 @@
 $(document).ready(function(){
     
-    var canvas = document.getElementById('2d-automaton')
+    var canvas = $('#2d-automaton')[0];
     var c = canvas.getContext('2d');
 
-    var rows = 50;
-    var columns = 50;
-
-    var cellWidth = canvas.width / rows;
-    var cellHeight = canvas.height / columns;
 
     function cell(x, y, h, l) {
         this.x = x;
@@ -25,43 +20,70 @@ $(document).ready(function(){
             c.fillRect(this.x, this.y, this.h, this.l);
             this.state = 1;
         }
+        this.toggle = function() {
+            this.state ? this.kill() : this.revive();
+        }
     }
 
-    function universe() {
+    function universe(blank) {
         this.population = [];
         this.generation = 0;
+        this.running = 0;
+        this.tickID = 0;
+
+        this.blank = blank || 0;
+        
+        this.rows = 50;
+        this.columns = 50;
+
+        this.cellWidth = canvas.width / this.rows;
+        this.cellHeight = canvas.height / this.columns;
 
-        for (var i = 0; i < rows; i++) {
+        for (var i = 0; i < this.rows; i++) {
             var world = [];
             var x = 0;
-            var y = i * cellHeight;
-            for (var ii = 0; ii < columns; ii++) {
-                world.push(new cell(x, y, cellWidth, cellHeight));
-                x += cellWidth;
-                Math.random() > .5 ? world[ii].revive() : world[ii].kill();
+            var y = i * this.cellHeight;
+            for (var ii = 0; ii < this.columns; ii++) {
+                world.push(new cell(x, y, this.cellWidth, this.cellHeight));
+                x += this.cellWidth;
+                if (this.blank) { world[ii].kill(); }
+                else { Math.random() > .5 ? world[ii].revive() : world[ii].kill(); }
             }
             this.population.push(world);
         }
 
-        this.highlight = function() {
-            for (var i = 0; i < rows; i++) {
-                for (var ii = 0; ii < columns; ii++) {
-                    if (this.population[i][ii].state == 1) {
-                        this.population[i][ii].highlight();
-                    }
-                }
-            }
+        this.start = function() {
+            this.tickID = setInterval(function(){tick(automaton)}, 100);
+            this.running = 1;
+        }
+
+        this.stop = function() {
+            clearInterval(this.tickID);
+            this.running = 0;
+        }
+
+        this.toggle = function() {
         }
 
         this.redraw = function() {
-            for (var i = 0; i < rows; i++) {
-                for (var ii = 0; ii < columns; ii++) {
+            for (var i = 0; i < this.rows; i++) {
+                for (var ii = 0; ii < this.columns; ii++) {
                     if (this.population[i][ii].state == 1) {
                         this.population[i][ii].redraw();
                     }
                 }
             }
         }
+
+        this.serialize = function() {
+            var serial = '';
+            for (var i = 0; i < this.rows; i++) {
+                for (var ii = 0; ii < this.columns; ii++) {
+                    serial += this.population[i][ii].state;
+                }
+            }
+            return serial;
+        }
     }
 
     function tick(automaton) {
@@ -104,18 +126,41 @@ $(document).ready(function(){
     }
 
     var automaton = new universe;
-    var tickID = 0;
 
     $('#controls #start-automaton').click(function(e){
-        tickID = setInterval(function(){tick(automaton)}, 100);
+        automaton.start();
         $('#controls #start-automaton').hide();
         $('#controls #stop-automaton').show();
     });
 
     $('#controls #stop-automaton').click(function(e){
-        clearInterval(tickID);
+        automaton.stop();
         $('#controls #stop-automaton').hide();
         $('#controls #start-automaton').show();
     });
 
+    $('#controls #reseed-automaton').click(function(e){
+        automaton.stop();
+        $('#controls #stop-automaton').hide();
+        $('#controls #start-automaton').show();
+        automaton = new universe();
+    });
+
+    $('#controls #custom-seed-automaton').click(function(e){
+        automaton.stop();
+        $('#controls #stop-automaton').hide();
+        $('#controls #start-automaton').show();
+        automaton = new universe(1);
+    });
+
+    $('#2d-automaton').click(function(e) {
+        if (!automaton.running) {
+            var x = e.pageX - $('#2d-automaton').offset().left;
+            var y = e.pageY - $('#2d-automaton').offset().top;
+            var row = Math.floor(y / automaton.cellHeight);
+            var column = Math.floor(x / automaton.cellWidth);
+            automaton.population[row][column].toggle();
+        }
+    });
+
 });