createCanvas(800, 800);

}

​

function draw() {

  background(255);

​

  // Black five-pointed star

  push();

  fill(0);

  translate(200, 200);

  star(0, 0, 100, 140, 5);

  pop();

​

  // Yellow six-pointed star

  push();

  fill(255, 255, 0);

  translate(300, 400);

  star(0, 0, 100, 140, 6);

  pop();

​

  // Red seven-pointed star

  push();

  fill(255, 0, 0);

  translate(500, 300);

  star(0, 0, 100, 140, 7);

  pop();

​

  // Blue eight-pointed star

  push();

  fill(0, 0, 255);

  translate(600, 200);

  star(0, 0, 100, 140, 8);

  pop();

}

​

function star(x, y, radius1, radius2, npoints) {

  let angle = TWO_PI / npoints;

  let halfAngle = angle / 2.0;

  beginShape();

  for (let a = 0; a < TWO_PI; a += angle) {

    let sx = x + cos(a) * radius2;

    let sy = y + sin(a) * radius2;

    vertex(sx, sy);

    sx = x + cos(a + halfAngle) * radius1;

    sy = y + sin(a + halfAngle) * radius1;

    vertex(sx, sy);

  }

  endShape(CLOSE);

}

​