//changes direction 

//changes size

//changes opacity 

​

var  x= 0;

var speed= 2;

var y = 200;

var change =false ;

 var size = 50;

​

​

function setup(){

  createCanvas(400, 400);

}

​

function draw() {

  if (change){

    y=y+speed;

  } else{

     x= x+speed;

  }

​

  background(220);

  stroke (200,20,200);

  strokeWeight(4);

  ellipse(x, y, 30,30);

  if (x>width ||x<0){

    fill(255,50,60,0);

    speed= speed*-1;

  } 

  if (y>height || y <0){

    fill(100,0,255);

    speed= speed*-1;

  }

}

  function mousePressed(){

    change= !change;

}

​