如何在 A-Frame 中显示文本？

Question

对于 http://aframe.io/，如何在不创建图像的情况下呈现文本？

Answer 1

编辑： 文本组件已登陆 A-Frame 主分支。这将在 0.5.0 中推出。该组件将支持字体、对齐方式、锚点、基线、着色器等。<a-entity text="value: HELLO"></a-entity> https://aframe.io/docs/master/components/text.html

您可以使用一些社区组件：

https://github.com/bryik/aframe-bmfont-text-component - 使用有符号距离场字体绘制的文本（无论缩放级别如何，位图字体看起来都很棒）。
https://npmjs.com/package/aframe-text-geometry-component - 文本几何图形。
https://github.com/maxkrieger/aframe-textwrap-component - 专注于文本换行的绘制组件。
https://github.com/scenevr/htmltexture-component - HTML canvas 作为纹理。

我推荐 Bitmap Font Text Component，它的性能和视觉效果都很好：

<html>
  <head>
    <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
    <script src="https://rawgit.com/bryik/aframe-bmfont-text-component/master/dist/aframe-bmfont-text-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity bmfont-text="text: HELLO!; color: #333" position="0 0 -5"></a-entity>
    </a-scene>
  </body>
</html>

如何在 A-Frame 中显示文本？

How can I display text in A-Frame?

webvr

aframe