在一个立方体上使用纹理和颜色

Use a texture and a color on a cube three.js

本文关键字：纹理 颜色 立方体 一个      更新时间：2023-09-26

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

我想在立方体被选中时改变颜色。这就是为什么它需要颜色。

顶部有颜色的黑白纹理允许我改变纹理的颜色吗?

材质的颜色总是对物体的外观产生影响，即使它上面有纹理。默认的颜色值是白色，纹理看起来很正常。但是如果你将颜色设置为红色，纹理将变成红色(例如，如果你有黑色/白色纹理，你将得到黑色/红色纹理)。

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);
相关文章：