43 lines
748 B
JavaScript
43 lines
748 B
JavaScript
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); |