let cellNum=20;

let velocity;

let lean;

​

function setup() {

  createCanvas(640, 480);

    for(var i=0;i<cellNum;i++){

  position[i] = createVector(randomGaussian(width/2,30), 10);

  // velocity[i] = createVector(random(-8,8), random(1,2));

}

}

​

function draw() {

    lean=map(mouseX-width/2,width/-2,width/2,-3,3);

    for(var i=0;i<cellNum;i++){

    velocity = createVector(random(lean-4,lean+4), random(0.2,5));

    position[i].add(velocity);

    noStroke();

    fill(0,random(200),100,120);

    ellipse(position[i].x, position[i].y, 10,10);

  }

​

//   if ((position.x > width) || (position.x < 0)) {

//     velocity.x = velocity.x * -1;

//   }

//   if ((position.y > height) || (position.y < 0)) {

//     velocity.y = velocity.y * -1;

//   }

​

​

​

​

}

​

​

​

// class Cell{

//  constructor(){

//    this.x= randomGaussian(width/2,30)

//    this.y=height-10; //starts from bottom bar  

// }

//   show(){

//     noStroke();

//     fill(0,random(200),100,120);

//     ellipse(this.x,this.y,10,10);

// }

//   grow(){

//     let lean=map(mouseX-width/2,width/-2,width/2,-3,3);

//     this.x=this.x+random(lean-3*abs(lean),lean+3*abs(lean));

//     this.y=this.y-random(1,2);

//   }

// }

// function setup() {

//   createCanvas(400, 550);

//   for(var i=0;i<cellNum;i++){

//     cell[i]= new Cell();

//   }

// }

// function draw() {

//    for(var i=0;i<cellNum;i++){

//   cell[i].show();

//   cell[i].grow();

// }

// }

​

// //mouse movement as the waterflow