var radius = 250;

var factor;

var fDisplay;

​

function setup() {

  createCanvas(600, 600);

  factor = createSlider(0, 500, 2);

  factor.position(10, 10);

  factor.style('width', '580px');

  points = createSlider(0, 500, 200);

  points.position(10, height-20);

  points.style('width', '580px');

}

​

function draw() {

  background(0);

  translate(width/2, height/2);

  var n = points.value();

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

    var a = 2 * PI / n;

    var result = (i * factor.value()) % n;

    var x = radius * cos(a * i);

    var y = radius * sin(a * i);

    var xTo = radius * cos(a * result);

    var yTo = radius * sin(a * result);

    var h = map(dist(x, y, xTo, yTo), 0, radius, 50, 180);

    colorMode(HSB);

    stroke(h, 80, 80);

    line(x, y, xTo, yTo);

  }

  noFill();

  stroke(50);

  ellipse(0, 0, radius*2, radius*2);

}