let m;

let windPerlin= 100;

​

function setup() {

  createCanvas(400, 360);

  m = []

  for(let i =0; i < 1; i++){

    m.push(new Mover());

  }

}

​

function draw() {

  background(0);

  const heliumForce = createVector(0, -1);

  const windForce = createVector(map(noise(windPerlin), 0, 1, -5, 5), 0);

  for(let i=0;i<m.length; i++){

    m[i].applyForce(heliumForce);

    m[i].applyForce(windForce);

    m[i].update();

    m[i].checkEdges();

    m[i].draw();

    windPerlin++;

  }

}

​

class Mover {

  constructor(){

    this.location = createVector(random(0, width), random(0, height));

    this.velocity = createVector(0,0);

    this.acceleration = createVector(0, 0);

    this.mass = 10;

  }

  update() {

    this.velocity.add(this.acceleration);

    this.location.add(this.velocity);

    this.acceleration.mult(0);

  }

  applyForce(force){

    let f = force.copy()

    f.div(this.mass);

    this.acceleration.add(f);

  }

  checkEdges(){

    if (this.location.x > width) {

      this.location.x = width;

      this.velocity.x *= -1;

    } else if (this.location.x < 0) {

      this.velocity.x *= -1;

      this.location.x = 0;

    }

    if (this.location.y > height) {

      this.velocity.y *= -1;

      this.location.y = height;

    } else if (this.location.y < 0) {

      this.velocity.y *= -1;

      this.location.y = 0;

    }

  }

​

​

  draw() {

    stroke("white");

    fill("black");

    ellipse(this.location.x, this.location.y, 16, 16);

  }

​

}