body{
  background-color:#F9DA78;
}
var startOffset=0;
var xpos = 30;
var dir = 1;
var speed = 2;
var l;

function setup() {
  // createCanvas(800,800)
   // createCanvas(displayWidth, displayHeight);
      createCanvas(displayWidth, 300);
  background('#F9DA78')

}
  

function draw(){
  // circle thing

    translate(width/4, height / 2);
 // background(255);

    // circle thing

    // translate(width / 2, height / 3);

  
  //create a settomg tp adjust this color with a knob-maybe start with a slider to be as'The writer of history

 // strokeWeight(5);
  //dancing
//random using noise
    var offset = startOffset;
  for (var x = 0; x < width; x += 20) {

    //var h = random(20,60);
    var h = noise(offset) * 160;
    // fill(noise(offset) * 255);
    fill(h*HALF_PI, 6, 95)
    // fill(12, 56, 95)
    var danceTime = rect(x-500, -100, 20, h*HALF_PI);
  
    offset += 0.1;
  }

  startOffset += 0.01;

// end draw
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://s3-us-west-2.amazonaws.com/s.cdpn.io/255459/p5.js
  2. https://s3-us-west-2.amazonaws.com/s.cdpn.io/255459/p5.dom.js