Проблема наклона в тексте при взгляде на камеру

Я недавно получил эту проблему. В этом я должен всегда делать текст перед камерой, и я нашел одно решение, которое работает для меня. Единственная проблема в том, что текст немного наклонен вниз. Пожалуйста, помогите мне с этим.

Это проблема, с которой я столкнулся. Текст наклонен.

AFRAME.registerComponent("nametag-rotation", {
 schema: {
 target: { type: "selector", default: "[camera]" },
 },
 init: function () {
 this.rotationComponent = new THREE.Euler();
 this.Quaternion = new THREE.Quaternion();
 this.nametag = document.querySelector("#player-name");
 
 },
 tick: function () {
 
 this.nametag.object3D.lookAt(this.data.target.object3D.position);
 this.nametag.object3D.rotation.y = Math.atan2(0, 0);
 console.log(this.nametag.object3D.rotation);
 },
});

Решение проблемы

AFRAME.registerComponent("nametag-rotation", {
 schema: {
 target: { type: "selector", default: "[camera]" },
 },
 init: function () {
 this.worldPosition = new THREE.Vector3();
 this.ourWorlPosition = new THREE.Vector3();
 },
 tick: function () {
 if (!this.data.target) return;
 this.data.target.object3D.getWorldPosition(this.worldPosition);
 this.el.object3D.getWorldPosition(this.ourWorlPosition);
 this.worldPosition.y = this.ourWorlPosition.y;
 this.el.object3D.lookAt(this.worldPosition);
 },
});

Поместите этот компонент внутри вашего тега имени в html (не внутри ссылочного идентификатора)