{"id":271,"date":"2009-06-12T23:27:48","date_gmt":"2009-06-12T17:57:48","guid":{"rendered":"http:\/\/techtwaddle.net\/?p=271"},"modified":"2011-04-12T23:28:09","modified_gmt":"2011-04-12T17:58:09","slug":"lets-make-the-spaceship-move-directdraw-part-3","status":"publish","type":"post","link":"https:\/\/techtwaddle.co.in\/blog\/2009\/06\/12\/lets-make-the-spaceship-move-directdraw-part-3\/","title":{"rendered":"Lets make the spaceship move! DirectDraw, Part 3"},"content":{"rendered":"
Ok, time to get our hands dirty. If you have seen the Donuts sample you would have noticed the tubular spaceship. The donuts sample uses a single image, donuts.bmp<\/span>, to store all the images used in the game. Well, I just cut off a portion of it to try something out. Just use any image editor and cut out only the spaceship portion of the image. Make sure that the image you cut is 320×384<\/span> in size. This will make our calculations easier as you will see later. So the image would look something like this:<\/span><\/div>\n

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

Again, make sure the image you cut is 320 pixels wide and 384 pixels high.<\/span><\/p>\n

Lets move onto some code. Most of the code remains the same as I had modified it here<\/a> and here<\/a> to make it work on the emulator. The only changes will be while creating the surfaces and in the UpdateFrame()<\/span> function.<\/div>\n

 <\/p>\n

No changes in the way the primary and back buffers were created, just remember to create the back buffer with width as 240 and height as 320. We will need only one extra surface to hold the above image. Create the surface as follows:<\/div>\n



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

\n    ddsd.dwWidth = 320;<\/span>

\n    ddsd.dwHeight = 384;<\/span>

\n    hRet = g_pDD->CreateSurface(&ddsd, &g_pDDSOne, NULL);<\/span>

\n    if (hRet != DD_OK)<\/span>

\n        return InitFail(hWnd, hRet, szCreateSurfaceFailMsg);<\/span>

\n

\nNotice that the dimensions of the surface match the bitmap size, 320×384. Lets load the bitmap onto the surface now, in InitSurfaces()<\/span>:<\/span>

\n

\n    DDCopyBitmap(g_pDDSOne, hbm, 0, 0, 320, 384);<\/span>

\n

\nSo g_pDDSOne<\/span> now points to a surface that holds our bitmap. Oh and one more thing, just declare a const variable to hold the number of columns in the image,<\/span>

\n

\nstatic const int            TOTAL_COLS = 5;<\/span>

\n

\nYes, you can go back and count (: Anyways, lets take a look at the UpdateFrame()<\/span> function now:<\/span>

\n

\nstatic void UpdateFrame(HWND hWnd)<\/span>

\n{<\/span>

\n    static BYTE                 phase = 0;<\/span>

\n    HRESULT                     hRet;<\/span>

\n    DDBLTFX                     ddbltfx;<\/span>

\n    RECT src, dest;<\/span>

\n    int row = 0, col = 0;<\/span>

\n

\n    memset(&ddbltfx, 0, sizeof(ddbltfx));<\/span>

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

\n    ddbltfx.dwFillColor = 0;<\/span>

\n

\n    ddbltfx.dwROP = SRCCOPY;<\/span>

\n

\n    \/\/the destination rect is in the center of the screen<\/span>

\n    dest.top = 128;<\/span>

\n    dest.left = 88;<\/span>

\n    dest.bottom = 192;<\/span>

\n    dest.right = 152;<\/span>

\n

\n    \/\/clear the back buffer (color fill with black)<\/span>

\n    g_pDDSBack->Blt(&dest, NULL, NULL, DDBLT_COLORFILL | DDBLT_WAITNOTBUSY, &ddbltfx);<\/span>

\n

\n    \/\/calculate the src rect depending on the value of ‘phase’<\/span>

\n    row = phase\/TOTAL_COLS;<\/span>

\n    col = phase%TOTAL_COLS;<\/span>

\n

\n    src.top = 64*row;<\/span>

\n    src.left = 64*col;<\/span>

\n    src.bottom = src.top + 64;<\/span>

\n    src.right = src.left + 64;<\/span>

\n

\n    while (TRUE)<\/span>

\n    {<\/span>

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

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

\n            break;<\/span>

\n        if (hRet == DDERR_SURFACELOST)<\/span>

\n        {<\/span>

\n            hRet = RestoreAll();<\/span>

\n            if (hRet != DD_OK)<\/span>

\n                break;<\/span>

\n        }<\/span>

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

\n            break;<\/span>

\n    }<\/span>

\n

\n    phase = (phase+1)%30;<\/span>

\n

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

A few points first, every spaceship image in the bitmap is 64×64 in size. There are a total of 30 spaceship images, so we make the ‘phase<\/span>‘ variable to run between 0 to 29 in a circular fashion, each time selecting the next image in the bitmap and wrapping around. I decided to place the spaceship in the middle of the screen, as you can see the hard coded values for dest RECT<\/span>. This is not very elegant and I should really have used GetSystemMetrics()<\/span> with SM_CXSCREEN<\/span> and SM_CYSCREEN<\/span> to calculate the position at run time, but since this is for illustration only, I’ll leave it at that. Next we clear that dest<\/span> portion of the back buffer, to clear the prevous image, calculate the current image to be loaded using the value of ‘phase<\/span>‘ and putting the values in the src RECT<\/span>. Finally we Blt()<\/span> the image onto the back buffer from g_pDDSOne<\/span> surface, and this back buffer will then be Blt()<\/span> onto the primary surface under WM_TIMER<\/span> message in WindowProc()<\/span>. Before returning we update the ‘phase<\/span>‘ variable. Well, thats it! Pretty simple right. If you run this, it will display a rotating spaceship at the center of the emulator screen. You can play around with the timer,<\/div>\n



\n#define TIMER_RATE          80<\/span><\/p>\n

to control the speed at which the spaceship rotates.<\/div>\n

 <\/p>\n

Thats it for now! In the next post I’ll explain on how to make the rotating spaceship bounce around the screen edges. It can’t get any simpler (:<\/p>\n

I took a small video of the rotating spaceship.<\/p><\/div>\n

 <\/p>\n

<\/object><\/p>\n","protected":false},"excerpt":{"rendered":"

Ok, time to get our hands dirty. If you have seen the Donuts sample you would have noticed the tubular spaceship. The donuts sample uses a single image, donuts.bmp, to store all the images used in the game. Well, I just cut off a portion of it to try something out. Just use any image … Continue reading Lets make the spaceship move! DirectDraw, Part 3<\/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-4n","_links":{"self":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/271"}],"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=271"}],"version-history":[{"count":2,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/categories?post=271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/tags?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}