是否可以在A-Frame a-text上使用表情符号?

时间:2017-12-05 04:37:08

标签: three.js aframe

我觉得在a-text中使用表情符号代替图像很有用 但我试过这个:

<a-text value="&#1F601"></a-text>

而且:

<a-text value=""></a-text>

它似乎不起作用(文本被省略)。

是的,它包含在头部:

<head>
  <meta charset="utf-8" />
</head>

WebGL / ThreeJS / A-Frame是否可能存在限制?

2 个答案:

答案 0 :(得分:2)

是的,如果你有这些字形附带的字体。这里有一堆字体可供使用:https://github.com/etiennepinchon/aframe-fonts 我还没有看到任何包含表情符号的人。

答案 1 :(得分:1)

最佳方法是在spritesheet中添加一组表情符号,然后使用类似https://github.com/ngokevin/kframe/tree/master/components/atlas-uvs的内容来单独表示它们。

  <a-scene>
    <a-mixin id="emojis" atlas-uvs="totalRows: 4; totalColumns: 4" material="src: emojis.png" geometry="primitive: plane; buffer: false; skipCache: true"></a-mixin>

    <a-entity mixin="emojis" atlas-uvs="column: 1; row: 1"></a-entity>
    <a-entity mixin="emojis" atlas-uvs="column: 3; row: 2"></a-entity>
    <a-entity mixin="emojis" atlas-uvs="column: 2; row: 4"></a-entity>
  </a-scene>