XNA Shader编程教程13-Alpha映射

程序截图

这个教程我们将实现一个简单但重要的shader:Alpha贴图!当你想绘制一个部分透明的3D物体时使用Alpha贴图是很有用的。比如一个有窗框的窗户,可以让窗框不透明而使其他部分透明!你可以在很多场合使用Alpha贴图,比如冰面、皮肤、花、昆虫翅膀等。

Alpha映射

这个shader的基本思路是使用一张纹理:alpha贴图。这个纹理是一张灰度图,其中黑色表示完全透明,灰色表示介于透明和不透明之间,而白色表示完全不透明。你可以将这张纹理想象成一张包含物体透明信息的图片,其中的灰度颜色代表透明百分比。颜色0.0(黑色)表示透明,颜色0.5(灰色)表示半透明,而1.0(白色)表示不透明。

所以shader需要两张纹理:

ColorMap代表物体颜色,AlphaMap代表透明度。

ColorMap和AlphaMap

实现Shader

本教程只使用Diffuse Shader,并支持Alpha映射,当然你也可以在shader中实现任何你想要的效果。首先定义两个纹理:Color Map,Alpha Map。并添加到shader中:

texture ColorMap; 
sampler ColorMapSampler = sampler_state
{
    Texture = <ColorMap>;
    MinFilter = Linear; 
    MagFilter = Linear; 
    MipFilter = Linear;
    AddressU = Mirror; 
    AddressV = Mirror; 
};

texture AlphaMap; 
sampler AlphaMapSampler = sampler_state 
{
    Texture = <AlphaMap>;
    MinFilter = Linear;
    MagFilter = Linear;
    MipFilter =Linear;
    AddressU = Mirror;
    AddressV = Mirror; 
}; 

然后设置color的alpha通道并返回存储在Alpha贴图中的值,这一步在Pixel Shader中进行:

Color = (Ai*Ac*Color)+(Color*Di*Dd); 
Color.a = tex2D(AlphaMapSampler, Tex).r;
return Color; 

这里我们和以前一样计算了漫反射颜色。接着处理Colors.a分量,这个分量是Colors的alpha通道,并将这个分量设置为alpha贴图中的值。Alpha贴图中的所有分量都是相同的(因为它是一张灰度图),所以你用r、g、b通道皆可,我使用了r通道: Technique代码如下:

technique DiffuseShader
{
    pass P0
    {
        AlphaBlendEnable = True;
        SrcBlend = SrcAlpha;
        DestBlend = InvSrcAlpha;
        
        Sampler[0] = (ColorMapSampler); 
        Sampler[1] = (AlphaMapSampler); 
        
        VertexShader = compile vs_2_0 VertexShader(); 
        PixelShader = compile ps_2_0 PixelShader(); 
    }
} 

如你所见,我们将AlphaBlendEnable设置为true,并使用SrcAlpha/InvSrcAlpha作为混合函数,这意味着我们使用alpha通道使物体透明。

使用shader

使用shader没什么新的东西,别忘了将color和alpha纹理传递到shader中。

我还添加了一个叫做m_Overlay的overlay纹理。这个纹理用来覆盖在整个屏幕之上,使用了这个.PNG文件的alpha值,这些alpha值可以在Photoshop或其他图像编辑器中设置。

spriteBatch.Begin(SpriteBlendMode.AlphaBlend, SpriteSortMode.Immediate, SaveStateMode.SaveState);
{
    spriteBatch.Draw(m_Overlay, new Rectangle(0, 0, 800,600), Color.White); 
}
spriteBatch.End(); 

发布时间:2009/5/4 13:26:20  阅读次数:8525

2006 - 2024,推荐分辨率1024*768以上,推荐浏览器Chrome、Edge等现代浏览器,截止2021年12月5日的访问次数:1872万9823 站长邮箱

沪ICP备18037240号-1

沪公网安备 31011002002865号