D3D中的2D(CAnimationSprite.ppt

DirectX技術(shù),2D游戲框架之CAnimationSprite,概述,CAnimationSprite類用于描述動(dòng)畫精靈。動(dòng)畫精靈也是一種精靈，只是表示精靈的紋理不是固定的一幀，而是由若干幀組成。動(dòng)畫精靈在表現(xiàn)角色動(dòng)作方面特別有用，比如角色的行走、戰(zhàn)斗等動(dòng)作都不是用固定的一幀圖像能表現(xiàn)出來(lái)的，有了動(dòng)畫精靈，就可以把多幅圖像按照指定的速度播放出來(lái)，這樣能較好地表達(dá)角色的動(dòng)作行為。下圖就是一幅角色的四方向行走圖:,在上圖中，從上到下總共4行，代表了角色向下、向左、向右、向上行走。每個(gè)方向的行走動(dòng)畫都是由4幅大小相同的圖片組成。在程序中，只要按一定的速度，循環(huán)播放一個(gè)方向的4幅圖片，就可以形成角色行走的動(dòng)畫。 前面介紹的CSprite類已經(jīng)具有了將紋理圖片中指定的部分顯示在屏幕上指定位置的能力。那么，我們只需要擴(kuò)展CSprite類，為其添加播放控制部分的功能即可。播放控制主要體現(xiàn)在速度控制和紋理坐標(biāo)截取兩方面。 下面我們以表格的形式來(lái)描述動(dòng)畫精靈的主要屬性和行為:,具體定義見(jiàn)CAnimationSprite.h,部分實(shí)現(xiàn)細(xì)節(jié),Update函數(shù) CSprite類有一個(gè)虛函數(shù)Update，這個(gè)函數(shù)是每幀都會(huì)被調(diào)用的，用以控制精靈每幀的行為。對(duì)于CSprite類來(lái)說(shuō)，它的行為模式是簡(jiǎn)單的，每幀只需要負(fù)責(zé)把一張固定的圖像渲染到屏幕上即可，所以該函數(shù)在CSprite里是空操作。而動(dòng)畫精靈則不同，它需要在每幀里計(jì)算自己需要顯示哪一幀圖片。這個(gè)計(jì)算包含兩方面的意思：一是計(jì)算時(shí)間，以決定是否該更新到下一幀；二是如果需要更新，下一幀的紋理坐標(biāo)如何計(jì)算。所以CAnimationSprite類需要重寫Update函數(shù)，在其中主要完成時(shí)間計(jì)算相關(guān)工作，并調(diào)用另一個(gè)函數(shù)SetFrame來(lái)計(jì)算下一幀的紋理坐標(biāo)。,在CAnimationSprite類定義的成員變量fInterval使用來(lái)記錄設(shè)定的動(dòng)畫精靈幀頻所對(duì)應(yīng)的時(shí)間間隔。其計(jì)算方法是：fInterval = 1.0 / nFps; 其中nFps是在構(gòu)造時(shí)傳遞進(jìn)來(lái)的實(shí)參，表示希望動(dòng)畫精靈播放的幀頻。有了這個(gè)時(shí)間間隔，在Update函數(shù)里要控制播放速度就比較簡(jiǎn)單了。其方法是：用fSinceLastFrame成員變量記錄自從上次更新后到本幀累積流逝的時(shí)間，如果這個(gè)時(shí)間大于fInterval，則更新，并把fSinceLastFrame重置為0；否則，則不需要更新，如下：,void CAnimationSprite:Update(float fDeltaTime) /fDeltaTime是從上幀到本幀系統(tǒng)所流逝的時(shí)間 if(!bPlaying) /如果當(dāng)前設(shè)置為不播放，則不作任何操作 return; fSinceLastFrame += fDeltaTime; /加上系統(tǒng)流逝的時(shí)間 if(fSinceLastFrame = fInterval) /如果大于設(shè)定的時(shí)間間隔 fSinceLastFrame = 0; SetFrame(nCurFrame+nDelta); /調(diào)用SetFrame函數(shù)/設(shè)置下一幀的紋理坐標(biāo)， /其中nDelta可以是1，也可以是-1，分別表示順序播放和逆序播放 ,SetFrame函數(shù),SetFrame函數(shù)計(jì)算指定的幀應(yīng)該怎樣在紋理圖片上截圖。在計(jì)算截圖時(shí)，應(yīng)該按照從左到右，從上到下的順序截取圖片，如下圖：,在上圖中，用紅綠藍(lán)黃和數(shù)字1、2、3、4標(biāo)出了截取紋理的順序，1、2、3、4這4幅圖片的截取順序是沒(méi)有疑問(wèn)的，但是如果現(xiàn)在要截取第5幅圖，應(yīng)該怎樣計(jì)算坐標(biāo)呢？截取第5幅圖的坐標(biāo)怎么計(jì)算，要看總幀數(shù)的設(shè)定。如果總幀數(shù)等于4，那么截取到第一行最后一幀圖時(shí)，就已經(jīng)取完了幀序列的所有圖片，如果再取第5幀，那么就應(yīng)該回到幀序列的第一幀重新開始下一輪循環(huán)，如果總幀數(shù)大于4，比如等于16，那么到第5幀時(shí)，這一個(gè)播放序列沒(méi)有完成，還必須繼續(xù)從圖片的下一行取圖，也就是第二行的第一幅圖，如下圖所示：,void CAnimationSprite:SetFrame(int n) /參數(shù)n代表設(shè)置第幾幀 int tx1, ty1, tx2, ty2; bool bX, bY, bHS; int ncols = nTexWidth / width; /計(jì)算紋理圖片分為幾列 n = n % nFrames; /將n對(duì)總幀數(shù)取模 /如果n0，將n+nFrames， /時(shí)期取值范圍落在0,nFrames之間 if(n 0) n = nFrames + n; nCurFrame = n; /將當(dāng)前幀設(shè)置為n / 下面通過(guò)幀n計(jì)算紋理坐標(biāo) ty1 = ty; tx1 = txStart + n*width;,if(tx1 nTexWidth - width) /如果跨行 n -= (nTexWidth -tx) / width; /n在下一行應(yīng)該取