Question

使用aframe，我想显示一个透明的平面图像（例如png），当没有光点时它是暗的。我想出的参数是emissiveIntensity，使用a-image时无法识别（根据Chrome浏览器的控制台）：

<a-image src="#img-colorwheel" 
         position="8 3 -10"
         rotation="0 0 0"
         height="5" 
         width="5"
         material="emissiveIntensity:0;">
</a-image>

使用常规的a-entity时，它可以工作：

<a-entity geometry="primitive: plane; height:5; width:5;" 
          material="src:#img-colorwheel; emissiveIntensity:0;"
          position="0 2 -19.9"
          rotation="0 0 0">
</a-entity>

我的问题是，在这种情况下，png的透明部分以白色显示。任何提示 - 或解决方法？

使用a-frame 0.7.0;与0.7.1相同的问题

Answer 1

<a-image>没有自发mappings。您还可以通过在source code中搜索a-image来查看映射，您可以在其中查看映射。

我会使用该实体，因为a-image显然是具有a-entity几何的plane的简略版本。

如果您确实需要具有自发光功能的<a-image>，则需要更改着色器，因为<a-image>使用meshBasicMaterial。看看它的属性。没有自发光。需要做的是：

<a-image src="https://i.imgur.com/wjobVTN.jpg" 
     position="0 2 -3"
     rotation="0 0 0"
     height="5" 
     width="5"
     material = "shader:standard;color:blue;
     emissive:red;emissiveIntensity:2">
</a-image>

和我一样here。

Ofc您可以创建一个组件，将材料更改为任何其他组件，但meshStandardMaterial应该足够了。

在a-image（或任何材质）中设置emissiveIntensity

1 个答案: