Codice

---

var X=Math.round(350*Math.random( ));
var Y=Math.round(350*Math.random( ));
var a = 0;
var i = 0;
var controllo;


function start( ) {
          var disegna=$("germe1") ;
          var finisci=$("germe2");
          var clear=$('germe3');
          Event.observe(disegna,'click',decidi,false);
          Event.observe(finisci,'click',draw,false);
          Event.observe(clear,'click',square,false);
}


function decidi( ) {
          if (a == 0) {
                    controllo=0;
                    inizio( );
          } else {
                    passaggio(3);
          }
}


function inizio ( ) {

          var tela=$('germe');
          var context=tela.getContext('2d');

          context.beginPath( );
          context.moveTo(10,337);
          context.lineTo(340,337);
          context.lineTo(175,20);
          context.closePath( );
          context.strokeStyle='#000';
          context.stroke( );
          context.beginPath( );
          context.arc(X,Y,4,0,2*Math.PI);
          context.closePath( );
          context.fillStyle='#ff0000';
          context.fill( );
          a++;
}


function passaggio(raggio) {
          var tela=$('germe');
          var context=tela.getContext('2d');
          var a = Math.round(2000*Math.random());

          if (a%3==0) {
                    X=(X+10)/2;
                    Y=(Y+337)/2;
                   
          } else if (a%3==1) {
                    X=(X+340)/2;
                    Y=(Y+337)/2;
          } else{
                    X=(X+175)/2;
                    Y=(Y+20)/2;
          }           context.beginPath( );
          context.arc(X,Y,raggio,0,2*Math.PI);
          context.closePath( );
          context.fillStyle='#000';
          context.fill( );
          i++;
}


function draw( ) {
          if(i < 20000 && controllo==0){
          for(n=0; n<5; n++){
                    passaggio(1);
          }
          setTimeout('draw()',0);
          }
}


function square( ) {
          controllo=1;
          var tela=$('germe');
          var context=tela.getContext('2d');
         
          context.fillStyle='#F9F0E5';
          context.fillRect(0,0,350,350);
          context.fill( );
          a=0;
          i=0;
          var X=Math.round(350*Math.random( ));
          var Y=Math.round(350*Math.random( ));
}


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