/* * 8 bacteria have been seeded in the middle of the Magic Cube * they grow and die according to very strict rules: * * 1. If a bacterium is alone or has too many neighbors it dies * 2. If there is just one neighbor or there are 5 of them, although a bacterium is still alive but it can't reproduct * 3. 2 or 4 neighbors are good living conditions and bacteria start their fission * 4. In case there are exactly 3 neighbors a vigorous fission begins! * 5. About 10% of all bacteria die on unknown disease every new generation. * * On the walls of the Cube isn't warm enough for the decent life so bacteria hardly settle there. * * P.S. Other scenarios can be implemented on the Magic Cube as well. */ window.onload = function() { // 3D LEDs array creation var LEDs = new Array (8); // 1-dimension basis array var i = 0, j = 0, k = 0; for (i=0; i < 8; i++) { // 2-dim array (8 set instead of LEDs.lenght) LEDs[i] = new Array(8); } for (i=0; i < 8; i++) { // 3-dimension array for (j=0; j < 8; j++) { LEDs[i][j] = new Array(8); for (k=0; k < LEDs.length; k++) { LEDs[i][j][k] = 0; // declaration and assignment of all members } // i: z-axis, j: y-grid, k: x-elements } } var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.font = "18px Arial"; var cx = Math.cos(Math.PI * 30 / 180); var sy = Math.sin(Math.PI * 30 / 180); var zdf = 0.5; // z-axis deformation factor var grid = 50; var xf = grid * cx * zdf; var yf = grid * sy * zdf; var m = 0, n = 0, l = 0; var population = 0, generation = 0; var seed = false; // initial Cube status drawCube(); ctx.translate(200, 30); for (k = 0; k < 8; k++) { for (j = 0; j < 8; j++){ for (i = 0; i < 8; i++) { // a LED is switched-off ctx.beginPath(); ctx.arc( (i * grid - j * xf), (j * yf + k * grid), 3, 0, 2*Math.PI); ctx.fillStyle = '#444'; // some tint of grey ctx.fill(); } } } ctx.translate(-200, -30); ctx.fillStyle = '#eee'; ctx.fillText("generation #" + 0, 10, 25); ctx.fillText("cells alive: " + 8, 10, 45); seedBacteria(); setInterval(runCube, 1000); function runCube() { drawCube(); nextGeneration(); } function drawCube() { ctx.fillStyle = "#889"; // Fill screen with grey ctx.fillRect(0,0,600,500); drawGrid(xf, yf, grid); } function drawGrid(xc, yc, g) { // x-coefficient, y-coeff., g-step of the grid ctx.translate (200, 30); ctx.beginPath(); ctx.lineWidth = 1; ctx.lineCap = "round"; ctx.strokeStyle = "#2a2"; for (j = 0; j < 8; j++) { // drawing grid ctx.translate ( 0, j * g); for (i = 0; i < 8; i++) { ctx.moveTo(-i * xc, i * yc); ctx.lineTo( (7 * g - i * xc), i * yc); // x-axis lines ctx.stroke(); ctx.moveTo(i * g, 0); ctx.lineTo((-7 * xc + i * g), 7 * yc); // y-axis lines ctx.stroke(); } ctx.translate (0, -j * g); // plain shift, z-axis } ctx.translate (-200, -30); } function seedBacteria() { ctx.translate (200, 30); ctx.translate ((3 * grid - 3 * xf), (3 * yf + 3 * grid)); for (k = 0; k < 2; k++) { // drawing LEDs for (j = 0; j < 2; j++){ for (i = 0; i < 2; i++) { LEDs[i+3][j+3][k+3] = 1; ctx.beginPath(); // a LED is switched on ctx.arc( (i * grid - j * xf), (j * yf + k * grid), 4, 0, 2*Math.PI); ctx.fillStyle = '#fff'; // maximum brightness ctx.fill(); } } } ctx.translate (-(3 * grid - 3 * xf), -(3 * yf + 3 * grid)); ctx.translate (-200, -30); } function nextGeneration() { var ngbr = 0; population = 0; if (generation < 1000) generation++; else generation = 0; ctx.translate (200, 30); for (var k = 0; k < 8; k++) { // matrix exploration for living cells for (var j = 0; j < 8; j++){ for (var i = 0; i < 8; i++) { if (LEDs[i][j][k] == 1) { // living cell detected ctx.beginPath(); // draw a living cell, LED switched on ctx.arc( (i * grid - j * xf), (j * yf + k * grid), 4, 0, 2*Math.PI); ctx.fillStyle = '#fff'; ctx.fill(); ngbr = neighbors(k, j ,i, ngbr); ngbr = nextGenCondition(k, j ,i, ngbr); ngbr = 0; population++; } else { // dark LEDs ctx.beginPath(); ctx.arc( (i * grid - j * xf), (j * yf + k * grid), 3, 0, 2*Math.PI); ctx.fillStyle = '#444'; // some tint of grey ctx.fill(); } } } } ctx.translate (-200, -30); ctx.fillStyle = '#eee'; ctx.fillText("generation #" + generation, 10, 25); ctx.fillText("cells alive: " + population, 10, 45); } function neighbors(k, j, i, ngbr) { // how many neighbors has a living cell? if (k < 7) ngbr += LEDs[i][j][k+1]; if (k > 0) ngbr += LEDs[i][j][k-1]; if (j < 7) ngbr += LEDs[i][j+1][k]; if (j > 0) ngbr += LEDs[i][j-1][k]; if (i < 7) ngbr += LEDs[i+1][j][k]; if (i > 0) ngbr += LEDs[i-1][j][k]; if (k == 7 || j == 7 || i == 7) { if (ngbr > 0 && ngbr < 2 ) ngbr--; // it is too cold on walls else if (ngbr > 2) ngbr -=2; } if (k === 0 || j === 0 || i === 0) { if (ngbr > 0 || ngbr < 2) ngbr--; // it is too cold on walls else if (ngbr > 2) ngbr -=2; } if (Math.floor(Math.random() * 12) == 6 ) ngbr = 0; // an unknown disease kills 10% of cells return ngbr; } function nextGenCondition(k, j, i, ngbr) { // condition of the life and further fission switch (ngbr) { case 0: case 6: LEDs [i][j][k] = 0; // lonely or overpopulated cell has to die break; case 1: // 1 neighbor is to cold, 5 are to hot for the fission case 5: // but the cell is still alive break; case 2: case 4: cellFission(i, j, k); break; case 3: cellFission(i, j, k); // fission occur cellFission(i, j, k); // second fission } return ngbr; } function cellFission(i, j, k) { var rand = Math.floor(Math.random() * 6); switch (rand) { case 0: if (k < 7 && LEDs[i][j][k+1] === 0) LEDs[i][j][k+1] = 1; break; case 1: if (k > 0 && LEDs[i][j][k-1] === 0) LEDs[i][j][k-1] = 1; break; case 2: if (j < 7 && LEDs[i][j+1][k] === 0) LEDs[i][j+1][k] = 1; break; case 3: if (j > 0 && LEDs[i][j-1][k] === 0) LEDs[i][j-1][k] = 1; break; case 4: if (i < 7 && LEDs[i+1][j][k] === 0) LEDs[i+1][j][k] = 1; break; case 5: if (i > 0 && LEDs[i-1][j][k] === 0) LEDs[i-1][j][k] = 1; } } }

Magic Cube bacteria life scenario