Аккуратный трюк использует порядок рендеринга. С такой настройкой:
<a-box position="-1 0.5 -3" material="transparent: true;"></a-box>
<!--- this one will mask all following objects ---!>
<a-plane position="0 1.3 -1" material="transparent: true; opacity: 0.2;"></a-plane>
<!--- the sphere won't be visible behind the transparent plane ---!>
<a-sphere position="0 1.25 -5" material="transparent: true;"></a-sphere>
Сфера не будет видна за плоскостью.
Проверьте это здесь . Способ справиться с этим (я наткнулся на него во время игры с простыми .png
файлами), это установить значение альфа-теста: material="alphaTest: 0.5"
. Как здесь .