xxxxxxxxxx
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);
}