Javascript Three.js正在尝试添加alphaMap

我正在尝试从两个jpeg文件创建云纹理。一个是透明度，另一个是颜色/可见纹理。3th.js文档在一定程度上是有用的，但缺乏实际的实现。因此，虽然我知道alphaMap存在，但我不确定这是否是如何实现它的。此代码似乎工作不正常。纹理将作为颜色层，而alpha将作为剪裁遮罩。alpha遮罩自身工作，但不会剪裁纹理层

// 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);
}

---

代码对我来说似乎没问题

alpha jpg文件中有什么

考虑到这一点

.字母地图

alpha贴图是一种灰度纹理，用于控制整个区域的不透明度 曲面（黑色：完全透明；白色：完全不透明）。违约 是空的。仅使用纹理的颜色，忽略alpha 通道（如果存在）。对于RGB和RGBA纹理，WebGL渲染器 在采样此纹理时将使用绿色通道，因为额外的 DXT压缩和未压缩中为绿色提供的精度位 RGB565格式。仅亮度和亮度/alpha纹理也将显示 仍然像预期的那样工作

---

嗨，瓦尔斯，谢谢你的发帖。我在这里使用云贴图：three.js希望alpha贴图在不透明区域为白色，在透明区域为黑色。你的alpha图是不是和要求相反？啊，我现在看到颜色是相反的。我以为他们是另一种方式。谢谢你的帮助，你是我的地震可视化工具看起来很酷的原因之一：D