如何在 THREE.js 中将材料设置为 collada child

Question

我在搅拌机中创建了一个场景，它包含一些没有材质的网格，然后我将它导出到 collada，我使用 colladaloader 将它加载到 three.js 场景中，一切都很好，但是当我使用以下代码将一些材质给孩子时：

        loader.load( "../models/islands/"+islandselected.getAttribute("data-model")+".dae", function(object){
        scene.remove("island");
        plane=object.scene;
        plane.name=islandselected.innerHTML;

        plane.traverse(function(child){
            if(child.children[0]){
                if(child.children[0].geometry){
                    console.log(child)
                    var t = new THREE.ImageUtils.loadTexture( '../models/islands/'+child.name+'.jpg' );
                    t.wrapS = t.wrapT = THREE.RepeatWrapping;
                    t.repeat.set( 50, 50 );
                    var ma= new THREE.MeshBasicMaterial( {map:t} );
                    child.children[0].material=ma
                }
            }
        });
        plane.scale.set(100,100,100);

        scene.add(plane);
    });

我在控制台中遇到错误： [.WebGLRenderingContext]GL 错误：GL_INVALID_OPERATION：glDrawElements：尝试访问属性 1 中超出范围的顶点 empcreator.jsp:1 WebGL：错误太多，不会再向控制台报告此上下文的错误。

Answer 1

        var model,mat;

        var loader = new THREE.ColladaLoader();
        var lastTimestamp = 0;
        var progress = 0;

        loader.load( 'obj/mymodel.dae', function ( collada ) {

            model = collada.scene;

            model.children[3].children[0].material = new THREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('obj/images/myimage.jpg')}); 
            console.log(model.material);                
            model.scale.x = model.scale.y = model.scale.z = 0.10; 
            model.rotation.y = 0.80;
            scene.add( model );
         }

        //you will need to modify a little to work it, i took it from my old project