Three.js - 在运行时更改材料

Question

我有一些从Blender导出的.js文件并加载它们 THREE.JSONLoader();

我的回调:

var callback   = function( geometry ) { createMesh(geometry);

我的装货:

loader.load( "Models/sculp.js", callback );

我的创建方法:

function createMesh(geometry){

    inArr[id] = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xbbbbbb} ) );
    inArr[id].scale.set( 100, 100, 100 );
    scene.add( inArr[id] );
    id++;
}

现在,我想通过使用键盘更改运行时的材质(更改颜色和不透明度).

我怎样才能做到这一点？

Answer 1

当您为每个网格创建一个新材质时,我假设您只想更改一个网格的颜色而不是inArr数组中的所有颜色,您可能需要某种选择.但是改变材料的颜色非常容易:

var onKeyDown = function(event) {
  if (event.keyCode == 67) { // when 'c' is pressed
    object.material.color.setHex(0xff0000); // there is also setHSV and setRGB
  }
};
document.addEventListener('keydown', onKeyDown, false);

object是您想要更改的网格.密码可以在这里找到:http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes