如何使用 JSONLoader 更改在 three.js 中加载的对象的颜色

Question

我使用 AssimpJSONLoader 在 Three.js 中加载了一个对象。 对象 cube_cone 是一个简单的 3D 模型，其中包含一个立方体，立方体顶部有一个圆锥体。

var loader1 = new THREE.AssimpJSONLoader(); 
loader1.load( 'models/assimp/cube_cone.json', function ( object ) {
        object.scale.multiplyScalar( 1 );
        object.material.color.setHex(0x666666);
        scene.add( object );

}, onProgress, onError );

首先我想改变对象的颜色。我该怎么做？我试过了：“object.material.color.setHex(...);”。

其次，我只想操纵子对象的颜色，例如只是锥体。 test_cone.json 对象有“孩子”，“名字”：“3DSMesh_0”和“名字”：“3DSMesh_1”。如何访问它们以仅操作对象的一部分而不是整个对象？

如果您能帮助我，我将非常感激，因为我是 Javascript 的初学者。

Answer 1

最好举个例子来回答你最后的评论。

var myObj = new THREE.Group(); //global variable
...
var loader1 = new THREE.AssimpJSONLoader(); 
loader1.load( 'models/assimp/cube_cone.json', function ( object ) {//onLoad callback
    myObj = object; //assign object to the global variable inside the callback
}, onProgress, onError );
...
function animate(){
    ...
    myObj.rotation.y += 0.1;// using the global variable in your animation function
    ...
}

您也可以分配object 的子代，例如

myObj = object.getObjectByName("3DSMesh_1", true);