selection navigation between elements
This commit is contained in:
@@ -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);
|
||||
Reference in New Issue
Block a user