{"id":243,"date":"2009-09-12T23:18:34","date_gmt":"2009-09-12T17:48:34","guid":{"rendered":"http:\/\/techtwaddle.net\/?p=243"},"modified":"2011-04-12T23:18:54","modified_gmt":"2011-04-12T17:48:54","slug":"applications-creating-a-windowed-directdraw-application","status":"publish","type":"post","link":"https:\/\/techtwaddle.co.in\/blog\/2009\/09\/12\/applications-creating-a-windowed-directdraw-application\/","title":{"rendered":"Applications: Creating a windowed DirectDraw application"},"content":{"rendered":"
In this post we’ll learn how to create a windowed directdraw application for windows mobile. A windowed application is not much different from a regular full-screen application but you have to be a little careful because your application has to co-exist with GDI, peacefully. Note that I have used bits of code from Joel’s code project article<\/a>. Here is the code I call from WinMain()<\/span>:<\/div>\n



\n    \/\/Create the DirectDraw object the primary and auxillary surfaces<\/span>

\n    if (InitDirectDraw(g_hWnd))<\/span>

\n    {<\/span>

\n        if (!CreateDirectDrawSurfaces(g_hWnd))<\/span>

\n        {<\/span>

\n            printf("CreateDirectDrawSurfaces failed!\\r\\n");<\/span>

\n            FreeDirectDrawResources();<\/span>

\n            return FALSE;<\/span>

\n        }<\/span>

\n    }<\/span>

\n    else<\/span>

\n    {<\/span>

\n        printf("InitDirectDraw failed!\\r\\n");<\/span>

\n        FreeDirectDrawResources();<\/span>

\n        return FALSE;<\/span>

\n    }<\/span>

\n

\n    printf("Checkpoint 1: InitDirectDraw and CreateDirectDrawSurfaces succeeded\\r\\n");<\/span>

\n

\n    \/\/Initialize the surfaces with the image<\/span>

\n    if (!InitSurfaces())<\/span>

\n    {<\/span>

\n        printf("InitSurfaces failed!\\r\\n");<\/span>

\n        return FALSE;<\/span>

\n    }<\/span><\/p>\n

We will see what each one of the functions does, one by one. <\/span><\/div>\n



\nBOOL InitDirectDraw(HWND hWnd)<\/span>

\n{<\/span>

\n    HRESULT result;<\/span>

\n

\n    result = DirectDrawCreate(NULL, &g_ddraw, NULL);<\/span>

\n    if(SUCCEEDED(result))<\/span>

\n    {<\/span>

\n        g_ddraw->SetCooperativeLevel(hWnd, DDSCL_NORMAL);<\/span>

\n        return TRUE;<\/span>

\n    }<\/span>

\n

\n    printf("DirectDrawCreate failed!\\r\\n");<\/span>

\n    return FALSE;<\/span>

\n

\n}<\/span><\/p>\n

InitDirectDraw()<\/span> is simple. The only difference here is the co-operative level, we use DDSCL_NORMAL<\/span> unlike DDSCL_FULLSCREEN<\/span> that we used before. The CreateDirectDrawSurfaces()<\/span> function is below:<\/span><\/div>\n



\nBOOL CreateDirectDrawSurfaces(HWND hWnd)<\/span>

\n{<\/span>

\n    DDSURFACEDESC ddsd;<\/span>

\n    HRESULT hr;<\/span>

\n    RECT rect = {0,};<\/span>

\n

\n    ZeroMemory(&ddsd, sizeof(DDSURFACEDESC));<\/span>

\n

\n    ddsd.dwSize = sizeof(DDSURFACEDESC);<\/span>

\n    ddsd.dwFlags = DDSD_CAPS;<\/span>

\n    ddsd.ddsCaps.dwCaps = DDSCAPS_PRIMARYSURFACE;<\/span>

\n

\n    \/\/create the primary surface and set the clipper<\/span>

\n    if ( (g_ddraw->CreateSurface(&ddsd, &g_primarySurface, NULL)) == DD_OK)<\/span>

\n    {<\/span>

\n        if ( (g_ddraw->CreateClipper(0, &g_primaryClipper, NULL)) == DD_OK)<\/span>

\n        {<\/span>

\n            if ( (g_primaryClipper->SetHWnd(0, hWnd)) != DD_OK)<\/span>

\n            {<\/span>

\n                printf("SetHWnd on primary clip failed hr=0x%x\\r\\n", hr);<\/span>

\n            }<\/span>

\n            if ( (g_primarySurface->SetClipper(g_primaryClipper)) != DD_OK)<\/span>

\n            {<\/span>

\n                printf("SetClipper failed hr=0x%x\\r\\n", hr);<\/span>

\n            }<\/span>

\n        }<\/span>

\n        else<\/span>

\n        {<\/span>

\n            printf("CreateClipper failed hr=0x%x\\r\\n", hr);<\/span>

\n            return FALSE;<\/span>

\n        }<\/span>

\n    }<\/span>

\n    else<\/span>

\n    {<\/span>

\n        printf("CreateSurface failed hr=0x%x\\r\\n", hr);<\/span>

\n        return FALSE;<\/span>

\n    }<\/span>

\n

\n    \/\/get the size of the client area (this will be used for backbuffer)<\/span>

\n    GetClientRect(hWnd, &rect);<\/span>

\n

\n    ZeroMemory(&ddsd, sizeof(DDSURFACEDESC));<\/span>

\n

\n    \/\/create the back buffer<\/span>

\n    ddsd.dwSize = sizeof(DDSURFACEDESC);<\/span>

\n    ddsd.dwFlags = DDSD_WIDTH | DDSD_HEIGHT;<\/span>

\n    ddsd.dwWidth = rect.right – rect.left;<\/span>

\n    ddsd.dwHeight = rect.bottom – rect.top;<\/span>

\n

\n    printf("screen width:%d,  height:%d\\r\\n", ddsd.dwWidth, ddsd.dwHeight);<\/span>

\n

\n    if ( (g_ddraw->CreateSurface(&ddsd, &g_backBuffer, NULL)) != DD_OK)<\/span>

\n    {<\/span>

\n        printf("CreateSurface on back buffer failed hr=0x%x\\r\\n", hr);<\/span>

\n        return FALSE;<\/span>

\n    }<\/span>

\n

\n    ZeroMemory(&ddsd, sizeof(DDSURFACEDESC));<\/span>

\n

\n    \/\/create a surface to hold the marbel’s image<\/span>

\n    ddsd.dwSize = sizeof(DDSURFACEDESC);<\/span>

\n    ddsd.dwFlags = DDSD_WIDTH | DDSD_HEIGHT;<\/span>

\n    ddsd.dwWidth = 48; \/\/BMP’s width<\/span>

\n    ddsd.dwHeight = 48; \/\/BMP’s height<\/span>

\n

\n    if ( (hr = g_ddraw->CreateSurface(&ddsd, &g_marbleSurface, NULL)) != DD_OK)<\/span>

\n    {<\/span>

\n        printf("CreateSurface marble surface failed hr=0x%x\\r\\n", hr);<\/span>

\n        return FALSE;<\/span>

\n    }<\/span>

\n

\n    return TRUE;<\/span>

\n}<\/span><\/p>\n

We create three surfaces here, a primary surface, a back buffer and an additional surface to hold our marble’s image. Another thing you’ll note is the presence of a DirectDraw Clipper object. The clipper object is used to manage clip lists. Basically, it helps to contain the drawings of our application within the client area of the window. We create the clipper using CreateClipper()<\/span> method on the directdraw object. Next, we call SetHWnd()<\/span> on the clipper object and pass in the handle to our main window. The clipper object will use this handle to find out the client area of the window and determine what part to clip. We set the clipper on the primary surface by using SetClipper()<\/span> method of the directdraw surface object.<\/span><\/div>\n

 <\/p>\n

We create the back buffer next. You’ll see that we use the client area co-ordinates of the main window to decide the width and height of the back buffer. I did not do this initially and used 240 for width and 320 for height. This led to a problem, the image on the screen appeared skewed. The problem was that while Blt’ing, the destination rect on the primary surface was the size of the client area of the main window, which is a little smaller than 240×320 to make way for the task bar and the menu bar. When the back buffer, whose size is 240×320, was Blt onto a smaller surface the image was shrunk to fit. So the image appeared, well, shrunk.<\/span><\/div>\n



\nBOOL InitSurfaces()<\/span>

\n{<\/span>

\n    HBITMAP hbm;<\/span>

\n

\n    \/\/load the bitmap resource<\/span>

\n    hbm = DDGetBitmapHandle(g_hInst, szMarbleBitmap);<\/span>

\n

\n    if (hbm == NULL)<\/span>

\n    {<\/span>

\n        printf("DDGetBitmapHandle failed\\r\\n");<\/span>

\n        return FALSE;<\/span>

\n    }<\/span>

\n

\n    DDCopyBitmap(g_marbleSurface, hbm, 0, 0, 48, 48);<\/span>

\n

\n    DeleteObject(hbm);<\/span>

\n

\n    return TRUE;<\/span>

\n}<\/span><\/p>\n

InitSurfaces()<\/span> initializes the marble surface with the marble’s image. The DD*()<\/span> function you see above are from ddutil.cpp<\/span> which come with the SDK samples. Make sure that the null check "if (hbm == NULL)<\/span>" isn’t written as "if(hbm = NULL)<\/span>", that’ll save you a good hour of debugging (;<\/span><\/div>\n

 <\/p>\n

Next up are UpdateFrame()<\/span> and DisplayFrame()<\/span> functions. UpdateFrame()<\/span> updates the back buffer by Blt()’ing the marble surface on it and DisplayFrame()<\/span> displays the drawing by Blt()’ing the back buffer onto the primary surface.<\/span><\/div>\n



\nvoid DisplayFrame()<\/span>

\n{<\/span>

\n    HRESULT hr;<\/span>

\n    POINT p;<\/span>

\n    RECT destRect;<\/span>

\n

\n    p.x = p.y = 0;<\/span>

\n

\n    ClientToScreen(g_hWnd, &p);<\/span>

\n    GetClientRect(g_hWnd, &destRect);<\/span>

\n

\n    OffsetRect(&destRect, p.x, p.y);<\/span>

\n

\n    \/\/blt the back buffer on the primary surface<\/span>

\n    while (TRUE)<\/span>

\n    {<\/span>

\n        hr = g_primarySurface->Blt(&destRect, g_backBuffer, NULL, 0, NULL);<\/span>

\n

\n        if (hr == DD_OK)<\/span>

\n            break;<\/span>

\n

\n        if (hr != DDERR_WASSTILLDRAWING)<\/span>

\n            break;<\/span>

\n    }<\/span>

\n}<\/span>
\n<\/p>\n

Again, we use ClientToScreen()<\/span>, GetClientRect()<\/span> and OffsetRect()<\/span> functions to determine the position of the destination rectangle on the primary surface.<\/span><\/div>\n

 <\/p>\n

Another important thing is to prevent your application from drawing when it’s not supposed to, for e.g. when it doesn’t have the focus. So we need to maintain a state variable to determine whether we have focus or not and draw only when we our application has the focus. The following code is under the WndProc()<\/span> function:<\/span><\/div>\n



\n        case WM_ACTIVATE:<\/span>

\n            SHHandleWMActivate(hWnd, wParam, lParam, &s_sai, FALSE);<\/span>

\n            switch(LOWORD(wParam))<\/span>

\n            {<\/span>

\n                case WA_ACTIVE:<\/span>

\n                case WA_CLICKACTIVE:<\/span>

\n                    g_bHasFocus = TRUE;    <\/span>

\n                    break;<\/span>

\n

\n                case WA_INACTIVE:<\/span>

\n                    g_bHasFocus = FALSE;<\/span>

\n                    break;<\/span>

\n

\n                default:<\/span>

\n                    break;<\/span>

\n            }<\/span>

\n            break;<\/span>
\n<\/p>\n

Pretty straight forward. Also,<\/span><\/div>\n



\n        case WM_CANCELMODE:<\/span>

\n            g_bHasFocus = FALSE;<\/span>

\n            DisplayTextOnScreen(TEXT("Tap here to continue.."));<\/span>

\n            \/\/DisplayFrame();<\/span>

\n            break;<\/span>

\n

\n        case WM_ENTERMENULOOP:<\/span>

\n            g_bHasFocus = !(BOOL)wParam;<\/span>

\n            break;<\/span>

\n

\n        case WM_EXITMENULOOP:<\/span>

\n            g_bHasFocus = TRUE;<\/span>

\n            break;<\/span><\/p>\n

 <\/div>\n
WM_ENTERMENULOOP<\/span> and WM_EXITMENULOOP<\/span> are called whenever user clicks on a menu or leaves a menu. In case, where the Start<\/span> menu was pressed, my window did not receive these messages, instead it was sent a WM_CANCELMODE<\/span> message. WM_CANCELMODE<\/span> is sent whenever a dialog box or a message box is displayed. But when I click on the Start menu again to close the popup, no message was sent to the main window. So I decided to display a small text on the screen which says "Tap here to continue.." and it works pretty well. But there is one problem however, which I’ll come to in a moment. I use DisplayTextOnScreen()<\/span> to draw text directly on the primary surface,<\/span><\/div>\n



\nvoid DisplayTextOnScreen(TCHAR *tszStr)<\/span>

\n{<\/span>

\n    HDC hdc;<\/span>

\n    RECT rc = {0,}, destRect = {0,}, srcRect = {0,};<\/span>

\n    int nMsg;<\/span>

\n    SIZE size = {0,};<\/span>

\n    HRESULT hr;<\/span>

\n

\n    if (g_primarySurface->GetDC(&hdc) == DD_OK)<\/span>

\n    {<\/span>

\n        SetBkColor(hdc, RGB(115, 115, 115));<\/span>

\n        SetTextColor(hdc, RGB(255, 255, 255));<\/span>

\n        GetClientRect(g_hWnd, &rc);<\/span>

\n

\n        nMsg = lstrlen(tszStr);<\/span>

\n        GetTextExtentPoint(hdc, tszStr, nMsg, &size);<\/span>

\n

\n        ExtTextOut(hdc,<\/span>

\n            (rc.right – size.cx)\/2 – 25,<\/span>

\n            rc.bottom – size.cy*2,<\/span>

\n            \/\/(rc.bottom – size.cy)\/2,\/\/ – (rc.bottom – size.cy)\/4,<\/span>

\n            ETO_OPAQUE,<\/span>

\n            NULL,<\/span>

\n            tszStr,<\/span>

\n            nMsg,<\/span>

\n            NULL);<\/span>

\n

\n

\n        g_primarySurface->ReleaseDC(hdc);<\/span>

\n    }<\/span>

\n}<\/span><\/p>\n

And of course, you also have to handle WM_LBUTTONDOWN<\/span> or WM_LBUTTONUP<\/span> events to find out if the user clicked on the client area and then change the state variable so the marble can continue to move again.<\/span><\/div>\n

 <\/p>\n

There you go.<\/span><\/div>\n

 <\/p>\n

All the while writing this post I was taking regular backups and the thing never crashed<\/a>. One of the reasons that makes me love those Murphy’s laws<\/a> (:<\/span><\/div>\n

 <\/p>\n

And as always, here are a few screenshots,<\/span><\/div>\n



\n

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

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

You can tell which screen is the problem, right? Do you need a clue? Well, the problem is that when I click on Start<\/span> and then on Menu<\/span> Screen 4 happens. And vice-versa too. I am yet to figure out how to solve this, I do however have a slight idea of why it happens. Feel free to help me out.<\/span><\/p>\n

\nUpdate<\/span>: The problem mentioned above (Screen 4) is solved. Look here<\/a>.<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"

In this post we’ll learn how to create a windowed directdraw application for windows mobile. A windowed application is not much different from a regular full-screen application but you have to be a little careful because your application has to co-exist with GDI, peacefully. Note that I have used bits of code from Joel’s code … Continue reading Applications: Creating a windowed DirectDraw application<\/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-3V","_links":{"self":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/243"}],"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=243"}],"version-history":[{"count":1,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}