function Game(width, height) { this.width = width; this.height = height; } const game = new Game(20, 20) const chartBoard = []; const li=20; var start= [ 0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0, 0,1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,0,0,0, 0,0,1,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0, 1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0, 1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,1,1,0,0,0, 1,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, ] var temp=[] function drawBoard(width, height) { for (let i = 0; i < width; i++) { for (let j = 0; j < height; j++) { ctx.strokeStyle = 'rgba(0, 150, 0, 0.7)'; ctx.beginPath(); ctx.strokeRect(j * 32, i * 32, 32, 32); ctx.closePath(); } } }; var t = setInterval( function() { showLife(start); }, 500 ); function showLi(array) { for (let i = 0; i < array.length; i++) { let x = Math.floor(i/20), y = i%20; if(array[i]){ ctx.fillStyle ="rgba(0, 250, 10, 1)";} else{ ctx.fillStyle ="rgba(0, 0, 0, 1)";} ctx.fillRect (x*32, y*32, 32, 32); } cy++; start[cy]=1; }; function showLife(array) { for (let i = 0; i < array.length; i++) { let x = Math.floor(i/20), y = i%20; if(array[i]){ ctx.fillStyle ="rgba(0, 250, 10, 1)";} else{ ctx.fillStyle ="rgba(0, 0, 0, 1)";} ctx.fillRect (x*32, y*32, 32, 32); } cy++; mutate(array); }; function count(array) { cy++; start[cy]=1; }; function mutate(array) { cy++; var temp = []; for(let i = 0; i < 400; i++) { temp.push(0); } for (let i = 0; i < array.length; i++) { temp[i]=0; //if((i%li)&&(i-li-1>=0)){temp[i]+=array[i-li-1]}; //if(i%li){temp[i]+=array[i-1]}; //if((i%li)&&(i+li-1<(li*li))){temp[i]+=array[i+li-1]}; //if(i>li-1){temp[i]+=array[i-li]}; //if(i<(li*li-li)){temp[i]+=array[i+li]}; //if(((i+1)%li)&&((i-li+1)>0)){temp[i]+=array[i-li+1]}; //if((i+1)%li){temp[i]+=array[i+1]}; //if(((i+1)%li)&&((i+21)3){array[i]=0};//4 or more neighbors, cell dies or stays dead if(temp[i]==3){array[i]=1};//3 neighbors, cell lives or stays resucitates //with 2 neighbors cells stay as they are, no need to check } }; drawBoard(20,20); var cy=1; showLife(start); /* //calling the function in window.onload to make sure the HTML is loaded window.onload = function() { var pos = 0; //our box element var box = document.getElementById('box'); var t = setInterval(move, 10); function move() { if(pos >= 150) { clearInterval(t); } else { pos += 1; box.style.left = pos+'px'; } } }; */

Conway’sGameOfLife