three.js - 在 Aframe 中更改 GLTF 材质

Question

我正在尝试使用我在 Sketchfab 上获得的网格在 Aframe 中制作一些火焰。我的问题是火焰网格有阴影而且很暗。我怎样才能改变这个？我尝试设置材料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 层修改其材料属性的组件。您将不得不深入到下面的 THREEjs 层。Don McCurdy在这里给出了一个很好的例子。请注意，他的组件会侦听“object3dset”事件，然后直接修改 THREEjs 节点。

当然，如果你只是想照亮场景，你可以添加环境光:)