PixiJS - Anzeige für Währung usw. erstellen, wie?

Wie kann ich am besten sowas in PixiJS umsetzen:

Gibt es da irgendwelche Beispiele? Ich weiß nicht wie man das nennt, daher fand ich auch nichts auf Google.

Zitat von Tusk

Du möchtest nur diese Anzeige erstellen oder wie?
Dann musst du doch bloß die einzelnen Teile der Anzeige als Bild haben (mit Photoshop designen o.ä.) und diese als Sprite einbinden.
So würde ich das spontan machen. Und den Balken kann man auch als Sprite realisieren.

Ja genau, soweit komme ich auch schon
Das ist mein bisheriger Code

gameObject.statsBoxBorderMoney['texture'] = PIXI.Texture.fromFrame(gameObject.statsBoxBorderMoney['frames'][0]);
	gameObject.statsBoxBorderMoney['object'] = new PIXI.Sprite(gameObject.statsBoxBorderMoney['texture']);
	gameObject.statsBoxBorderMoney['frameindex'] = 0;
	gameObject.statsBoxBorderMoney['object'].anchor.x = 0.5;
	gameObject.statsBoxBorderMoney['object'].anchor.y = 0.5;
	gameObject.statsBoxBorderMoney['object'].position.x = gameObject.statsBoxBorderMoney['object'].width / 2 + 10;
	gameObject.statsBoxBorderMoney['object'].position.y = gameObject.statsBoxBorderMoney['object'].height / 2 + 10;
	gameObject.getStage().addChild(gameObject.statsBoxBorderMoney['object']);
	gameObject.statsBoxMoney['texture'] = PIXI.Texture.fromFrame(gameObject.statsBoxMoney['frames'][0]);
	gameObject.statsBoxMoney['object'] = new PIXI.Sprite(gameObject.statsBoxMoney['texture']);
	gameObject.statsBoxMoney['frameindex'] = 0;
	gameObject.statsBoxMoney['object'].anchor.x = 0.5;
	gameObject.statsBoxMoney['object'].anchor.y = 0.5;
	gameObject.statsBoxMoney['object'].position.x = gameObject.statsBoxMoney['object'].width / 2 + 19;
	gameObject.statsBoxMoney['object'].position.y = gameObject.statsBoxMoney['object'].height / 2 + 18;
	gameObject.getStage().addChild(gameObject.statsBoxMoney['object']);

Mein Problem ist eher die Breite des Balkens zu ändern, da es sich immer skaliert und das soll es ja nicht.
Und die Position ändert sich komischerweiße auch.

Zitat von Tusk

Also ich verstehe nicht, was du da machen willst mit dem Geld und sowas, da die Anzeige nichts mit Geld zu tun hat.
Aber die Bar an sich zu erstellen ist relativ simpel. Ich habe dir hier mal ein so eine Bar erstellt. Ist wahrscheinlich nicht perfekt gecoded, aber ich würds spontan so machen - und die Bilder sind auch amateurmäßig ausgeschnitten worden mit Photoshop, da ich mich nun nicht zu lang daran setzen wollte Aber soll ja nur ein Beispiel sein.

https://ide.c9.io/tusk/coding (Müsste glaub ich public sein der Code)
https://coding-tusk.c9users.io/ (So sieht das aus)

Ist das ungefähr so das, was du wolltest?

Das ist perfekt! Dankesehr.