web-dev-qa-db-ja.com

A-Frameでテキストを表示するにはどうすればよいですか？

http://aframe.io/ の場合、画像を作成せずにテキストをレンダリングするにはどうすればよいですか？

webvraframe
9
ngokevin

EDIT：テキストコンポーネントがA-Frameマスターブランチに到達しました。これは0.5.0で展開されます。コンポーネントは、フォント、配置、アンカー、ベースライン、シェーダーなどをサポートします。<a-entity text="value: HELLO"></a-entity>https://aframe.io/docs/master/components/text.html

コミュニティコンポーネントのいくつかを使用できます。

パフォーマンスが高く、見た目も良いビットマップフォントテキストコンポーネントをお勧めします。

<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>
19
ngokevin