body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
}
//a coded poem - also on medium(unmetered): //https://medium.com/@sophiawood/to-remind-ourselves-b7d66da90ca4
function setup() {
//we make these spaces for creation
  createCanvas(600, 600);
}
function draw() {
//in which notions of time repeat
  aNotionofTime = abs(sin(frameCount / 500));
//in which notions of time cease
  aNotionofUnTime = abs(cos(frameCount / 500));
//where magnitudes of color are relative
  aMagnitudeofColor = random(240 - 200 * aNotionofTime);
//we loop in the finite and infinite
  for (let i = 0; i < 500; i++) {
//finding points to touch
    verticalExistence = random(0, height);
//with creative contrasts of thought
    bandsOfContrast =(verticalExistence * abs(sin(verticalExistence / 100))) / 3;
    strokeWeight(random(0.5, 5));
    stroke(50 + aMagnitudeofColor - bandsOfContrast + 30 * aNotionofTime,50 + aMagnitudeofColor - bandsOfContrast - 30 * aNotionofTime,50 + aMagnitudeofColor * 2 - bandsOfContrast - 30 * aNotionofTime,10);
//linear footprints in a euclidean space
    line(randomGaussian(0, width),verticalExistence,randomGaussian(0, width),verticalExistence);
  }
//beneath clouds of light
  for (let i = 0; i < 5; i++) {
    push();
    translate(0, (-width / 2) * aNotionofUnTime);
    rock();
    pop();
  }
}
//to remind ourselves
function rock() {
  fill(50 + 205 * aNotionofUnTime,50 + 205 * aNotionofUnTime,50 + 205 * aNotionofUnTime,2);
  noStroke();
  let ephemeris = createVector(random(width / 2 - 20, width / 2),random(height / 2 - 20, height / 2 + 20));
  let aVolumeofSelf = randomGaussian(10, 200);
  circle(ephemeris.x, ephemeris.y, aVolumeofSelf);
}
//to breathe
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js