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

【问题标题】：Use a texture and a color on a cube three.js在立方体 three.js 上使用纹理和颜色
【发布时间】：2017-01-18 13:23:05
【问题描述】：

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

我想在选择立方体时更改颜色。这就是为什么它需要一种颜色。

上面有颜色的黑白纹理可以让我改变纹理的颜色吗？

【问题讨论】：

标签： javascript html three.js textures

【解决方案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);

【讨论】：