3star.

let lapse = 0;    // mouse timer

​

function setup() {

  // createCanvas(1112, 834);

  createCanvas(800,780);

  colorMode(HSB, 360,100,100,100);

  frameRate(30);

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 20;

  drawingContext.shadowBlur = 10;

  drawingContext.shadowColor = '#380036';

}

​

function draw() {

  background(40, 16, 99);

  noStroke();

  push();

  translate(140, 180);

  fill(340, 86, 85);

  rotate(frameCount / 300.0);

  star(0, 0, 150, 50, 7); 

  fill(40, 16, 99);

  rotate(frameCount / -100.0);

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

  fill(163, 8, 85);

  rotate(frameCount / 80.0);

  star(0, 0, 50, 15, 5); 

  pop();

  push();

  translate(width / 2.2, height / 2);

  fill(145, 35, 76);

  rotate(frameCount / 150.0);

  star(0, 0, 200, 70, 12); 

​

  fill(94, 42, 94);

  rotate(frameCount / -100.0);

  star(0, 0, 60, 100, 10); 

​

  fill(72, 53, 95);

  rotate(frameCount / 100.0);

  star(0, 0, 30, 90, 8); 

  pop();

  push();

  translate(width / 1.3, height - 200);

  fill(47, 61, 96);

  rotate(frameCount / 50.0);

  star(0, 0, 175, 75, 20); 

  fill(28, 68, 93);

  rotate(frameCount / -30.0);

  star(0, 0, 150, 50, 10); 

  fill(10, 78, 98);

  rotate(frameCount / 28.0);

  star(0, 0, 100, 30, 14); 

  pop();

}

​

function star(x, y, r1, r2, n) {

  let angle = TWO_PI / n;

  let halfAngle = angle/2.0;

  beginShape();

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

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

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

    vertex(sx, sy);

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

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

    vertex(sx, sy);

  }

  endShape(CLOSE);

}