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

let bil = new Bilza("bilza", 70);

const grid = bil.alwaysOn().grid(10,10,"grey");

const fc = bil.alwaysOn().frameCounter(0)
fc.align(1,1);
fc.goto(0,50,50);
fc.fontSize.set(80);
fc.colorBackground.set(hsl(60,75));

const comp = bil.add(0,25).fillRect(hsl(240));
    //===---Animation Settings
    comp.x.set(0);
    comp.y.set(0);
    comp.width.set(20);
    comp.height.set(30);
    comp.x.animate(1, 5, 0, 90);
    comp.y.animate(6, 10, 0, 90);
    comp.x.animate(11, 15, 90, 0);
    comp.y.animate(16, 20, 90, 0);
//---------------------------------
const ui = new Ui(bil);
bil.draw();