three.js色のテクスチャ

Question

奇妙なタイトルをまず説明すると、私が取り組んでいる少しのプロジェクトで3Dアバターを作ろうとしていますが、私が腕の色をアバターでは、実際にテクスチャを使って色を変更するのではなく、テクスチャの白い部分（透明ではない）の色を変更しますが、テクスチャ上で透明であれば白で表示されます点灯。着色前

：

着色後：私は使用しています実際のテクスチャは、ここで見つけることができ

：http://imgur.com/SlnOxEw

これは私がテクスチャをレンダリングしています方法です：

var AvatarTexture = new THREE.MeshPhongMaterial({ map: THREE.ImageUtils.loadTexture('./images/Shirt/vest.png'), shininess: 80, shading: THREE.SmoothShading, alphaMap: 0x000000}); 

と着色：

object.children[0].material.color.setHex(0xffcc66); 
object.children[2].material.color.setHex(0xffcc66); 
object.children[4].material.color.setHex(0xffcc66); 

オブジェクト自体はUVをブレンダーからエクスポート.objファイルをマッピングされています。これは、テクスチャに透明性がない場合でも発生します。

Answer 1

部品の色を変更する場合は、オブジェクトは重要ではありませんが、材料はvar referenceです。

//your solution as i understand question 

var material1 = new THREE.MeshPhongMaterial(..); 

    var mesh1.material = material1; 
    var mesh2.material = material1; 

material1.color= red; // both meshes change color. 


//solution: 

var mesh1.material = new THREE.MeshPhongMaterial(..); 
var mesh2.material = new THREE.MeshPhongMaterial(..); 

//or 

var material1 = new THREE.MeshPhongMaterial(..); 
var material2 = new THREE.MeshPhongMaterial(..); 

var mesh1.material = material1; 
var mesh2.material = material2; 

Answer 2

まず、three.jsに、最終的な色は、成分ごとmaterial.colorとmaterial.mapの積です。

material.colorを変更すると、最終的なテクスチャの色が薄くなります。

第2に、2つのメッシュが同じマテリアルを共有し、マテリアルカラーを変更すると、両方のメッシュの色が変わります。

これを防ぐには、各メッシュに個別のマテリアルインスタンスが必要です。 r.77