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

let bil = new Bilza("bilza", 70);
bil.background.color.set("#330505");

const g = bil.alwaysOn( ).grid(10,10,);

const circle = bil.add(0,50).circle(10,hsl(0));
circle.align(1,1);
circle.alignRotate(1,1);


circle.showBackground.set(true);
circle.colorBackground.set("green");

//--Set Commands
circle.paddingLeft.set(2);
circle.paddingRight.set(2);
circle.paddingTop.set(2);
circle.paddingBottom.set(2);

circle.x.set(0);
circle.y.set(50);
circle.width.set(10);
circle.border.set(2);
circle.colorBorder.set("yellow");

//--Animate Commands
circle.x.animate(1, 5, 0, 100);
circle.x.animate(6, 10, 100, 50);

circle.width.animate(12, 20, 0, 100);
circle.width.animate(22, 30, 100, 25);
circle.rotation.animate(32,40,0,6 * 360);

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