webgl - three.js 将颜色与地图混合

Question

我有一个具有地图和颜色的网格。我想将地图中的透明部分设置为颜色。我试过了，但只有地图是渲染的。

var map = THREE.ImageUtils.loadTexture(url);
var material = new THREE.MeshPhongMaterial({
     color: colors[Math.ceil(Math.random() * (colors.length - 1))],
     transparent: true,
     opacity: 1.0,
     map: map,
     blending: THREE.NormalBlending
});
target.mesh = new THREE.Mesh(
     new THREE.CubeGeometry(target.size.x, target.size.y, target.size.z), 
     material);

Answer 1

Ovilia，来自 2pha 的参考可能会满足您的需求。它是不完美的，因为它改变了标准内置三个着色器的行为——如果你需要将标准的“phong”行为与修改后的贴花行为混合匹配，那么它可能会导致问题。只有你可以决定！另一种方法是指定一个自定义着色器，但这是一项（一点）工作。