如何为模型装饰显得更逼真生动，桌子表面贴上木质纹理的图案

Question

希望把模型中的每一个零件都加上对应的颜色或者是纹理图案，使得模型看起来更加逼真和生动，
不知道如何通过批量的dbid、或者是树形菜单中elementId来设置她们的颜色或者是纹理。

而不是选中后的fragId

如图：

Answer 1

这里有【如何修改构件颜色或材质】扩展库。

核心方法是：

 viewer.model.getFragmentList().setMaterial(
      fragId, material);

即，需要构造一个材质（也可以是颜色）对象，然后对某个几何碎片（fragId）设置材质或颜色。

而本问题是需要对所有对象修改其材质，如果不考虑fragments的顺序，那可以依次遍历fragments，然后设置其颜色。从Forge Viewer API分析看 Viewer.model.getFragmentList()返回fragments的信息列表，其中getCount告知有多少个fragments。而fragments的id看山去是从0开始，依次直到最大序数，那应该可以依次修改需要的颜色即可。以下代码，遍历所有fragment，依次修改一个随机颜色。材质的话参考上面提到的样例替换一下即可。

function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

function changeColor(){
    var frags = NOP_VIEWER.model.getFragmentList();
    
    var fragCount = frags.getCount();    
    
    for (var i=0;i< fragCount; i++)
    {
    
        var material = new THREE.MeshPhongMaterial({
          color: getRandomColor()
        });
    
        NOP_VIEWER.impl.matman().addMaterial(
            'ViewerTestMaterial-' + i,
            material);　
    
        NOP_VIEWER.model.getFragmentList().setMaterial(
          i, material); 
    }
    
    NOP_VIEWER.impl.invalidate(true); 
}

如果想按照模型结构树的顺序来对构件修改材质，则可以参考【模型结构树遍历】扩展库,遍历到每个节点，得到其对应的dbId，然后用如下方法得到对应的fragment id

var it = NOP_VIEWER.model.getData().instanceTree;
//遍历此对象含有的fragment id
it.enumNodeFragments(dbId, function(fragId) {
        console.log(fragId);
    }，
    false);

最后，修改材质：

 viewer.model.getFragmentList().setMaterial(
      fragId, material);