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,25).text("Arrows",hsl(120))
    .templ.hdg(1,0).entryAni.topIn().exitAni.fadeOut();

const arrow01 = bil.add(2,25).arrow(50,50,80,50,hsl(0));
arrow01.headFilled.set(false);
const arrow02 = bil.add(4,25).arrow(50,50,50,80,hsl(120));
arrow02.headFilled.set(false);
const arrow03 = bil.add(6,25).arrow(50,50,20,50,hsl(240));
arrow03.headFilled.set(false);
const arrow04 = bil.add(8,25).arrow(50,50,50,20,hsl(180));
arrow04.headFilled.set(false);

const arrow05 = bil.add(10,25).arrow(50,50,80,20,hsl(300));
arrow05.headFilled.set(false);
const arrow06 = bil.add(12,25).arrow(50,50,20,20,hsl(200));
arrow06.headFilled.set(false);

const arrow07 = bil.add(14,25).arrow(50,50,20,80,hsl(60));
arrow07.headFilled.set(false);
const arrow08 = bil.add(16,25).arrow(50,50,80,80,hsl(160));
arrow08.headFilled.set(false);

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