Three.js使用非透明图像为纹理贴图启用混合

时间:2014-11-03 19:25:03

标签: javascript opengl-es three.js alphablending color-blending

尝试使用three.js并完成NeHe演示。 Number 9加载一个不透明的JPG。 JPEG主要是黑色并充当掩码。一系列重叠的对象应该只与正在渲染的对象的白色区域混合在一起。在OpenGL(旧样式)中,代码(在Java中)是:

    Texture t = TextureIO.newTexture(getResource(filename), mipmap, null);
    t.setTexParameteri(GL.GL_TEXTURE_MIN_FILTER, GL.GL_LINEAR);
    t.setTexParameteri(GL.GL_TEXTURE_MAG_FILTER, GL.GL_LINEAR);

in three.js我试过

    var material = new THREE.MeshBasicMaterial({
                    map:starTexture,
                        depthWrite: false,
                    side:THREE.DoubleSide,
                        blending: THREE.NormalBlending
                                    });

还有很多变种。但我得到了几乎所有的结果。我获得了蒙版效果,但JPG的矩形形状会剪切重叠的图像系列。

0 个答案:

没有答案