selection navigation between elements

This commit is contained in:
Nikolai Fesenko
2025-11-28 13:59:44 +01:00
parent 8686f6da80
commit 2ebf70c43e
3 changed files with 133 additions and 19 deletions

View File

@@ -16,28 +16,39 @@ document.addEventListener("keypress", (event) => {
rect = new Rectangle(70,0,100,100, "red");
rect1 = new Rectangle(70,0,100,100, "red");
rect2 = new Rectangle(10,10,50,50, "red");
rect.update = () => {
rect.rotation += 0.01;
rect.translateX(rect.startX + 0.5);
rect.setCenterOrigin();
}
rect3 = new Rectangle(10,200,50,50, "red");
rect4 = new Rectangle(70,200,50,50, "red");
menu.addElement(rect);
menu.addElement( new Circle());
menu.addElement(rect1);
menu.addElement(rect2);
menu.addElement(rect3);
menu.addElement(rect4);
menu.makeSelectable(rect);
menu.makeSelectable(rect1);
menu.makeSelectable(rect2);
menu.makeSelectable(rect3);
menu.makeSelectable(rect4);
rect.setCenterOrigin();
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});
rect.draw_selection = (ctx) => { rect.drawStroke(ctx)}
//rect1.setCenterOrigin();
menu.select(rect);
rect1.draw_selection = rect1.drawStroke;
rect2.draw_selection = rect2.drawStroke;
rect3.draw_selection = rect3.drawStroke;
rect4.draw_selection = rect4.drawStroke;
//menu.select(rect2);
menu.load();
setTimeout(() => {
menu.unselect();
// menu.unselect();
}, 3000);