X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=2d.js;h=4dd38355ddf06826ff0af32fd1fb00bb9da0a3e3;hb=c5557a76486a3ff6a07af90b3fe8b1b08dc4f60d;hp=f0e5f1e3ab318cb0106b529029b3d273ebf40e0f;hpb=eb70a4861e1e34d2b30b5e589cc5d4a07c0a18c9;p=cellular-automaton.git diff --git a/2d.js b/2d.js index f0e5f1e..4dd3835 100644 --- a/2d.js +++ b/2d.js @@ -3,11 +3,6 @@ $(document).ready(function(){ 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; @@ -30,41 +25,65 @@ $(document).ready(function(){ } } - 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) { @@ -107,29 +126,39 @@ $(document).ready(function(){ } var automaton = new universe; - var tickID = 0; - var running = 0; $('#controls #start-automaton').click(function(e){ - tickID = setInterval(function(){tick(automaton)}, 100); + automaton.start(); $('#controls #start-automaton').hide(); $('#controls #stop-automaton').show(); - running = 1; }); $('#controls #stop-automaton').click(function(e){ - if (running) 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(); - running = 0; + automaton = new universe(1); }); $('#2d-automaton').click(function(e) { - if (!running) { + if (!automaton.running) { var x = e.pageX - $('#2d-automaton').offset().left; var y = e.pageY - $('#2d-automaton').offset().top; - var row = Math.floor(y / cellHeight); - var column = Math.floor(x / cellWidth); + var row = Math.floor(y / automaton.cellHeight); + var column = Math.floor(x / automaton.cellWidth); automaton.population[row][column].toggle(); } });