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

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

bil.alwaysOn().grid(10,10,hsl(0,80,20));
bil.alwaysOn().frameCounter(0);
bil.background.color.set(hsl(240,30,10));

//=============================================
const title = bil.add(0,15).text("Arrow Head Width/Height",hsl(120))
    .templ.hdg(1,0).entryAni.topIn().exitAni.fadeOut();

const arrow = bil.add(0,25).arrow(50,50,70,50,hsl(0));
arrow.headFilled.set(false);
arrow.headWidth.animate(0,5,4,10);
arrow.headHeight.animate(6,10,2,10);
arrow.rotation.animate(10,20,0,360 * 3);

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