circulo cromatico (p5.js)

sketch.js

var portions = 3;
var PMAX = 32;
var largo;

function setup() {
  createCanvas(400, 400);
  noStroke();
  background(0);
}

function draw() {
  portions = int(1 + (PMAX * mouseX / float(width)));
  if (portions < 3) portions = 3;
  largo = mouseY;
  if (largo == 0) largo = width;
  colorMode(HSB, portions);
  background(0);
  for (var i = 0; i < portions; i = i + 1) {
    fill(i, 100, 100);
    arc(width / 2, height / 2, largo, largo, i * TWO_PI / portions, (i + 1) * TWO_PI / portions);
  }
}