Создание шаблона a-entity> data-thumb прозрачность не работает

Question

Я использую .png изображение с закругленными углами с шаблоном объекта в качестве эскиза данных при переходе в виртуальный режим ... изображение с закругленными углами появляется с черным квадратным квадратом (см. Скриншот для дальнейшего понимания).

<img id="subway" crossorigin="anonymous" src="images/new/subway.png">
<a-entity id="links" layout="type: line; margin: 2.5" position="-5 4.6 -4">
      <a-entity template="src: #link" data-src="#expense-subway" opacity="0.5" transparent="true" rotation="0 30 0" data-thumb="#subway" class="links"></a-entity>
</a-entity>

Answer 1

Когда изображение должно отображать области как полностью непрозрачные, а другие как полностью прозрачные, но с интервалом прозрачности от 1% до 99%, значения непрозрачности / прозрачности по умолчанию (opacity: 1.0; transparent: false;) должны сохраняться для компонента material , Это называется режимом «маска» или «вырез». Затем установите значение alphaTest в качестве порога, для которого скрыты части изображения. Возможно, вы захотите немного изменить значение, в зависимости от изображения, но в этом случае alphaTest: 0.25 выглядит для меня разумным.