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 a = 0; a < points; a ++) {
var angle = a*centralAngle - HALF_PI;
let vx = x + cos(angle) * size;
let vy = y + sin(angle) * size;
vertex(vx, vy);
var angleInternal = a*centralAngle + centralAngle/2 -HALF_PI;
vx = x + cos(angleInternal) * internalSize;
vy = y + sin(angleInternal) * internalSize;
vertex(vx, vy);
}
endShape(CLOSE);
}