Question

A-Frame版本：0.8.0

平台/设备：桌面

我在a-box元素中有一个实体文本，文字看起来很模糊。 a-box略微半透明，似乎在破坏文字。

这些是框中的行

<a-box id="box1" material="src: img/info.svg; transparent:true;" position="0 2 -1.8" rotation="0 0 0" depth="0" width="1" height="1" scale="0.001 0.001 0">
    <a-entity id="info" width="1" position="0 0 0.6" text="value: This is the Mac desktop computer IXD has purchased to supply their students with adequate equipment so that they are capable of accomplishing projects even if they do not have their own Mac OS based system; color:#000;">
    </a-entity>
    <a-circle id="box1-close" radius="0.06" class="clickable" material="src: img/close.svg; transparent:true;" remove-yellow position="0.4 0.4 0.6" rotation="0 0 0" scale="1 1 0">
    </a-circle>
</a-box>

我怀疑问题可能在于抗锯齿，但我已经在我的场景中手动打开了它。仔细观察可能与边界有关吗？

Answer 1

对于该框，可以尝试将z比例设置为略大于0。

快速测试： https://glitch.com/edit/#!/a-frame-text-box

  <a-box id="box1" material="transparent:true;" position="0 2 -1.8" rotation="0 0 0" depth="0" width="1" height="1" scale="1 1 .1">
    <a-entity id="info" width="1" position="0 0 .5" text="value: This is the Mac desktop computer IXD has purchased to supply their students with adequate equipment so that they are capable of accomplishing projects even if they do not have their own Mac OS based system; color:#000;">
    </a-entity>
    <a-circle id="box1-close" radius="0.06" class="clickable" material="src: img/close.svg; transparent:true;" remove-yellow position="0.4 0.4 0.6" rotation="0 0 0" scale="1 1 0">
    </a-circle>
  </a-box>

Answer 2

我明白了你对可能的抗锯齿问题的意思。我不知道为什么会发生这种情况，但我之前尝试在黑色背景上渲染白色文字时遇到了类似的问题。在这种情况下，它似乎与将文本放在a-box元素内部有关。以下代码块将解决此问题：

<a-box id="box1" material="color:black; transparent:true; opacity: 1" position="0 2 -1.8" rotation="0 0 0" depth="10" width="1" height="1" scale="1 1 0.05">
  <a-circle id="box1-close" radius="0.06" class="clickable" material="src: img/close.svg; transparent:true;" remove-yellow position="0.4 0.4 0.6" rotation="0 0 0" scale="1 1 0">
  </a-circle>
</a-box>
<a-entity id="info" width="1" position="0 2 -1.55" text="value: This is the Mac desktop computer IXD has purchased to supply their students with adequate equipment so that they are capable of accomplishing projects even if they do not have their own Mac OS based system; color:white;">
</a-entity>

将文字放在a-box之外会删除文字模糊。

aframe文本导致奇怪的外观

2 个答案: