Three.js alphaMap eklemeye çalışıyor

Question

İki jpeg dosyasından bir bulut dokusu oluşturmaya çalışıyorum. Biri saydamlık, diğeri ise renk/görünür doku. Three.js dokümanları bir ölçüde faydalıdır, ancak gerçek uygulamadan yoksundur. Bu yüzden, alphaMap'in varlığını bildiğim halde, bunun nasıl uygulanacağından emin değilim. Bu kod düzgün çalışmıyor gibi görünüyor. Doku, makro katman kırpma maskesi iken, renk katmanı olmaktır. Alfa maskesi kendi başına çalışır, ancak doku katmanını kırpmaz.

// add clouds 
function addClouds(){ 
    loadText.innerText = "Adding Atmosphere"; 
    var cloudsTexture = loader.load("img/earthcloudmap.jpg"), 
     cloudsAlpha = loader.load("img/earthcloudmaptrans.jpg"), 
     materialClouds = new THREE.MeshPhongMaterial({ 
      map: cloudsTexture, 
      alphaMap : cloudsAlpha, 
      transparent : true, 
      depthWrite : false 
     }); 
    meshClouds = new THREE.Mesh(spGeo, materialClouds); 
    meshClouds.scale.set(1.015, 1.015, 1.015); 
    scene.add(meshClouds); 
} 

Answer 1

kod alfa jpg dosyası içinde olduğunu bana ne

ok görünüyor?

o

.alphaMap

alfa harita hesabına almak genelinde yüzeyini opaklığını kontrol eden bir gri tonlama doku olduğunu (siyah: tamamen şeffaf; beyaz: tamamen opak). Varsayılan boş. Varsa alfa kanalını göz ardı ederek yalnızca dokuların rengi kullanılır. RGB ve RGBA dokuları için, WebGL oluşturucu , bu dokuyu örneklerken, DXT sıkıştırılmış ve sıkıştırılmamış RGB 565 formatlarında yeşil için sağlanan ek bit hassasiyetinden dolayı yeşil kanalı kullanacaktır. Sadece parlaklık ve parlaklık/alfa dokuları da da beklendiği gibi çalışacaktır.

doc