​

function setup() {

  createCanvas(640, 360);

  walker = new Walker();

​

  background(127);

}

​

function draw() {

  walker.step();

  walker.display();

}

​

class Walker {

  constructor() {

    this.tx = 0;

    this.ty = 10000;

  }

​

  step() {

    // x- and y-position mapped from noise

    this.x = map(noise(this.tx), 0, 1, 0, width);

    this.y = map(noise(this.ty), 0, 1, 0, height);

    // Move forward through “time.”

    this.tx += 0.01;

    this.ty += 0.01;

  }

​

  display() {

    strokeWeight(2);

    fill(this.x, this.y, 180);

    stroke(0);

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

  }

}

​