沖洗材料更新到HTML中AFRAME

Question

var obj = document.querySelector("#sphere"); 
obj.components.material.data.roughness = 0.3; 
obj.components.material.update(object); 
obj.components.material.flushToDOM(); 
//I don't think object matters for this use, 
// it is only useful for shaders I believe. 

我想「flushToDOM（）」，但似乎並沒有在所有它仍然停留在初始設置更新實體HTML材料...

<a-sphere id="sphere" position="0 0.25 -4.5" radius="1.25" color="#712ef0" transparent="true" material="color:#712ef0;transparent:true;metalness:0.3;opacity:1" geometry="primitive:sphere;radius:1.25" rotation="0 0 0" scale="1 1 1"> 

Answer 1

您應該使用setAttribute('material', 'roughness', 0.3)。

但是，可能會出現像着色器和幾何圖形一樣沖洗「子組件」的錯誤。將檢查出這個問題。