开发学院软件开发C++ 像素叠加实现图片的半透明混合 阅读

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

 2010-10-15 09:07:51 来源:Web开发网   
核心提示:半透明的混合效果经常在游戏里看到,效果那叫一个好,像素叠加实现图片的半透明混合,有天好奇心起,想琢磨一下这种效果是怎么实现的,未作优化:/**//** 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的变化,混合效果可以实现全透明--不透明的渐变。依据上述函数实现的半透明混合效果截图:

Tags:像素 叠加 实现

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
更多精彩
    赞助商链接

    热点阅读
      焦点图片
        最新推荐
          精彩阅读