在立方体three.js上使用纹理和颜色

Question

我想在three.js中同时创建一个纹理和颜色的立方体。

我想在选择多维数据集时更改颜色。这就是它需要颜色的原因。

顶部有颜色的黑白纹理是否允许我更改纹理的颜色？

Answer 1

即使在其上有纹理，材质的颜色也始终会影响对象的外观。默认颜色值为白色，纹理看起来很正常。但是如果你将颜色设置为红色，纹理会变红（例如，如果你有黑/白纹理，你会得到黑/红纹理）。

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshLambertMaterial();  // default color is 0xffffff
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );

var loader = new THREE.TextureLoader();
loader.load('texture.jpg',
    function ( texture ) {
        material.map: texture;
    });

// onclick: set color
material.color.set(0xff0000);