Crossings

let sea = []

​

function setup() {

  createCanvas(1112, 834);

  background(0);

  colorMode(HSB)

  blendMode(SCREEN)

  for(var o=0;o<100;o+=300){

    for(var i=0;i<width;i+=5){

      sea.push({

      x:i,

      y:o,

      c:fill(random(10,300),90,90)

      })

    }

  }

}

​

function draw() {

  background(0,0.03)

  noStroke()

  noStroke()

​

  translate(0,height/2)

    for(var i=0;i<sea.length;i++){

      let p = sea[i]

      let delta = map(p.x,-width/2,width/2,0,20)

      let ratio = map(sin(frameCount/10+p.y+delta),-1,1,0,1)

      ellipse(p.x,ratio*p.y,1.5)

      p.x+= (noise(p.x/20,p.y/1000,frameCount)-0.55)*10

      p.y= (noise(p.x,p.y,frameCount)-0.4)*1400

​

    }

}

​