Script: Spinning circles

const circles1 = [];
const circles2 = [];
const centerPoints = [];

for (let x = 1; x < 8; x++) {
    for (let y = 1; y < 8; y++) {
        const center: Bit.Inputs.Base.Point3 = [x, y, 0];
        centerPoints.push(center);
        const circle = bitbybit.verb.curve.circle.createCircle({ center: [x, y, 0], radius: (x / 25 + 1), xAxis: [1, 0, 0], yAxis: [0, 1, 0] });
        const rotated1 = bitbybit.verb.curve.transform({ curve: circle, transformation: bitbybit.babylon.transforms.rotationCenterX({ angle: y * 20, center }) })
        circles1.push(rotated1);

        const circle2 = bitbybit.verb.curve.circle.createCircle({ center: [x, y, 0], radius: (y / 15) + 0.5, xAxis: [1, 0, 0], yAxis: [0, 1, 0] });
        const rotated2 = bitbybit.verb.curve.transform({ curve: circle2, transformation: bitbybit.babylon.transforms.rotationCenterX({ angle: -y * 20, center }) })
        circles2.push(rotated2);
    }
}

const curveDraw = new Bit.Inputs.Verb.DrawCurvesDto();

curveDraw.curves = circles1;

let circlesTransformed1 = [];
let circlesTransformed2 = [];

let param1 = 3;
let param2 = 10;


let step1 = 0.4;
let step2 = 0.8;

circles1.forEach(circle => {
    const center = bitbybit.verb.curve.pointAtParam({ parameter: 0, curve: circle });
    const transformation = bitbybit.babylon.transforms.rotationCenterZ({ angle: param1 * 10, center })
    let circleTransformed = bitbybit.verb.curve.transform({ transformation: transformation, curve: circle });
    circlesTransformed1.push(circleTransformed);
})

circles2.forEach(circle => {
    const center = bitbybit.verb.curve.pointAtParam({ parameter: 0, curve: circle });
    const transformation = bitbybit.babylon.transforms.rotationCenterY({ angle: param2 * 10, center })
    let circleTransformed = bitbybit.verb.curve.transform({ transformation: transformation, curve: circle });
    circlesTransformed2.push(circleTransformed);
})


let circles1Mesh;
let circles2Mesh;

const drawOptionsOut = new Bit.Inputs.Verb.DrawCurvesDto(circlesTransformed1);
drawOptionsOut.updatable = true;
drawOptionsOut.size = 30;
drawOptionsOut.opacity = 0.3;
drawOptionsOut.colours = '#ffffff';

const drawLinesColor = new Bit.Inputs.Verb.DrawCurvesDto(circlesTransformed2);
drawLinesColor.updatable = true;
drawLinesColor.size = 1;
drawLinesColor.opacity = 1;
drawLinesColor.colours = '#ffffff';

let circleCurves1;
let circleCurves2;

bitbybit.time.registerRenderFunction((update) => {

    circlesTransformed1.length = 0;
    circlesTransformed2.length = 0;

    circles1.forEach((circle, index) => {
        const center = centerPoints[index];
        const transformation = bitbybit.babylon.transforms.rotationCenterZ({ angle: param1 * ((index + 5) / 10), center })
        let circleTransformed = bitbybit.verb.curve.transform({ transformation: transformation, curve: circle });
        circlesTransformed1.push(circleTransformed);
    })

    circles2.forEach((circle, index) => {
        const center = centerPoints[index];
        const transformation = bitbybit.babylon.transforms.rotationCenterY({ angle: param2 * ((circles2.length - index + 1) / 20), center })
        let circleTransformed = bitbybit.verb.curve.transform({ transformation: transformation, curve: circle });
        circlesTransformed2.push(circleTransformed);
    })

    param1 += step1;
    param2 += step2;

    if (circleCurves1) {
        drawOptionsOut.curvesMesh = circleCurves1;
    }
    if (circleCurves2) {
        drawLinesColor.curvesMesh = circleCurves2;
    }

    circleCurves1 = bitbybit.verb.curve.drawCurves(drawOptionsOut);
    circleCurves2 = bitbybit.verb.curve.drawCurves(drawLinesColor);
});