const canvas = document.getElementById("main_window");

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

const ctx = canvas.getContext("2d");

const windowSize = canvas.getBoundingClientRect(); 

menu = new MainMenu(ctx);

document.addEventListener("keypress", (event) => {
    console.log(event.key);
    
})



rect = new Rectangle(70,0,100,100, "red");

rect.update = () => {
    rect.rotation += 0.01;
    rect.translateX(rect.startX + 0.5);
    rect.setCenterOrigin();
}

menu.addElement(rect);
menu.addElement( new Circle());

menu.makeSelectable(rect);

rect.setCenterOrigin();

rect.draw_selection = (ctx) => { rect.drawStroke(ctx)}

menu.select(rect);

menu.load();


setTimeout(() => {
    menu.unselect();
}, 3000);