在 Aframe 中更改 GLTF material

Question

我正在尝试使用我在 Sketchfab 上获得的网格在 Aframe 中制作一些火焰。我的问题是火焰网格有阴影而且很暗。我怎样才能改变这个？我尝试设置 material emissive 和 emissiveIntensity 但它不会影响结果...

这是Chrome渲染的代码和截图

<a-entity gltf-model="#fire1"
 position="1 1 1"
 scale="0.2 0.2 0.2"
 rotation="0 15 0"
 spinning=""
 emissive-light=""
 material=""
 visible="">

   <a-light position=""
    intensity="1"
    light=""
    angle="-180"
    distance="20"
    type="spot"
    rotation=""
    scale=""
    visible=""></a-light>
</a-entity>

谢谢！

Answer 1

我的理解是 GLTF 加载器会忽略任何其他试图在 A-Frame 层修改其 material 属性的组件。您将不得不深入研究下面的 THREEjs 层。 Don McCurdy 举了一个很好的例子 here。请注意，他的组件侦听 'object3dset' 事件，然后直接修改 THREEjs 节点。

当然，如果你只是想照亮场景，你可以添加一个 ambient light :)

在 Aframe 中更改 GLTF material

Change GLTF material in Aframe

three.js

aframe

gltf