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

let bil = new Bilza("bilza", 70);
bil.resizeCanvas(640 , 360);

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

const comp = bil.add(0,65 ).particleSystem(25,hsl(60),2 );
//---most important line should be applied immediately after creation
comp.setRespDims(false);
comp.setPaddings(15);
comp.showBackground.set(true);
comp.colorBackground.set(hsl(240));
comp.border.set(2);
comp.colorBorder.set(hsl(0))

comp.particleSize.set(3);

comp.align(1,1);
comp.alignRotate(1,1);
comp.x.set(50);
comp.y.set(50);

comp.width.set(10);
comp.height.set(10);

comp.width.oscillate(1,60,10,300,5);
comp.height.oscillate(1,60,10,300,5);

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