Codice

---

var count = 1;
var uno = 1;


function init( ) {
 ;  ;  ;  ;  ; pulsante = $("coso");
 ;  ;  ;  ;  ; Event.observe(pulsante,'click',scegli,false);
}


function scegli ( ) {
 ;  ;  ;  ;  ; pulsante = $("pulsante");
 ;  ;  ;  ;  ; if (uno == 1) {
 ;  ;  ;  ;  ;  ;  ;  ;  ;  ; prima ( );
 ;  ;  ;  ;  ; } else if (uno < 10){
 ;  ;  ;  ;  ;  ;  ;  ;  ;  ; disegna ( );
 ;  ;  ;  ;  ; }
 ;  ;  ;  ;  ; uno++;
}


function prima ( ) {
 ;  ;  ;  ;  ; var tela = $('coso');
 ;  ;  ;  ;  ; var context = tela.getContext("2d");
 ;  ;  ;  ;  ;
 ;  ;  ;  ;  ; context.beginPath( );
          context.moveTo(150,0);
          context.lineTo(0,150*Math.sqrt(3));
          context.lineTo(300,150*Math.sqrt(3));
          context.fillStyle='#000000';
          context.fill();
}


function disegna ( ) {
          var l = 300;
          var h = 150*Math.sqrt(3);
          var pot = Math.pow(0.5,count);
          var dw = l*pot;
          var dh = h*pot;
          var c = l/2;
          var colour;
         
          for (j=0; j < (Math.pow(2,count) +1); j++) {
                    for (i=0; i < (j+1); i++) {
                              x = c - dw*j/2 + dw*i;
                              y = j*dh;
                              if ((j % 2 == 1) && (i % 2 == 0)) {
                                        disegnaTriangolo (x,y,dw);
                              }
                    }
          }
          count++;
}


function disegnaTriangolo (x,y,d) {
          var tela = $('coso');
          var context = tela.getContext('2d');
          var r = (Math.sqrt(3))/2;
         
          context.beginPath( );
          context.moveTo(x,y);
          context.lineTo((x+d),y);
          context.lineTo(((2*x+d)/2),(y+d*r));
          context.fillStyle = '#F9F0E5';
          context.fill( );
}


Event.observe(window,'load',init,false);