Элемент вложенной плоскости A-Frame не показан правильно

Question

У меня есть a-плоскость, вложенная в другую a-плоскость.

<a-plane width="10" height="5" color="#FFFFFF">
  <a-plane width="10" color="#000080"></a-plane>
</a-plane>

Но результат выглядит так Я также попробовал это с вложенным изображением и получил тот же результат. Я также попытался удалить внутреннюю плоскость и добавить ее внешнюю и в ту же позицию. Но у меня всегда один и тот же результат.

A-Frame Версия: 0.9.2

Answer 1

Вы разместили два самолета в одинаковом положении. Рендерер не знает, какой из них должен быть перед другим (поскольку они являются плоскостями и их преобразования идентичны) - и, следовательно, вы испытываете z-fight .

Вам нужно расположить один из самолетов так, чтобы он не перекрывался:

<a-plane>
  <a-plane position='0 0 -0.001'>
  </a-plane>
</a-plane>