A-Frame .png透明度

aframe

2017-05-12 154 views -1 likes

-1

在Firefox中.png文件采用它们前面的背景颜色。在空间移动相机时，如果背景为白色，则透明区域为白色。另外，如果两个png直接在对方前面，我会产生闪烁的效果。我在使用最新版本的Firefox的窗口中。我应该使用.gif文件而不是.png吗？A-Frame .png透明度

来源

2017-05-12 Steven Luiting

你能提供的示例代码（用的jsfiddle，CodePen，或毛刺）？我想你可能需要将'material.alphaTest'设置为'0.5'。 – ngokevin

谢谢，凯文。这是我认为的图层排序。我会上传并发送链接。我也有一个标志“电缆名人堂”的另一个问题，我正在研究的背景是黑色的问题，并且随着相机移动到标识，除了基本形状外无法看到任何背后的东西但是图像和其他图像文件是隐藏的。我将设置一个Glitch帐户。但是，一个很好的例子是：http://cablecenter.org/vr/chof2017/你可以看到png文件看起来像是一个黑色背景的jpg文件。它采取了现场的颜色。 –

此外，看看雪粒子是如何在建筑物的png后面进行的，但是订购的实体在png前面？ http://cablecenter.org/vr/snow-test/ –

回答

A框架的主分支公开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>

来源

2017-05-12 22:34:38 ngokevin

谢谢，凯文！我将开始使用主版本，直到6.0出来。为了暴露主人的阿尔法我做到这一点？？另外，这是我与建筑物.png和粒子的问题吗？尽管粒子在3D前面，但雪粒仍留在建筑物后面。 http://cablecenter.org/vr/snow-test/ –

解决了我自己的问题与a帧粒子组件。它以HTML顺序从上到下呈现。因此，场景的最后一行需要加载器实体： –

A-Frame .png透明度

回答

相关问题