A-Frame .png透明度

Question

在Firefox .png文件中采用前面任何颜色的背景颜色。如果在太空中移动相机时背景为白色，则透明区域为白色。另外，如果两个png直接在彼此前面，我会产生闪烁效果。我在Windows上使用最新版本的Firefox。我应该使用.gif文件而不是.png吗？

Answer 1

A-Frame的主分支公开material.alphaTest属性，您可以将其设置为0.5以解决此透明度问题。

如果您希望保持0.5.0，则解决方法是：

AFRAME.registerComponent('alpha-test', {
  dependencies: ['material'],

  init: function () {
    var material = this.el.getObject3D('mesh').material;
    material.alphaTest = 0.5;
    material.needsUpdate = true;
  }
});

然后：

<a-image id="yourCOFHOFimage" alpha-test></a-image>

Answer 2

<a-entity class="xyz" material="transparent: true"></a-entity>

只是透明：在材料上正确。