重新排序JavaScript中定义的A-Frame权限,以解决透明度问题

时间:2018-01-20 04:57:18

标签: aframe webvr

我需要一些A-Frame实体部分透明,并重叠。这仅适用于首先定义最远的实体(如https://glitch.com/edit/#!/trail-cause所示)

我正在使用池组件来管理我的实体:

<a-scene ... pool__clouds="mixin:cloud; size:10; dynamic:true">

当用户飞过时,我从池中拉出对象:

let cloudEl = sceneEl.components.pool__clouds.requestEntity();

与以前的实体相比,这些远离。不幸的是,这对透明度来说完全是落后的。

有没有办法以相反的顺序从池中提取对象?

或者我必须在HTML中定义实体并在没有池组件的情况下管理它们吗?

1 个答案:

答案 0 :(得分:0)

您的问题应该通过使用材料属性alphaTest:0.5来解决。它应该适当地具有透明度。

我甚至可以用glitch备份它。 :)

我不擅长着色器,据我所知alpha-test负责在openGL或webGL中进行正确的RGBA渲染。

<小时/> 重新排列是一种解决方法,但这里不需要解决方法。