$(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;
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;
- for (var i = 0; i < rows; i++) {
+ this.blank = blank || 0;
+
+ this.rows = 50;
+ this.columns = 50;
+
+ var cellWidth = canvas.width / this.rows;
+ var cellHeight = canvas.height / this.columns;
+
+ for (var i = 0; i < this.rows; i++) {
var world = [];
var x = 0;
var y = i * cellHeight;
- for (var ii = 0; ii < columns; ii++) {
+ for (var ii = 0; ii < this.columns; ii++) {
world.push(new cell(x, y, cellWidth, cellHeight));
x += cellWidth;
- Math.random() > .5 ? world[ii].revive() : world[ii].kill();
+ 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++) {
+ this.redraw = function() {
+ 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].highlight();
+ this.population[i][ii].redraw();
}
}
}
}
- this.redraw = 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].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 serialize;
}
}
var automaton = new universe;
var tickID = 0;
+ var running = 0;
$('#controls #start-automaton').click(function(e){
tickID = setInterval(function(){tick(automaton)}, 100);
$('#controls #start-automaton').hide();
$('#controls #stop-automaton').show();
+ running = 1;
});
$('#controls #stop-automaton').click(function(e){
- clearInterval(tickID);
+ if (running) clearInterval(tickID);
$('#controls #stop-automaton').hide();
$('#controls #start-automaton').show();
+ running = 0;
+ });
+
+ $('#controls #reseed-automaton').click(function(e){
+ if (running) clearInterval(tickID);
+ $('#controls #stop-automaton').hide();
+ $('#controls #start-automaton').show();
+ automaton = new universe();
+ running = 0;
+ });
+
+ $('#controls #custom-seed-automaton').click(function(e){
+ if (running) clearInterval(tickID);
+ $('#controls #stop-automaton').hide();
+ $('#controls #start-automaton').show();
+ automaton = new universe(1);
+ running = 0;
+ });
+
+ $('#2d-automaton').click(function(e) {
+ if (!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);
+ automaton.population[row][column].toggle();
+ }
});
});