Aframe A字框中的固定文本位置

Aframe A字框中的固定文本位置,aframe,webvr,Aframe,Webvr,我正在尝试在a帧中添加固定文本。我可以添加一个a-text标记,如下所示: <a-camera wasd-controls-enabled="true" position="0 1 0" look-controls> <a-text position="0 0 -1" value="Test" color="#fff"></a-text> </a-camera> 但是这种方法不会使文本固定在屏幕的一侧,因此当我更改屏幕大小时,文本将溢出。

我正在尝试在a帧中添加固定文本。我可以添加一个a-text标记,如下所示:

<a-camera wasd-controls-enabled="true" position="0 1 0" look-controls>
  <a-text position="0 0 -1" value="Test" color="#fff"></a-text>
</a-camera>


但是这种方法不会使文本固定在屏幕的一侧,因此当我更改屏幕大小时,文本将溢出。这可能吗?

通常最好将文本添加到场景中,而不是添加到相机中。这让用户可以选择向任何一个方向看,这样他们就可以看到所有东西

如果您仍然决定将文本锚定到相机上,简单的解决方案是确保文本的距离足够远,以最小的屏幕尺寸(垂直电话方向等)可以轻松地看到所有文本

更复杂的解决方案是更改

调整窗口大小或拖动中心分隔符,您将看到文本大小发生变化


希望这有帮助。

我想补充一点;可以将文本和摄影机子元素设置为同一元素。这样可以使文本靠近用户并保持固定的(可读的)距离,而不会“粘到用户的头上”。
AFRAME.registerComponent('resize-text', {

  init: function() {

    var self = this;

    window.addEventListener('resize', function(e) {

      var height = window.innerHeight;
      var width = window.innerWidth;

      // console.log('resized!', height, width);

      self.el.setAttribute('width', ( width / 100 ));

    });

  }

});