While loop can't function properly

[fml-123]

I am new to coding and I am learning how to create animations by coding

I want to use loop to make the clouds move left and right constantly, so I wrote the following code

var xc1 = 380
function setup() {
createCanvas(600,600);
background(0);
frameRate(10);
.
.
.
function draw() {
xc1 = (xc1 + 50) % 600;

  var i = 0;
  while(i < 900){
  ellipse(xc1, 150, 60, 30);
  ellipse(xc1 + 20, 130, 60, 30);;
  ellipse(xc1 + 40, 150, 60, 30);
  i ++ ;
}

}

However, when I started to run the code
the cloud didn't move left and right but becoming more and more
more and more clouds appeared horizontally

Do anybody know how to fix this? Thank you so much!!!

[domenic]

Sorry, this is not a venue for asking for help on programming. I suggest https://stackoverflow.com/.