import Bilza, { Ui,hsl } from "../../src/bilza.js";

let bil = new Bilza("bilza",70);
bil.background.color.set("#000000");
//-----------------------------------------
const g = bil.alwaysOn( ).grid(10,10,"grey");

const counter = bil.alwaysOn( ).frameCounter(0);


getCircle(29,"yellow");
getCircle(25,"red");
getCircle(21,"green");
getCircle(17,"blue");
getCircle(13,"magenta");
getCircle(9,"cyan");
getCircle(6,"crimson");


function getCircle(radius=25,color="red",){
const circle = bil.add(0,20).circle(radius,color);
//--This will just draw the boundry
circle.filled.set(false);
circle.lineWidth.set(25);
circle.align(1,1);

circle.goto(0,50,50);
circle.startAngle.set(0);
circle.endAngle.set(0);

circle.endAngle.animate(1,15,0,360);
}

//-----------------------
const ui = new Ui(bil);
bil.draw();