createCanvas(windowHeight, windowHeight);

}

​

let t;

let frames = 250;

function draw() {

  t = fract(frameCount / frames);

  background(0);

  circle(tri(t + 0.00) * width, sinn(t * 2 + 0.00) * height, 100);

  circle(tri(t + 0.33) * width, sinn(t * 2 + 0.33) * height, 100);

  circle(tri(t + 0.66) * width, sinn(t * 2 + 0.66) * height, 100);

}

​

const saw = (v) => fract(v);

const tri = (v) => 1 - abs(1 - fract(v) * 2);

const ssin = (v) => sin(v * TWO_PI);

const scos = (v) => cos(v * TWO_PI);

const sinn = (v) => ssin(v) * 0.5 + 0.5;

const cosn = (v) => scos(v) * 0.5 + 0.5;

const invCosn = (v) => 1 - cosn(v);

​