let u = 10000;

let v = 20;

​

​

let walker;

let walker2;

let walker3;

let walker4;

​

function setup() {

  createCanvas(400, 400);

  walker = new Walker();

  walker2 = new Walker();

  walker3 = new Walker();

  walker4 = new Walker();

  background(220);

}

​

function draw() {

  walker.step();

  walker.render();

//   walker2.step();

//   walker2.render();

//   walker2.step();

//   walker2.render();

//   walker3.step();

//   walker3.render();

//   walker4.step();

//   walker4.render();

}

​

class Walker{

  constructor(){

    this.x=width/2;

    this.y=height/2;

    this.c = 0;

    // this.x=random(400);

    // this.y=random(400);

  }

  render(){

    fill(this.c);

    noStroke();

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

  }

  step(){

  let n = noise(t);

  let m = noise(u);

  let o = noise(v);

  this.x = map(n,0,1,0,width)

  this.y = map(m,0,1,0,height)

  this.c = map(o,0,1,0,255)

  t+=0.01;

  u+=0.01;

  v+=0.1;

//     let num = random(1);

//     if (num<0.4){

//       this.x++;

//     }

//     else if (num<0.6){

//       this.x--;

//     }

//     else if (num<0.8){

//       this.y++;

//     }

//     else {

//       this.y--;

//     }

//     let choice = floor(random(4));

//     if (choice == 0){

//       this.x++;

//     }else if(choice == 1){

//       this.x--;

//     }else if(choice == 2){

//       this.y++;

//     } else {

//       this.y--;

//     }

    this.x  = constrain (this.x, 0, width-1);

    this.y  = constrain (this.y, 0, height-1);

  }

}