let timeY = 10000;

let m;

function setup() {

  createCanvas(640, 360);

  m = new Mover();

}

​

function draw() {

  background(0);

  m.update();

  m.checkEdges();

  m.draw();

}

​

function keyPressed() {

    if(keyCode === LEFT_ARROW){

      console.log("left arrow");

      m.updateAcceleration(createVector(-0.05, 0))

    }

    if(keyCode === RIGHT_ARROW){

      m.updateAcceleration(createVector(0.05, 0))

    }

    return false;

  }

​

class Mover {

  constructor(){

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

    this.velocity = createVector(0,0);

  }

  update() {

    this.acceleration = createVector(

      map(noise(timeX), 0, 1, -1, 1),

      map(noise(timeY), 0, 1, -1, 1));

    this.velocity.add(this.acceleration);

    this.velocity.limit(5);

    this.location.add(this.velocity);

    timeX += 0.01;

    timeY += 0.01;

  }

  checkEdges(){

    if(this.location.x < 0){

      this.location.x = width;

    }

    if(this.location.x > width){

      this.location.x = 0;

    }

    if(this.location.y < 0){

      this.location.y = height;

    }

    if(this.location.y > height){

      this.location.y = 0;

    }

  }

  updateAcceleration(value){

    this.acceleration.add(value);

  }

​

  draw() {

    stroke("white");

    fill("black");

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

  }

​

}