P5.js curveVertex 函数在某个点闭合

let start = Array(50).fill(0); // dont change
let amount = 1; // amount of shapes
let gap = 30; // between shapes
let amplify = 50; // 0 -->
let colorSpeed = 1; // 1 - 9
let colorSeparation = 3; // 0 - 80 recomended 0 - 10

function setup() {

  createCanvas(windowWidth, windowHeight);
  
  for(let  i = 0 ; i < start.length; i++){
    start[i] = random(i);
  }
  
}

function draw() {
  
  background(0);
  
  for(let dnc = (amount + 1) * gap; dnc > gap; dnc -= gap){
    drawNoiseCircle(dnc, getNoise(start.length));
  }
    
  start = start.map( c => c + 0.01 );
  
}

function getNoise(amount){
  
  let lengths = [];
  
  for(let i = 1; i < amount + 1; i++){
    
    let n1 = noise(start[i - 1]);
    let noise1 = map(n1, 0, 1, -amplify, amplify);

    lengths.push(abs(-noise1));
    
  }
  
  return lengths;
  
}

function drawNoiseCircle(radius, lengths){
  
  colorMode(HSB);
  fill(((frameCount + radius) * colorSeparation)/-map(colorSpeed, 1, 10, -10, -1) % 360, 100, 50);
  noStroke()

  let x;
  let y;
  
  beginShape();
  
  for(let l = 0; l < lengths.length; l++){
    
    x = Math.cos(radians(l * 360 / lengths.length)) * (radius + lengths[l]) + width/2;
    y = Math.sin(radians(l * 360 / lengths.length)) * (radius + lengths[l]) + height/2;
    
    curveVertex(x, y);
    
  }
  
  endShape(CLOSE);
  
  stroke("black");
  line(width/2, height/2, width, height/2);
  
  line(width/2, height/2 + 9, width, height/2 + 9);

}

<script src="https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/lib/p5.js"></script>

function setup() {
  createCanvas(300, 300);
  
  background(220);
  
  let numPoints = 6;
  let angleIncrement = TWO_PI / numPoints;
  let radius = 120;
  
  beginShape();
  for(let i = 0 ; i < numPoints + 3; i++){
    let angle = angleIncrement * i;
    let x = 150 + cos(angle) * radius;
    let y = 150 + sin(angle) * radius;
    curveVertex(x, y);
  }
  endShape();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>

let start = Array(30).fill(0);

let colorSpeed = 1; // 1 - 9
let colorSeparation = 3; // 0 - 80 recomended 0 - 10

function setup() {
  createCanvas(600, 600);
  colorMode(HSB);
  noStroke();
  // init noise seeds
  for(let  i = 0 ; i < start.length; i++){
    start[i] = random(i);
  }
}

function getNoise(seeds, amplify = 50){
  let amount = seeds.length;
  let lengths = [];
  
  for(let i = 1; i < amount + 1; i++){
    
    let n1 = noise(seeds[i - 1]);
    let noise1 = map(n1, 0, 1, -amplify, amplify);

    lengths.push(abs(-noise1));
    
  }
  
  return lengths;
  
}

function drawNoiseCircle(radius, lengths){
  let sides = lengths.length;
  let ai = TWO_PI / sides;
  let cx = width * 0.5;
  let cy = height * 0.5;
  
  fill(((frameCount + radius) * colorSeparation)/-map(colorSpeed, 1, 10, -10, -1) % 360, 100, 50);
  
  beginShape();
  for(let i = 0 ; i < sides + 3; i++){
    let noiseRadius = radius + lengths[i % sides];
    let a = ai * i;
    let x = cx + cos(a) * noiseRadius;
    let y = cy + sin(a) * noiseRadius;
    curveVertex(x, y);
  }
  endShape();
}

function draw() {
  background(0);
  // draw with updated perlin noise values
  drawNoiseCircle(120, getNoise(start));
  // increment noise seed
  start = start.map( c => c + 0.01 );
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>