p5.js rotate(), push(), pop(), beginShape(), endShape(), polygon형에 대해서

즉시 써 보았습니다.

function setup() {
    createCanvas(720, 400); // canvasのサイズ
}

function draw() {
    background(102); // 背景色

    push(); // オブジェクト作成
    translate(width * 0.2, height * 0.5); // 移動(x軸, y軸)
    rotate(frameCount / 200.0); // 回転(角度)
    polygon(0, 0, 82, 3); // 関数
    pop(); // オブジェクト完成

    push(); //　オブジェクト作成
    translate(width * 0.5, height * 0.5); // 移動(x軸, y軸)
    rotate(frameCount / 50.0); // 回転(角度)
    polygon(0, 0, 80, 20); // 関数
    pop(); // オブジェクト完成

    push(); // オブジェクト作成
    translate(width * 0.8, height * 0.5); // 移動(x軸, y軸)；
    rotate(frameCount / -100.0); // 回転(角度)
    polygon(0, 0, 70, 7); // 関数
    pop(); // オブジェクト完成
}

function polygon(x, y, radius, npoints) {
    var angle = TWO_PI / npoints;
    beginShape(); // 形を作る
    for (var a = 0; a < TWO_PI; a += angle) {　// TWO_PIは円の円周率。なんで繰り返しているのか不明
        var sx = x + cos(a) * radius; // 不明
        var sy = y + sin(a) * radius; // 不明
        vertex(sx, sy); //　不明
    }
    endShape(CLOSE); // 形を作り終える
}

완성은 이런 느낌