var g

var b

var r1

var g1

var b1

var ab

var or

var vitesse2= 4

var vitesse = 15;

var diametre = 100;

var d1=400

var d2=800

var D1=1

var D2=1

var angle=0.0

function setup() {

createCanvas(600, 600);

 background( 200, 56, 65, 98);

  frameRate(26);

  slider = createSlider(0, TWO_PI, PI/4,0.01);

    r = random(255);

  g = random(255);

  b = random(255);

   r1 = random(255);

  g1 = random(255);

  b1 = random(255);

}

function draw() {

if (d1>=-1300 && d1<600){

  push();

  translate(width/2, height/2);

  rotate(frameCount * 0.036);

  if( frameCount *0,036%0.5==0){

    d1-=5;

    d2-=5;

     fill(0,234, 125,54);

  ellipse(0, 0,d1,d2);

 fill(random(255),random(255),random(255));

  ellipse(random(height),random(width),76,75);

  fill(0,234, 125,54);

    push();

translate(random(0,800), random(0,600));

rotate(angle);

  fill(random(5),random(87),random(145))

triangle(random(height/2), random(width), random(height/2),random(width), random(height/2),random(width));

angle += 0.1;

}

}

if(d1<-1300){

 background(10,67,190,23);

   frameRate(26);

    ab = width/2;

or = height/2;

  mol(45,78);

  mol(24,167);

  mol(random(height), random(width));

    mol(random(height), random(width));

  mol(10,10);

        ab += random(-vitesse, vitesse);

or += random(-vitesse, vitesse);

  D1+=vitesse2;

  D2+=vitesse2;

​

  mol(or,300);

  mol(or,67);

mol(or, ab);

mol(-or,ab)

  mol(ab,or);

   mol(-or,-ab)

  fill(random(255),random(255),random(255),random(255));  ellipse(height/2,width/2,D1,D2);

  if(D2>height+250){

    background(r1,g1,b1,random);

  angle = slider.value();

  stroke(255);

  translate(width/2, height);

  branch(width/3);

}

}

  }

  function mol(x,y){

    push();

    translate(x,y);  

 line(120, 120, 180,180);

  line(180,180,220,120);

  line(180,180,345,145);

  line(345,145,220,120);

  line(345,145,400,210);

  line(400,210,300,67);

  line(400,210,400,50);

  line(400,210,260,220);

  line(220,120,150,60);

  line(120,120,70,88);

  line(70,88,34,67);

line(70,88,34,120);

  line(70,88,76,34);

    fill(random(255),random(255),random(255),random(255));

  ellipse(120,120,20,20);

     fill(random(255),random(255),random(255),random(255));

    ellipse(180,180,30,40);

     fill(random(255),random(255),random(255),random(255));

  ellipse(345,145,20,20);

     fill(random(255),random(255),random(255),random(255));

  ellipse(34,67,23,23);

     fill(random(255),random(255),random(255),random(255));

  ellipse(34,120,23,23);

     fill(random(255),random(255),random(255),random(255));

  ellipse(76,34,23,23);

     fill(random(255),random(255),random(255),random(255));

  ellipse(70,88,40,40);

     fill(random(255),random(255),random(255),random(255));

  ellipse(220,120,60,60);

     fill(random(255),random(255),random(255),random(255));

  ellipse(400,210,40,40);

     fill(random(255),random(255),random(255),random(255));

  ellipse(400,50,50,40);

     fill(random(255),random(255),random(255),random(255));

  ellipse(300,67,56,78);

     fill(random(255),random(255),random(255),random(255));

  ellipse(260,220,20,20);

     fill(random(255),random(255),random(255),random(255));

  ellipse(150,60,30,30);

​

    pop();

}

function branch(len) {

    strokeWeight(3);

  stroke(g, b, r);

  fill(r, g, b, 127);

  ellipse(0,0,-len,-len);

  translate(0,-len);

   if(len>4) {

     push()

;  rotate(angle);

 branch(len*0.67);

     pop();

     push();

  rotate(-angle);

  branch(len*0.67);

     pop();

}

}

function keyReleased() {

  // appuyer sur "s" permet d'enregistrer l'image

  if (key == 's' || key == 'S')  {

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_grille'+ '.jpg');

  }    

}

​

function mousePressed() {

  let dis = dist(mouseX, mouseY, mouseX, mouseY);

  if (dis < 100) {

     r = random(255);

  g = random(255);

  b = random(255);

    r1 = random(255);

    g1 = random(255);

    b1 = random(255);

  }

}

​