time_warp_p5.js

// Twitter: @fewlinesofcode

var angle = 1.0;
var angularSpeed = 0.01;
var internalRadius = 130;

function setup() {
  createCanvas(600, 600);
  noStroke();
  background(255);
}

function draw() {
    noFill();
    stroke(0);
    background(255);

    let r = 0;
    let numPts = 100;
    let numCircles = 20;
    let offset = 6;
    
    noiseSeed(1);
    for (let k = 0; k < numCircles; k++) {
        r = k * offset;
        for (let i = 0; i <= numPts; i++) {
            var x = sin(2 * Math.PI * i / numPts + (cos(angle)==0));
            var y = cos(2 * Math.PI * i / numPts + sin(angle));
            speed = noise(x, y) * internalRadius;
            x = width / 2 + x * (r + speed);
            y = height / 2 +  y * (r - speed);
            if (i > 0) {
                line(prevX, prevY, x, y);
            }
            prevX = x;
            prevY = y;
        }     
    }
    angle += angularSpeed;
    // noLoop();
}