text and sprite implementation

This commit is contained in:
Mykola Fesenko
2025-12-01 10:45:01 +01:00
parent 208b288545
commit 73493d9aca
5 changed files with 273 additions and 1 deletions

View File

@@ -21,7 +21,7 @@ menu.load = () => {
document.addEventListener("keypress" , e => { menu.keypress(e)});
menu.user_can_select = true;
rect1 = new Rectangle(70,0,100,100, "red");
rect1 = new Rectangle(70,20,100,100, "green");
rect2 = new Rectangle(10,10,50,50, "red");
rect3 = new Rectangle(10,200,50,50, "red");
@@ -48,6 +48,21 @@ menu.load = () => {
rect2.draw_selection = rect2.drawStroke;
rect3.draw_selection = rect3.drawStroke;
rect4.draw_selection = rect4.drawStroke;
text = new Text("Tessst" ,10,400, "16px serif" , "rgb(100,100,100)");
menu.addElement(text);
let center = text.getCenterXFrom(menu.ctx, rect1.x, rect1.width);
text.x = center;
text.y = rect1.y + 150;
//img = new Sprite(400,400,400,400,"../../img/test2.jpg");
//img.img = new Image();
//img.img.src = "../../img/test2.jpg";
// menu.ctx.drawImage(img2, 200,200);
//menu.addElement(img);
};