createCanvas(320, 240);

  noStroke();

}

let xP = 20;

let xChange = 1;

​

function draw() {

    background(255, 230, 246);

  if (xP > 100 && xP < 200) {

    fill(255, 0, 0)

  } else {

    fill(0, 125, 62);

  }

    ellipse(xP, 20, 15, 15);

    xP = xP + xChange;

  //   || or

    if (xP > 320 || xP < 0) {

      xChange *= -1;

    }

}

​

​

​