Function Ex2

let sliderSize;

let sliderInternalSize;

let sliderPoints;

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noStroke();

​

  sliderSize = createSlider(20, 400, 40);

  sliderSize.position(10, 10);

​

  sliderInternalSize = createSlider(20, 400);

  sliderInternalSize.position(10, 40);

​

  sliderPoints = createSlider(3, 20);

  sliderPoints.position(10, 70);

​

}

​

function draw() {

  background("#7AF0ED");

  fill("#F06E85");

​

  let size = sliderSize.value();

  let internalSize = sliderInternalSize.value();

  let points = sliderPoints.value();

​

  star(width / 2, height / 2, points, size, internalSize);

}

​

function star(x, y, points, size, internalSize) {

  let centralAngle = TWO_PI / points;

​

  beginShape();

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

​

    let anglePoint = i * centralAngle - HALF_PI;

​

    let ax = x + cos(anglePoint) * size;

    let ay = y + sin(anglePoint) * size;

    vertex(ax, ay);

​

    let angleInternal = i * centralAngle + centralAngle / 2 - HALF_PI;

    ix = x + cos(angleInternal) * internalSize;

    iy = y + sin(angleInternal) * internalSize;

    vertex(ix, iy);

​

  }

  //finally close the shape

  endShape(CLOSE);

​

}