Bei Text-Objekten in Three.js kann man die Dimensionen nicht selbst bestimmen. Daher muss man das grundsätzlich durch eine Bounding Box machen: Stackoverflow. Leider scheint man keine Bounding Box bei Troika 3D Text verwenden zu können. Also muss man sich durch einen anderen Trick helfen. Will man den Text rechtsbündig ausrichten, muss man das entsprechende Text-Objekt mit vorhergehenden Leerzeichen auffüllen und zwar mit so, dass Leerzeichen und Text zusammen immer eine bestimmte gewünschte Länge haben. Bei den meisten Schriftarten (Fonts) sind die Schriftzeichen jedoch unterschiedlich lang, so dass dieser Trick doch nur recht schmutzig wirken würde. Die Abhilfe schaffen Monospace-Schriftarten, wo jedes Zeichen immer exakt den gleichen Platz einnimmt.
let labelText = labelTexts[i];
let numberOfLetters = labelText.toString().length;
let numberOfFillingSpaces = 50 - numberOfLetters;
let fillingSpaces = "";
for (let i = 0; i < numberOfFillingSpaces; i++) {
fillingSpaces += " ";
}
labelText = fillingSpaces + labelText;
