x:100,

  y:100,

  xs:3,

  xy:-2,

//+++++++++++++++++++++++++++++++++++++++++++++++++

  move:function(){

    this.x=this.x+this.xs;

    },

//+++++++++++++++++++++++++++++++++++++++++++++++++

  display:function(){

     ellipse(this.x,this.y,24,24)},

//+++++++++++++++++++++++++++++++++++++++++++++++++

bounce:function(){

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

    this.x=this.x+this.xs*-1

  }

},

}

//+++++++++++++++++++++++++++++++++++++++++++++++++

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  bubbles.move();

  bubbles.display();

  bubbles.bounce();

}