var circleY;

var circleXmov = 0;

​

var r; 

var g; 

var b;

​

​

​

​

​

​

​

function setup() {

  createCanvas(400, 400);

    //  Color R G B

r=0;

g=0;

b=0;

}

​

​

​

function draw() {

// circle size with mouseX & mouseY

//  circleX = mouseX;

//  circleY = mouseY;

​

// Define circleX & circleY with values   

  circleX = 10;

  circleY = 10;

​

​

  // backgound color and stroke

  background(r, g , b);

  strokeWeight(1);

​

// ellipse(x, y, w);

​

  // elipse 1

   fill(10,0,0);

   ellipse (circleXmov, 50, 50);

  // elipse 2 change size with mouseX

    fill(255,255,255);

    ellipse (circleXmov, r, mouseY);

  // elipse 3 move with mouseX & mouseY

   fill(0,0,200);

   ellipse (mouseX, mouseY, 100);

   fill(0,0,200);

triangle(circleXmov,mouseY , 200, 100, 86, 75)

    fill(255, 255, 0 );

  triangle(circleXmov,100, 400, 200, 90, 75)

  //move circles

    point(mouseX,mouseY,400 );

    strokeWeight(10);

  point(circleXmov, mouseX+60, mouseY+70);

    strokeWeight(10);

  point(circleX, mouseX+50, mouseY+50);

    fill(mouseX+50,100,mouseY+50);

​

  ellipse(circleX,circleY,40,40);

  strokeWeight(10);

  fill(255, 255, 255 );

  quad(circleXmov, 200,mouseX ,mouseY , 200, 300, 30, 76);

​

  circleXmov = circleXmov + 2;

  // return circle to the begining

  if (circleXmov > 400){

    circleXmov = 0};

//if moused pressed change with random 

  if(mouseIsPressed){ 

        r = random(0, 100);

        g = random(0, 200);

        b = random(0, 255);

    }

 // print(mouseX);

}

​

​