Nikolai/console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new draw and update cycle

Browse Source
This commit is contained in:
Nikolai Fesenko
2025-11-28 14:15:37 +01:00
parent 2ebf70c43e
commit 208b288545
2 changed files with 61 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
frontend/js/menu_console/console_interface_menu.js
View File

@@ -7,48 +7,59 @@ const ctx = canvas.getContext("2d");
const windowSize = canvas.getBoundingClientRect();
var currentScene;
menu = new MainMenu(ctx);
document.addEventListener("keypress", (event) => {
console.log(event.key);
})
rect1 = new Rectangle(70,0,100,100, "red");
rect2 = new Rectangle(10,10,50,50, "red");
rect3 = new Rectangle(10,200,50,50, "red");
rect4 = new Rectangle(70,200,50,50, "red");
menu.addElement(rect1);
menu.addElement(rect2);
menu.addElement(rect3);
menu.addElement(rect4);
menu.makeSelectable(rect1);
menu.makeSelectable(rect2);
menu.makeSelectable(rect3);
menu.makeSelectable(rect4);
menu.addToSelectable(rect1, {x:0, y:0});
menu.addToSelectable(rect2, {x:1, y:0});
menu.addToSelectable(rect3, {x:0, y:1});
menu.addToSelectable(rect4, {x:1, y:1});
//rect1.setCenterOrigin();
rect1.draw_selection = rect1.drawStroke;
rect2.draw_selection = rect2.drawStroke;
rect3.draw_selection = rect3.drawStroke;
rect4.draw_selection = rect4.drawStroke;
currentScene = menu;
//menu.select(rect2);
menu.load();
menu.load = () => {
document.addEventListener("keypress" , e => { menu.keypress(e)});
menu.user_can_select = true;
rect1 = new Rectangle(70,0,100,100, "red");
rect2 = new Rectangle(10,10,50,50, "red");
rect3 = new Rectangle(10,200,50,50, "red");
rect4 = new Rectangle(70,200,50,50, "red");
menu.addElement(rect1);
menu.addElement(rect2);
menu.addElement(rect3);
menu.addElement(rect4);
menu.makeSelectable(rect1);
menu.makeSelectable(rect2);
menu.makeSelectable(rect3);
menu.makeSelectable(rect4);
menu.addToSelectable(rect1, {x:0, y:0});
menu.addToSelectable(rect2, {x:1, y:0});
menu.addToSelectable(rect3, {x:0, y:1});
menu.addToSelectable(rect4, {x:1, y:1});
//rect1.setCenterOrigin();
rect1.draw_selection = rect1.drawStroke;
rect2.draw_selection = rect2.drawStroke;
rect3.draw_selection = rect3.drawStroke;
rect4.draw_selection = rect4.drawStroke;
};
setTimeout(() => {
// menu.unselect();
}, 3000);
currentScene.load();
function onFrame() {
currentScene.drawAll();
currentScene.updateAll();
requestAnimationFrame(onFrame);
}
requestAnimationFrame(onFrame);