Aframe A-Frame.png透明度

Aframe A-Frame.png透明度,aframe,Aframe,在Firefox.png中,文件的背景颜色与前面的任何内容相同。如果在空间中移动相机时背景为白色,则透明区域为白色。另外,如果两个PNG直接在对方前面,我会得到闪烁的效果。我在windows上使用最新版本的Firefox。我应该使用.gif文件而不是.png文件吗 A-Frame的主分支公开material.alphaTest属性,您可以将该属性设置为0.5以解决此透明度问题 如果希望继续使用0.5.0,解决方法是: AFRAME.registerComponent('alpha-test',

在Firefox.png中,文件的背景颜色与前面的任何内容相同。如果在空间中移动相机时背景为白色,则透明区域为白色。另外,如果两个PNG直接在对方前面,我会得到闪烁的效果。我在windows上使用最新版本的Firefox。我应该使用.gif文件而不是.png文件吗

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-Frame的主分支公开
材质。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;
  }
});
然后:


只需透明:材质真实。



只需透明:在材质中为true。

您能提供示例代码(带有JSFIDLE、CodePen或Glitch)吗?我想您可能需要将
材质.alphaTest
设置为
0.5
。谢谢,凯文。我想这是分层排序。我会上传这个并发送一个链接。我也有同样的问题,在另一篇文章中,我正在研究一个“有线电视名人堂”的标志,背景是黑色的,当摄像机移到标志上时,除了基本形状之外,你看不到它后面的任何东西,但是图像,其他图像文件,是隐藏的。我将设置一个故障帐户。但是,这里有一个很好的例子:您可以看到png文件似乎是一个黑色背景的jpg。它采用了场景中的颜色。另外,看看雪粒子是如何在建筑物的png后面,而实体是如何在png前面排序的?您能否提供示例代码(带有JSFIDLE、CodePen或Glitch)?我想您可能需要将
材质.alphaTest
设置为
0.5
。谢谢,凯文。我想这是分层排序。我会上传这个并发送一个链接。我也有同样的问题,在另一篇文章中,我正在研究一个“有线电视名人堂”的标志,背景是黑色的,当摄像机移到标志上时,除了基本形状之外,你看不到它后面的任何东西,但是图像,其他图像文件,是隐藏的。我将设置一个故障帐户。但是,这里有一个很好的例子:您可以看到png文件似乎是一个黑色背景的jpg。它采用了场景中的颜色。另外,看看雪粒子是如何在建筑物的png后面,而实体是如何在png前面排序的?谢谢,凯文!我将开始使用主版本,直到6.0面世。要在master中显示alpha,我要这样做吗?用a帧粒子组件解决了我自己的问题。它以从上到下的HTML顺序呈现。因此,场景的最后一行需要加载程序实体:谢谢,凯文!我将开始使用主版本,直到6.0面世。要在master中显示alpha,我要这样做吗?用a帧粒子组件解决了我自己的问题。它以从上到下的HTML顺序呈现。因此,场景的最后一行需要加载程序实体:这比alpha测试对我来说更有效。我在
a-video
上使用了
a-image
png。设置alpha测试将解决一些透明度问题,但图像将变得参差不齐。透明的效果和预期的一样。对我来说,这比alpha测试效果更好。我在
a-video
上使用了
a-image
png。设置alpha测试将解决一些透明度问题,但图像将变得参差不齐。透明的工作正如预期的那样。
<a-entity class="xyz" material="transparent: true"></a-entity>