编程语言
首页 > 编程语言> > javascript-在Three.js多维数据集上使用纹理和颜色

javascript-在Three.js多维数据集上使用纹理和颜色

作者:互联网

我想在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);

标签:html,javascript,three-js,textures
来源: https://codeday.me/bug/20191013/1907171.html