{"id":267,"date":"2009-07-12T23:26:39","date_gmt":"2009-07-12T17:56:39","guid":{"rendered":"http:\/\/techtwaddle.net\/?p=267"},"modified":"2011-04-12T23:26:58","modified_gmt":"2011-04-12T17:56:58","slug":"transparent-blitting-directdraw-part-5","status":"publish","type":"post","link":"https:\/\/techtwaddle.co.in\/blog\/2009\/07\/12\/transparent-blitting-directdraw-part-5\/","title":{"rendered":"Transparent Blitting, DirectDraw, Part 5"},"content":{"rendered":"
All this while<\/a>, we have been blitting the spaceship image:<\/span><\/div>\n

\n\"\"\n<\/p>\n

onto a black surface:<\/span><\/div>\n

\n\"\"\n<\/p>\n

giving an image which looks like:<\/span><\/div>\n

\n\"\"\n<\/p>\n

Thus giving an illusion that only the spaceship has been Blt on to the screen. But if our background was anything but black, things would look a lot different. For e.g. if our background was blue:<\/span><\/div>\n

\n\"\"\n<\/p>\n

the resulting Blt() would have looked like this:<\/span><\/div>\n

\n\"\"\n<\/p>\n

which, as you can see, is not very appealing to the eyes. Enter the concept of transparent blitting!<\/span><\/div>\n

 <\/p>\n

With transparent blitting, you can specify any arbitrary color, on the source surface or the destination surface or both, as a transparent color. So for e.g. in the above case we would specify the color BLACK on the source surface (the spaceship) as the transparent color. Therefore, when the spaceship is being Blt onto the destination surface, the color Black will be treated as transparent and the background will be preserved. So in short whenever the color black is encountered while Blting, its not Blt onto the destination surface, instead the Blue background color is displayed.<\/span><\/div>\n

 <\/p>\n

Color keys are used to specify which color you want to be treated as transparent. You can specify a range of colors to be transparent but, color ranges are not supported by HEL (Hardware Emulation Layer). Color keys can be specified:<\/span><\/div>\n



\n1) While creating the surface<\/span>

\n2) Calling SetColorKey() function explicitely on a surface<\/span>

\n3) While Blting the surface<\/span><\/p>\n

Color Keys are specified using the DDCOLORKEY<\/span> structure. This structure has two DWORD members, <\/span>dwColorSpaceLowValue<\/span> <\/em>and <\/span>dwColorSpaceHighValue<\/span>. <\/em>Unless you are specifying a range of colors, both these values must be the same. If a surface is in palettized format then the color is specified as an index or a range of indices. If the surface’s pixel format is specified using a code then the color keys have to be specified using appropriate means like RGB(r, g, b)<\/span> etc.<\/span><\/div>\n



\n

\nColor Keys while creating a surface<\/span><\/p>\n

Assign the appropriate color values to ddckCKSrcBlt<\/span> or ddckCKDestBlt<\/span> members of the DDSURFACEDESC<\/span> structure. Also, the dwFlags<\/span> member must include DDSD_CKSRCBLT<\/span> or DDSD_CKDESTBLT<\/span> or both depending on whther you want to specify source color key, destination color key or both.<\/span><\/div>\n



\nUsing SetColorKey()<\/span><\/p>\n

Another way to specify color keys is by calling SetColorKey()<\/span> function on a surface directly. This function takes a pointer to DDCOLORKEY<\/span> structure where you specify your color keys. In the dwFlags<\/span> parameter you set either DDCKEY_SRCBLT<\/span> or DDCKEY_DESTBLT<\/span> or both to indicate whether you are setting a source color key or a destination color key or both.<\/span><\/div>\n



\nWhile Bltting the surface<\/span><\/p>\n

If the color keys for the surfaces you are bltting was already specified using one of the methods above then you just need to set the dwFlags<\/span> parameter to DDBLT_KEYSRC<\/span> or DDBLT_KEYDEST<\/span> or both. Alternatively, if you want to override the color keys while blitting then you can specify the source and destination color keys by setting the ddckDestColorKey<\/span> and ddckSrcColorKey<\/span> members of the DDBLTFX<\/span> structure, you will also need to specify DBLT_KEYSRCOVERRIDE<\/span> or DBLT_KEYDESTOVERRIDE<\/span> flags in the dwFlags<\/span> parameter of the DDBLTFX<\/span> structure.<\/span><\/div>\n

 <\/p>\n

In our UpdateFrame()<\/span> function specify the color keys as:<\/span><\/div>\n



\n    ddbltfx.ddckSrcColorkey.dwColorSpaceLowValue = RGB(0, 0, 0);<\/span>

\n    ddbltfx.ddckSrcColorkey.dwColorSpaceHighValue = RGB(0, 0, 0);<\/span><\/p>\n

Note that both the values are same. Here, the color black is specified as the source color key.<\/span><\/p>\n

And the blitting,<\/span>
\n

\n        hRet = g_pDDSBack->Blt(&dest, g_pDDSOne, NULL, DDBLT_ROP | DDBLT_KEYSRCOVERRIDE, &ddbltfx);<\/span>
\n

\nThe DDBLT_KEYSRCOVERRIDE<\/span> flag is specified to use the color key from the ddbltfx<\/span> structure.<\/span><\/div>\n

 <\/p>\n

So now when I Blit:<\/span><\/div>\n

\n\"\"<\/p>\n

onto the same Blue surface, the resultant image is:<\/span><\/div>\n

\n\"BallOnBlue\"<\/p>\n

For more information on Transparent Blitting, take a look at MSDN<\/a>.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

All this while, we have been blitting the spaceship image: onto a black surface: giving an image which looks like: Thus giving an illusion that only the spaceship has been Blt on to the screen. But if our background was anything but black, things would look a lot different. For e.g. if our background was … Continue reading Transparent Blitting, DirectDraw, Part 5<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1ktFF-4j","_links":{"self":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/267"}],"collection":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":1,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/267\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/267\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/media?parent=267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/categories?post=267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/tags?post=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}