Three.js - Alpha蒙版叠加纹理

时间:2016-01-05 00:18:46

标签: javascript three.js

我正在使用Three.js,我尝试使用alpha蒙版在网格上渲染纹理,而不会透明到背景。

我有2个网格,backgroundforeground

背景是绿色的纹理,前景的纹理是RGB和透明的。

现在我想在该前景上绘制一个圆点纹理,但只在它透明的地方。我怎么能这样做?

我尝试使用前景纹理作为alphaMap并在第三个圆点纹理上启用透明度,但它会导致透视到背景的洞,foreground纹理的黑色曾经是

编辑:
http://luakt.net/threejs/
以下是我此刻试图实现这一目标的一个例子 最终结果应该是可见的红色圆圈,所有透明区域(当前显示绿色背景)应该用overlay.png

进行纹理化

我不认为使用MeshFaceMaterial是正确的,但我不确定在单个网格上使用2种材质的另一种方法。如果可能的话,我宁愿避免对自己的着色器进行麻烦。

0 个答案:

没有答案