像素叠加实现图片的半透明混合

核心提示：半透明的混合效果经常在游戏里看到，效果那叫一个好，像素叠加实现图片的半透明混合，有天好奇心起，想琢磨一下这种效果是怎么实现的，未作优化：/**//** alpha mix demo*/inline COLORREF AlphaPixel(UINT alpha, COLORREF clr1, COLORREF clr2)

半透明的混合效果经常在游戏里看到，效果那叫一个好。有天好奇心起，想琢磨一下这种效果是怎么实现的。可是自己没学过数字图像处理和图形学，于是只好凭直觉猜测了。

按照生活经验，将两个胶片叠在一起时会有半透明效果，于是设想：从位图A和B中对应位置各取一点Pa、Pb，分别求取Pa和Pb的RGB三个分量，并将对应分量求均值后拼装成一个新的颜色，这样就是透明度为一半的混合效果了。按这个思路试了试，发现运气真好。

实现RGB拼装的函数很简单，此处仅说明原理，未作优化：

/**//*
　* alpha mix demo
*/
inline COLORREF AlphaPixel(UINT alpha, COLORREF clr1, COLORREF clr2)
{
　　　 double k = (double)alpha / 256.0;
　　　 double reverse_k = 1.0 - k;

　　　 BYTE r = BYTE( GetRValue(clr2) * k + GetRValue(clr1) * reverse_k );
　　　 BYTE g = BYTE( GetGValue(clr2) * k + GetGValue(clr1) * reverse_k );
　　　 BYTE b = BYTE( GetBValue(clr2) * k + GetBValue(clr1) * reverse_k );

　　　 return RGB(r, g, b);
}

细心的读者从上面代码可以发现，随着alpha参数由0-255的变化，混合效果可以实现全透明--不透明的渐变。依据上述函数实现的半透明混合效果截图：