Canvas Demo 3

Aus ProgrammingWiki

Archivierte Version vom 2015-06-02T18:11:36+00:00. Aktuelle Version

The Game of Life is not your typical computer game. It is a 'cellular automaton', and was invented by Cambridge mathematician John Conway.

For a space that is 'populated':

Each cell with one or no neighbors dies, as if by loneliness.
Each cell with four or more neighbors dies, as if by overpopulation.
Each cell with two or three neighbors survives.

For a space that is 'empty' or 'unpopulated'

Each cell with three neighbors becomes populated.

var w = 20; 
var h = 10;
var Spielfeld = [];
for(var i=0; i<w; i++) Spielfeld[i] = []; // 2D Array anlegen

for(var i=0; i<10; i++) Spielfeld[5+i][4] = 1; // Mauern setzen

function drawCell(x, y, black){
  if(black) canvas.setColor(0,0,0); else 
            canvas.setColor(255,255,255);
  canvas.fillRect(50+x*25,y*25,25,25);           
}

function drawCells(){
  for(var x=0; x<w; x++)
   for(var y=0; y<h; y++)
    drawCell(x,y,Spielfeld[x][y] == 1);
}

function countNeighbors(x, y){
  int r = 0;
  if(x>0   && Spielfeld[x-1][y] == 1) r++; 
  if(x<w-1 && Spielfeld[x+1][y] == 1) r++; 
  if(y>0   && Spielfeld[x][y-1] == 1) r++; 
  if(y<h-1 && Spielfeld[x][y+1] == 1) r++; 
  if(x>0   && y>0    && Spielfeld[x-1][y-1] == 1) r++; 
  if(x>0   && y<h-1  && Spielfeld[x-1][y+1] == 1) r++; 
  if(x<w-1 && y>0    && Spielfeld[x+1][y-1] == 1) r++; 
  if(x<w-1 && y<h-1  && Spielfeld[x+1][y+1] == 1) r++; 
  return r;
}
function flipCells(){
  var SpielfeldNeu = [];
  for(var i=0; i<w; i++) SpielfeldNeu[i] = []; // 2D Array anlegen
  for(int x=0; x<w; x++)
   for(int y=0; y<h; y++){
    var neighbors = countNeighbors(x,y); 
    SpielfeldNeu[x][y] = Spielfeld[x][y];
    if(Spielfeld[x][y] == 1){
     if (neighbors  < 2 || neighbors  > 3) SpielfeldNeu[x][y] = 0;
    }else{
     if (neighbors  == 3) SpielfeldNeu[x][y] = 1;
    }
   }
  Spielfeld = SpielfeldNeu;
}


canvas.clear();

setInterval(function(){
  drawCells(); flipCells(); 
},100);

Canvas Demo 3

Suche