Connections 2

/******************

Code by Vamoss

Original code link:

https://openprocessing.org/sketch/2107128

​

Author links:

http://vamoss.com.br

http://twitter.com/vamoss

http://github.com/vamoss

******************/

​

var colors = ["#FFC30F", "#581845", "#900C3F", "#C70039", "#FF5733", "#1AC7C4"];

var points = [];

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  for(let i = 0; i < 3; i++){

    points.push({

      in: createVector(random(width), random(height)),

      out: createVector(random(width), random(height)),

      dirIn: createVector(random(-5, 5), random(-5, 5)),

      dirOut: createVector(random(-5, 5), random(-5, 5))

    });

  }

}

​

function draw() {

  orbitControl();

  background(0);

  push();

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

  for(let i = 0; i < points.length; i++){

    const p = points[i];

    p.in.x += p.dirIn.x;

    p.in.y += p.dirIn.y;

    p.out.x += p.dirOut.x;

    p.out.y += p.dirOut.y;

    if(p.in.x < 0 || p.in.x > width)

      p.dirIn.x *= -1;

    if(p.in.y < 0 || p.in.y > height)

      p.dirIn.y *= -1;

    if(p.out.x < 0 || p.out.x > width)

      p.dirOut.x *= -1;

    if(p.out.y < 0 || p.out.y > height)

      p.dirOut.y *= -1;

    dnaConnection(p.in.x, p.in.y,

                 p.out.x, p.out.y);

  }

  pop();

}

​

function dnaConnection(x1, y1, x2, y2) {

  const parts = 50;

  const pctParts = 1 / parts;

  const t = frameCount / 20;

  for (let pct = pctParts; pct <= 1; pct += pctParts) {

    const prevLerpX = lerp(x1, x2, pct-pctParts);

    const prevLerpY = lerp(y1, y2, pct-pctParts);

    const lerpX = lerp(x1, x2, pct);

    const lerpY = lerp(y1, y2, pct);

    const prevAmp = sin((pct-pctParts) * PI) * 100;

    const amp = sin(pct * PI) * 100;

    for (let i = 0; i < colors.length; i++) {     

      const prevZ = cos((pct-pctParts) * PI + t + i) * prevAmp;

      const prevY = prevLerpY + sin((pct-pctParts) * PI + t + i) * prevAmp;

      const z = cos(pct * PI + t + i) * amp;

      const y = lerpY + sin(pct * PI + t + i) * amp;

​

      strokeWeight(amp/2);

      stroke(colors[i]);

      line(prevLerpX, prevY, prevZ, lerpX, y, z);

    }

  }

}