JAVASCRIPT - Conway's Life Game

Conway's Life Game

Compatibilidad: Ms Internet Explorer, Netscape
Juego de habilidad con los campos checkbox del formulario HTML

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<HTML>
<HEAD>
<TITLE>John Conway's Game of Life</TITLE>
<body bgcolor="ffffff">

<SCRIPT LANGUAGE="JavaScript">
<!-- 
// --- by Hiroshi Okada     okada@tdc.bandai.co.jp

// ---- Make array
function MakeArray( n, init_value){
    this.length = n;
    for (var i = 1; i <= n; i++) { 
        this[i] = init_value; 
    }
    return this
}

// ---- World size
var wsize_x = 16;
var wsize_y = 12;
var wsize = wsize_x * wsize_y;
var onoff = new MakeArray( wsize, false);
var count = new MakeArray( wsize, 0);

// ---- Turn over clicked cell.
function reverce( obj, n){
   obj.checked = (onoff[ n] = ( onoff[ n] == false));
}

// ---- incliment count[x,y]
function inc_c( x,y){
    if( x<0             ){ return};
    if( x>=wsize_x){ return};
    if( y<0             ){ return};
    if( y>=wsize_y){ return};
    count[  y*wsize_x+x+1]++;
}

// ---- Make the next generation.
function next_gen( gen){

// ---- clear 
   for( var n=1; n<= wsize; n++){
       count[n]=0;
    }

// ---- Count
   for( var y=0; y<wsize_y; y++){
       for( var x=0; x<wsize_x; x++){
            var n =  y*wsize_x+x+1;
            if( onoff[ n]){
                inc_c( x-1, y-1);
                inc_c( x-1, y);
                inc_c( x-1, y+1);
                inc_c( x, y-1);
                count[n] += 10;
                inc_c( x, y+1);
                inc_c( x+1, y-1);
                inc_c( x+1, y);
                inc_c( x+1, y+1);
            }
        }
    }

// ---- Birth, Survival, Death
    for( n=1; n<=wsize; n++){
        onoff[ n] = ( ( count[n] == 3) || ( count[n] == 12) || ( count[n] == 13));
        document.form1.elements[ n-1].checked = onoff[ n];
     }

gen --;
     if( gen >0){
        setTimeout( "next_gen("+gen+");", 100);
     }
}

// ---- Set x y
function setXY( x, y){
    var n = y*wsize_x + x;

document.form1.elements[ n].checked = onoff[ n+1] = true;
}

// ---- sample  pattern 1
function sample1(){
    setXY( 10,8);
    setXY( 11,7); 
    setXY( 11,8);
    setXY( 11,9);
    setXY( 12,9);
}

// ---- sample  pattern2
function sample2(){
    setXY( 3,3);
    setXY( 4,3); 
    setXY( 5,3);
    setXY( 5,2);
    setXY( 4,1);
}

// ---- Make world
document.write( "<H2>Conway's Life Game</H2>");
document.write( "<FORM NAME='form1'>");
document.write( "<TABLE>");
for( var y=0; y<wsize_y;y++){
    document.write(  "<TR><TD>" );
    for( var x=0; x<wsize_x; x++){
        document.write( "<INPUT TYPE='radio' onClick='reverce( this, ");
        document.write(  y*wsize_x + x + 1);
        document.write(  ")'>" );
    }
    document.write(  "</TD></TR>" );
}
document.write( "</TABLE>");
document.write( "<INPUT TYPE=button VALUE='1 generation time' onClick='next_gen(1)'>");
document.write( "<INPUT TYPE=button VALUE='10 generation time' onClick='next_gen(10)'>");
document.write( "<BR>");
document.write( "<INPUT TYPE=button VALUE='sample 1' onClick='sample1()'>");
document.write( "<INPUT TYPE=button VALUE='sample 2' onClick='sample2()'>");
document.write( "</FORM>");

// -->
</SCRIPT>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de los script de esta sección]