三种js黑色材质透明

时间:2015-04-05 11:40:01

标签: javascript three.js

如何使用透明的黑色而不使用alphaMap从纹理制作Lambert材质。

我有云纹理的球体。我需要是黑色透明的,如果我使用混合,它会影响阴影,我需要保持像MeshPhong材质的行为,但只有透明的黑色。

var cloudsMaterial = new THREE.MeshLambertMaterial( { 
                        color: 0xffffff, 
                        map: THREE.ImageUtils.loadTexture( "img/planets/clouds.jpg" ),

                        specular   : new THREE.Color("rgb(255,255,255)"),
                        shininess  : 0.1,                              
                        depthTest  : 0,
                        blending   : 1,
                        transparent: true,
                        bumpScale  : 1, //0.8
                        bumpMap    : THREE.ImageUtils.loadTexture( "img/planets/bump.jpg" ),                                                      
                        } );

设置混合或其他属性的正确方法是什么?

2 个答案:

答案 0 :(得分:0)

我的解决方案是使用alpha贴图(BW纹理,其中白色=不透明度较低,黑色= 100%不透明):

var t = THREE.ImageUtils.loadTexture( "clouds.jpg" );
var a = THREE.ImageUtils.loadTexture( "clouds_alpha.jpg" );
var cloudsMaterial = new THREE.MeshLambertMaterial( { 
                        map        : t,
                        alphaMap   : map,
                        blending   : 1,
                        transparent: true,                                                    
})

答案 1 :(得分:0)

我知道这是可以做到的。将 jpg 与透明的黑色 bg 混合。 Martin,alphaMap:map 未定义。这个问题似乎没有答案。

如果我没记错的话,它的 glBlendFunc(GL_SRC_ALPHA, GL_ONE); 我相信 Threejs 没有忽视它。